Case Study — WAVES OTT
Designing a Scalable Visual System for OTT Discovery
A multi-format thumbnail, key-art and promotional design system for WAVES OTT, created across entertainment, sports, cultural programming, devotional content, national events, public affairs and live programming.
The central challenge: how to make very different kinds of content feel instantly recognisable while remaining technically consistent across OTT, TV, web, mobile and advertising surfaces — built around hero subject → title → supporting context, supported by controlled negative space, contrast and crop-aware composition.
01 — The Challenge
One Platform. Many Visual Languages.
WAVES brings together content with completely different emotional and visual requirements.
Sports
Needs energy and movement.
Devotional
Needs calm, atmosphere and reverence.
National events
Needs authority and scale.
Entertainment
Needs immediate impact.
Public affairs
Needs clarity and credibility.
The core question
How can every thumbnail feel different, while still belonging to the same platform?
The challenge was not to create one fixed thumbnail style — it was to create a design system flexible enough to change personality without losing consistency.
02 — The Design Strategy
Hero First. Context Second.
Every artwork begins with a simple hierarchy — readable even when reduced to a small OTT card.
01
01 — Hero
The person, monument, athlete, performer or object that communicates the story.
02
02 — Title
A strong, readable title treatment that establishes programme identity.
03
03 — Context
Only the supporting information required to understand the content.
03 — Designing for the Screen
The Artwork Had to Work Everywhere
Key art wasn't designed as a single static image and resized afterwards — each composition was planned around its final viewing format and crop, with WebP delivery and title-safe clearances.
TV / Web
3:4 — 720 × 960 px · 16:9 — 720 × 405 px
Mobile
3:4 — 384 × 512 px · 16:9 — 384 × 216 px
Additional Vertical
2:3 — 750 × 1125 px
Detail Banner
2048 × 1152 px
Promotional Banner
2800 × 600 px
04 — The Safe-Zone System
Designing for Cropping, UI & Overlays
A major part of the system was protecting important information from unpredictable platform behaviour.
- Safe Zones: Keep critical content away from the outer 10–15% margins.
- Title Safety: Titles receive their own negative space rather than being placed over faces or important objects.
- Subject Safety: Faces, hands, monuments, athletes and key objects remain protected from cropping.
- UI Safety: Right and bottom areas remain clear wherever platform controls, play buttons or time sliders may appear.
- Centre of Attention: Important subjects and text are kept within the central visual zone whenever possible.
05 — The 2800 × 600 Advertising Banner
Extending the System Beyond Thumbnails
The same visual logic extended into a wide advertising format with a simple three-zone composition — a natural visual flow: Brand → Story → Action.
Left 25%
Brand / title text logo
Centre 50%
Hero visual / campaign imagery
Right 25%
Supporting message / CTA
A minimum outer safe margin is maintained so that critical text, logos and subjects remain protected across different placements.
06 — Building a Title Text System
More Than Just Typography
Titles were treated as an independent visual identity rather than ordinary text placed over an image.
720 × 260 px
Title text logo canvas
Transparent
Background, no borders
Strong readability
With clear surrounding space
Adaptable
Across multiple thumbnail ratios
This allowed programme identity to remain consistent while the underlying artwork changed according to genre.
07 — Genre-Specific Art Direction
Same System. Different Personalities.
Different identities, consistent hierarchy — the visual system adapts according to content.
Editorial / Heritage
The Inner Eye
Atmospheric, editorial and culturally grounded.
Cultural Programming
Ram Mandir Karyakram
Monumental imagery and strong cultural symbolism.
Devotional
Shri Ram Lalla Aarti
Warm, spiritual imagery with a quieter visual rhythm.
National / Ceremonial
Beating Retreat Ceremony
Formal compositions built around scale, ceremony and national identity.
Public Affairs
PM Modi's Address to the Nation
Clear, authoritative compositions with strong subject recognition.
Entertainment
Kya Masti Kya Dhoom
More energetic imagery, colour and visual contrast.
Thriller
Jackson Halt
Darker tonal treatment and atmospheric composition.
Sports
Davis Cup Qualifiers
Dynamic athlete-focused compositions with movement and energy.
Live / Devotional
Somnath Aarti
A combination of live-event energy and devotional atmosphere.
Episodic Public Affairs
Mann Ki Baat
A repeatable presenter-led visual identity.
08 — From Content to Key Art
The Workflow
01
Understand
Identify the programme, genre, message and strongest visual.
02
Select
Choose the hero subject.
03
Structure
Establish the hierarchy: Hero → Title → Context.
04
Compose
Build the artwork around the intended crop.
05
Adapt
Create the required 3:4, 16:9, mobile and banner versions.
06
Polish
Improve contrast, separation, colour and visual clarity.
07
Check
Review safe zones, title placement, subject cropping, contrast, background complexity, unwanted branding and UI overlap.
08
Export
Prepare final WebP and compressed platform-ready deliverables.
09 — What I Designed For
A System Built Around Real Platform Behaviour
The artwork system was designed to solve practical problems that occur at thumbnail scale.
Visibility
Can the viewer understand the programme immediately?
Hierarchy
Is the most important information seen first?
Readability
Does the title remain legible at a small size?
Cropping
Does the hero subject survive different aspect ratios?
UI Overlap
Are critical elements protected from interface controls?
Consistency
Does the artwork belong to the WAVES ecosystem?
Adaptability
Can the same creative direction move between TV, web, mobile and advertising?
10 — Outcome
A System, Not a Template
The visual language can change from Sports → Entertainment → Devotional → Public Affairs → Cultural → National Events, while the fundamental rules remain.
Strong Hero
Clear Title
Controlled Negative Space
Safe Cropping
High Contrast
Fast Recognition
11 — Key Takeaways
What the system delivered
- Designed artwork for multiple OTT content categories
- Built a consistent visual hierarchy across genres
- Developed responsive compositions for 3:4, 16:9 and mobile
- Created dedicated Title Text Logo treatments
- Designed around platform safe zones and UI overlays
- Developed a 2800 × 600 px advertising banner system
- Protected faces, monuments, athletes and other hero subjects from cropping
- Used negative space strategically for titles and platform behaviour
- Adapted colour, imagery and composition according to genre
- Prepared artwork for technically constrained digital delivery
The Design Philosophy
Different Stories. One Visual System.
The goal was never to make every WAVES thumbnail look the same — it was to make every thumbnail work the same way. Every artwork should communicate its subject quickly, establish its identity clearly and survive the technical realities of OTT platforms.
Instantly understandable. Visually distinctive. Technically adaptable.
More projects →