Case study 05
Dramafy
ClientDramafy
Year2024
TimeframeOngoing
ScopeBranding · Logo Design · App Design · UX · Web
Sitedramafy.com ↗︎
Overview
300+ shows. Scripted, performed, sound designed. Dramafy is audio drama done right: not a podcast, not an audiobook.
Approach
The launch app had to feel familiar, browse fast and work everywhere, with room for profiles, in-app purchases and library tools down the road. The result lifts the brand, stays easy to use and scales with the catalogue.
Mobile / Scroll sideways through the app
App screens
Dramafy / App screens
5 screens
Profiles
9:41
9:41
9:41
9:41
9:41
4 screens
Home
9:41
9:41
9:41
9:41
7 screens
Browse
9:41
9:41
9:41
9:41
9:41
9:41
9:41
5 screens
Player
9:41
9:41
9:41
9:41
9:41
4 screens
Settings
9:41
9:41
9:41
9:41
6 screens
Plan & Billing
9:41
9:41
9:41
9:41
9:41
9:41
3 screens
Dialogs
9:41
9:41
9:41
Scroll0%
Notifications, tooltips and menus for every state
Toasts, tips & menus
Dramafy / Toasts, tips & menus
Mini player, ad states, empty states and nav
Player, ads & navigation
Dramafy / Player, ads & navigation
What I led
Branding & LogoThe Dramafy brand and logo: a D built from sound waves, carried through the app so the design lifts the brand while staying easy to use.01
Profiles & FamilyMultiple profiles per account, an avatar picker with two illustration sets, child profiles with limited content, and PIN-protected switching, each explained by a tooltip.02
Home & BrowseA Home built around Keep Listening, Featured and Shows for you, and a Browse that opens into Top Series, Coming Soon, Collections, Creators and Genres.03
Player & QueueA full-screen player with 30-second skip and a scrubber, plus a queue that tracks Now Playing, History and Next up, with a mini player docked above the nav.04
Plan & BillingFree with Ads, Dramafy+ for Individuals at $5.99 and Families at $8.99, with billing states for free, subscribed and bought-on-web accounts, and an Edit Subscription flow for each.05
Ads & Empty StatesAds live in the mini player: a promo banner, a skip countdown, Ad 1 of 2 and 2 of 2. Empty states say you are all caught up or help you discover a new favorite.06
Settings & SystemSettings for account and playback (autoplay, downloads, save space, audio optimization), notifications and security, backed by dialogs, toasts, tooltips and menus for every state.07
Component KitOne kit across all of it: a four-state nav, mini player, toggles, buttons and cards, drawn for iPhone 15.08
Next