← Dialed

Lab Studies

Design explorations, prototypes, and component studies from the making of Dialed. Everything here started as a question.

Scoring & Color
Scoring
Scoring & Color Range Study
Interactive tool for exploring the scoring curve, Delta E calculations, and color generation range.
Scoring
Current System vs CIEDE2000
Side-by-side comparison of the CIE76 sigmoid scoring vs CIEDE2000 perceptual distance. Presets for edge cases.
Sound
Design
Sound — Results Screen
Layout options for solo and multiplayer results. Names, scores, round breakdowns, head-to-head comparisons.
Audit
Sharing & SEO Audit
Comprehensive audit of every meta tag, OG image, share text, link preview, and clipboard behavior across Color and Sound. Apr 7.
Audit
Sharing Comparison (Mar 29)
Original side-by-side audit of OG images, share text, and daily share. Color vs Sound with gap analysis.
Design
Audio Gate Study
12 approaches to the "turn your sound on" overlay. Full-screen, partial, minimal, and creative variants.
Game Design
Design
Challenge Intro
A/B variants for the multiplayer challenge intro screen. Variant A won with 64.9% completion.
Design
Share Challenge Flow
Share link generation, copy UX, and the viral challenge loop design.
Design
Daily Mode — Results, Share, Leaderboard
Screen designs for daily challenge results, Wordle-style share preview, and daily leaderboard.
Growth
OG Copy & Personalization
Provocative vs competitive vs neutral copy for social sharing previews. Provocative won +5%.
Growth
Dynamic OG Image Options
Variations of the auto-generated social preview image with personalized headlines.
Growth
OG Preview Study
How the social card renders across iMessage, Threads, WhatsApp, and Twitter.
Growth
Retention Study
Analysis of return rate, session depth, and what drives players to come back.
UI Components
Component
Button Study
Primary and secondary button styles, hover states, and size variants.
Component
Button Options
Extended button explorations — outlines, ghost styles, icon buttons.
Component
Loader Study
Loading spinner options for leaderboard fetches and async states.
Component
Loader Options
12 spinner variations. Rainbow Ring (#10) was selected for production.
Component
Toast Study
Notification toast designs — success, error, info, and rainbow variants.
Time Game
Design
Time — Visual Effects Study
6 visual treatments for the stimulus and input screens. Orb, Pressure Wave, Heartbeat, Line Burst, Void, Ripple Field. Side-by-side phone mockups with auto-play.
Design
Time — Ring Animation Study v2
7-ring canvas-rendered glow circle with Figma-matched gradients. Collapse + Bloom, Pulse Cascade, Orbital Drift, Breathing Universe, Singularity, Living System.
Design
Time — Pulse Cascade Deep Dive
14-ring wormhole variations. Deep Tunnel, Double Helix, Inhale, Elastic, Tidal, Alive. Rings extend past the frame for infinite depth.
Design
Time — Wormhole Drift
16-ring pulse cascade with Figma-matched colors. Center point drifts on X/Y so the tunnel appears to turn corners. Subtle to extreme. 6 variations.
Design
Time — Ring Visuals
Ring count and color exploration. Figma 3-ring, Dense 20, Sparse 8, Monochrome, Warm Amber, Ice, Neon Split, Ghost. 8 variations.
Design
Time — Ring Tuning
Deep dive on ring count, spacing curves, glow intensity, bounce easing, and cycle speed. 14 variations from the same color palette. Baseline, Tight Core, Even Spacing, Minimal, Dense, Heavy/Minimal Glow, 3 bounce levels, 4 speed presets, and a best-guess composite.
Design
Time — Glacial Refinement
Focused refinement of Glacial 8s. Explores inner ring treatment: converge to zero (infinity illusion), open center, inner fade, spacing curves, glow intensity, bounce. 13 variations.
Design
Time — Delicate Rings
Tight-center spacing with restrained glow. Cubic/quartic/quintic power curves, hairline strokes, whisper-thin lines, outer fade, thick-to-thin contrast, uniform width, bounce combos. 14 variations.
Design
Time — QHB Refinement
Quartic Hairline Bounce deep dive. Overlapping multi-wave pulses, wider trails, faster cycles, bigger scale. Eliminates the dead gap between pulses. 12 variations.
Design
Time — Timing Signals
8 treatments for making start/stop unmistakable. Bright Orb, Brightness Shift, Color Shift, Countdown Pulses, Solid Flash, Ring Thicken, Combined, Beats + Orb. Interactive tap-to-cycle in phone frames.
Monetization
Monetization
Ad Formats — Color
IAB ad size exploration for Ezoic. Compare 320x100, 300x250, 728x90 in context across results, leaderboard, and desktop placements.
Monetization
Ad Formats — Sound
Same IAB ad size exploration adapted for the Sound game. Frequency round scores instead of color swatches, Sound branding.
Monetization
Ad Formats v2 — Ezoic Final
Ezoic-approved placements with impression estimates. Results, Leaderboard, Multiplayer, Desktop — with size and position exploration.
Monetization
Consent Banner
7 consent banner options for Ezoic CMP. From invisible footer text to floating pills — all matching the dark UI. Mobile + Desktop.
Monetization
Ad Placements (Outdated)
Original Carbon Ads and AdSense mockups. Carbon was rejected. Kept for layout reference only.