Yureka · mobile redesign · qa-design
Design Studio — Live TV, Radio & Movies, reimagined
A browse-by-category redesign of the whole app, explored as three distinct visual directions on the real Yureka catalog (401 channels · 77 stations · real posters & logos). Every screen carries the real Yureka logo, an inline search, the Movies·Live TV·Radio·Browse tab bar, and labeled AdMob ad slots. Start with the interactive prototype below.
00
Start here — the clickable app
The chosen direction (KIOSK) built as a real, tappable app. Everything else on this page is a design reference for individual screens and alternative looks.
◍ INTERACTIVE PROTOTYPE
Tap-through app
One phone, 24 screens, a real navigation flow. This is the closest thing to holding the app.
- HOMEAll 21 real QA home rows (real counts) + a scrolling 3D coverflow hero.
- TABSBottom bar switches Movies · Live TV · Radio · Browse; avatar → Profile.
- FLOWPoster → detail → back · Radio tap → player · Search (movies + channels + radio) · My List · Sign out → Login.
🗂 SCREEN GALLERY
All 19 app screens
Every screen as a labeled static mockup — the reference sheet. Grounded in the real expo-router routes.
01 Home · 02 Search · 03 Profile · 04 My List · 05 Account · 06 Switch Profile · 07 Devices · 08 Connect a TV · 09 Help & Legal · 10 Recently Watched · 11 Login · 12 Genre · 13 Language · 14 Person · 15 Full Cast · 16 News · 17 Article · 18 Doc/Legal · 19 Age-gate
01
Three visual directions
The same app in three different design languages. Each has a TV & Radio page and a Movies page (Movie Player + Browse with infinite scroll). Pick one — or mix pieces.
V1 · AURORA
Immersive OTT
Full-bleed live hero + horizontal category rails, aurora-glass cards, glow. Familiar-premium (Apple TV+ / Disney+).
Look for: the hero + rails, animated equalizer, sticky now-playing dock.
V2 · KIOSK ★ chosen
Editorial broadcast
Ink + signal-red/amber, condensed type, numbered bands — now with a HALO-style glossy-glass finish. Live TV has a designed language dropdown + all 393 channels; Radio is a HALO-style rotary tuner you drag.
Look for: Live TV language dropdown + rounded glossy tiles, the Radio tuner + volume dial (screen 03 — drag both), and MREC ads in-feed.
V3 · HALO
Spatial glass
Frosted glass over a living gradient mesh. Signature tactile interactions — TV coverflow, Radio rotary tuner. The "wow" concept.
Look for: the drifting mesh, coverflow & tuner — try them on desktop with a mouse.
02
Hybrid & baseline
Experiments and the first-pass reference.
HYBRID · KIOSK × HALO
KIOSK layout · HALO glass
The combo you liked: KIOSK's editorial layout & type, rendered on HALO's frosted glass & mesh — glass-on-mesh phones floating on a black page. Home + Player.
BASELINE
Category sections (first pass)
The original clean 5-up category grids — where the redesign started, kept for reference.
03
What's baked into every screen
🔎 Real chrome
Real Yureka logo, inline search, and the Movies·Live TV·Radio·Browse tab bar as the single primary nav — consistent across every screen (back-links on detail pages).
🗂 Browse by category
Category chips replaced by scrollable category sections; Movies use infinite scroll (rails + an "All Films" grid) to scale to hundreds per category.
📣 AdMob slots
Labeled ad placements — banner 320×50, MREC 300×250, native cards, and a pre-roll on the player — each tagged with its format.
Pending your go-ahead: the TV + Radio channels were auto-categorized (News 190 · Spiritual 103 · Music 60 · Kids 30 · … / Radio: Music 55 · Talk 19 · Classic 8 · …) but this is not yet written to the QA database — say the word and I'll apply it so the real app renders these sections.