← 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.
→
Sound
Design
Sound — Results Screen
Layout options for solo and multiplayer results. Names, scores, round breakdowns, head-to-head comparisons.
→
Audit
Sharing Comparison
Side-by-side audit of OG images, share text, and daily share. Color vs Sound with gap analysis.
→
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.
→
Monetization
Monetization
Ad Placements
Mockups of Carbon Ads and AdSense placements across results, leaderboard, daily, and desktop.
→
← Dialed