Banner design and illustration for PocketFM app
Banner design and illustration for PocketFM app
Banner design and illustration for PocketFM app
Project
Project
At the start of my internship at PocketFM, I expressed interest in working on visuals. This was acknowledged by the Creative Director and researcher Niteesh Yadav and assigned me to redesign banners and pop-ups. These were based on the visual style set by Ripe Studio, while Ripe Studio helped define the overall style, they weren't responsible for designing all assets—my role was to create new elements that aligned with their visual direction.
At the start of my internship at PocketFM, I expressed interest in working on visuals. This was acknowledged by the Creative Director and researcher Niteesh Yadav and assigned me to redesign banners and pop-ups. These were based on the visual style set by Ripe Studio, while Ripe Studio helped define the overall style, they weren't responsible for designing all assets—my role was to create new elements that aligned with their visual direction.
At the start of my internship at PocketFM, I expressed interest in working on visuals. This was acknowledged by the Creative Director and researcher Niteesh Yadav and assigned me to redesign banners and pop-ups. These were based on the visual style set by Ripe Studio, while Ripe Studio helped define the overall style, they weren't responsible for designing all assets—my role was to create new elements that aligned with their visual direction.
Banners and pop-ups
Banners and pop-ups
PocketFM uses banners come on homepage, episode listing pages and even on profile page to highlight updates, features, gifts, and offers.
Pop-ups are shown to grab user attention for actions like claiming coin packs, gifts, early access, or reminders.
PocketFM uses banners come on homepage, episode listing pages and even on profile page to highlight updates, features, gifts, and offers.
Pop-ups are shown to grab user attention for actions like claiming coin packs, gifts, early access, or reminders.
PocketFM uses banners come on homepage, episode listing pages and even on profile page to highlight updates, features, gifts, and offers.
Pop-ups are shown to grab user attention for actions like claiming coin packs, gifts, early access, or reminders.
Why the revamp?
Why the revamp?
To attract new users and retain existing ones, Pocket FM aimed to build a distinct and recognisable brand in a competitive global entertainment market.
They launched the Aural Design System to unify their sister apps (UGC, Toons, Novels) under a single, cohesive visual identity
To attract new users and retain existing ones, Pocket FM aimed to build a distinct and recognisable brand in a competitive global entertainment market.
They launched the Aural Design System to unify their sister apps (UGC, Toons, Novels) under a single, cohesive visual identity
To attract new users and retain existing ones, Pocket FM aimed to build a distinct and recognisable brand in a competitive global entertainment market.
They launched the Aural Design System to unify their sister apps (UGC, Toons, Novels) under a single, cohesive visual identity
Team
Team
This task was assigned solely to me and I led the execution independently, with a senior designer providing guidance and brainstorming support
This task was assigned solely to me and I led the execution independently, with a senior designer providing guidance and brainstorming support
This task was assigned solely to me and I led the execution independently, with a senior designer providing guidance and brainstorming support
Expected outcome:
Expected outcome:
Design clear, visually appealing banners using a new illustration style and custom vectors, tailored for all audience types and banner sizes.
Design clear, visually appealing banners using a new illustration style and custom vectors, tailored for all audience types and banner sizes.
Design clear, visually appealing banners using a new illustration style and custom vectors, tailored for all audience types and banner sizes.
Aural design language designed by Ripe studio
Aural design language designed by Ripe studio
The approach draws inspiration from two primordial sources: the raw energy of audio waveforms and the dynamic nature of narrative itself.
Each illustration pulses with the irregular rhythms of natural speech. Much like our stories, the artwork transforms familiar objects through a dynamic interplay of sound and narrative, crafting visuals that echo the emotional depth and resonance of compelling audio storytelling.
The approach draws inspiration from two primordial sources: the raw energy of audio waveforms and the dynamic nature of narrative itself.
Each illustration pulses with the irregular rhythms of natural speech. Much like our stories, the artwork transforms familiar objects through a dynamic interplay of sound and narrative, crafting visuals that echo the emotional depth and resonance of compelling audio storytelling.
The approach draws inspiration from two primordial sources: the raw energy of audio waveforms and the dynamic nature of narrative itself.
Each illustration pulses with the irregular rhythms of natural speech. Much like our stories, the artwork transforms familiar objects through a dynamic interplay of sound and narrative, crafting visuals that echo the emotional depth and resonance of compelling audio storytelling.
01
01
Narrative Audio Construction
Narrative Audio Construction
Noise particles become variable bars that construct our objects, their irregularity representing the natural cadence of storytelling.
Noise particles turn into pixelated fragments that add motion and emotional energy.
Noise particles become variable bars that construct our objects, their irregularity representing the natural cadence of storytelling.
Noise particles turn into pixelated fragments that add motion and emotional energy.
02
02
Universal Recognition with a surreal twist
Universal Recognition with a surreal twist
We bridge global understanding with imaginative interpretation:
Base elements are easily recognisable across cultures.
Surreal aspects further add context and intrigue.
Striking a balance between familiarity and wonder.
We bridge global understanding with imaginative interpretation:
Base elements are easily recognisable across cultures.
Surreal aspects further add context and intrigue.
Striking a balance between familiarity and wonder.
03
03
Kinetic Energy
Kinetic Energy
Our illustrations are created to capture audio
experience as best as possible:
Objects appear to pulse and flow.
Fragmentation trails that suggest movement and transformation.
Gradients and extended bars create a sense of perpetual motion.
Our illustrations are created to capture audio
experience as best as possible:
Objects appear to pulse and flow.
Fragmentation trails that suggest movement and transformation.
Gradients and extended bars create a sense of perpetual motion.
04
04
Systematic Clarity
Systematic Clarity
Every element serves a purpose:
Consistent construction methods ensure scalability.
Deliberate use of space and structure between text and illustration maintains readability.
Every element serves a purpose:
Consistent construction methods ensure scalability.
Deliberate use of space and structure between text and illustration maintains readability.
Banners redesigned
Banners redesigned
Banners redesigned
Old Design
Old Design
Banner Redesigned
Banner Redesigned
New design
New design
Buy 35 coins @
Buy 35 coins @
Buy 35 coins @
₹15
₹15
₹15
₹9 only
₹9 only
₹9 only
Save 80%
Save 80%
Save 80%
5 coins/day for 7 days
5 coins/day for 7 days
5 coins/day for 7 days
Banner Redesigned
Banner Redesigned
50+ hours of free uninterrupted listening
Get it for
₹49
₹9/month
Super
Saver
Pass
50+ hours of free uninterrupted listening
Get it for
₹49
₹9/month
Super
Saver
Pass
50+ hours of free uninterrupted listening
Get it for
₹49
₹9/month
Super
Saver
Pass
Old Design
Old Design
Redesigned
Redesigned
50+ hours of free uninterrupted listening
Get it for
₹49
₹9/month
Super
Saver
Pass
50+ hours of free uninterrupted listening
Get it for
₹49
₹9/month
Super
Saver
Pass
Buy 35 coins @
Buy 35 coins @
₹15
₹15
₹9 only
₹9 only
Save 80%
Save 80%
5 coins/day for 7 days
5 coins/day for 7 days
You've unlocked over 3 hours of audio series
You've unlocked over 3 hours of audio series
Start listening now
Start listening now
Easy Return
Return available till 75 episodes
Easy Return
Return available till 75 episodes
Pop-ups redesigned
Pop-ups redesigned
Pop-ups redesigned
Old Design
Old Design
Old Design
Pop-up Redesigned
Pop-up Redesigned
New design
New design
New design
Pop-up Redesigned
Pop-up Redesigned
Pop-up Redesigned
Pop-up Redesigned
Pop-up Redesigned
Pop-up Redesigned
Additional visuals
Additional visuals
Additional visuals
Redesigned
Redesigned
Redesigned
Redesigned
Redesigned
Redesigned
Visuals for Informative Bottom sheets
Visuals for Informative Bottom sheets
Visuals for Informative Bottom sheets
Aural Visual library
Aural Visual library
Aural Visual library
The concept of a Visual Library is simple, like a Design system it offers shared language, consistency, and efficiency across design and development. I picked up visual elements which were repetitive in terms of PocketFM’s context and some of the elements (probable use cases) which can to be used in the future by the design team.
The concept of a Visual Library is simple, like a Design system it offers shared language, consistency, and efficiency across design and development. I picked up visual elements which were repetitive in terms of PocketFM’s context and some of the elements (probable use cases) which can to be used in the future by the design team.
Scope
Scope
Scope
The scope of the initiative to make the primary elements which can be tweaked by the designers to their context. The designers don't have to start from the beginning, they can start brainstorming the visuals using this base
The scope of the initiative to make the primary elements which can be tweaked by the designers to their context. The designers don't have to start from the beginning, they can start brainstorming the visuals using this base
Old Design
Redesigned
Old Design
Redesigned
Old Design
Redesigned
Old Design
Redesigned
Old Design
Redesigned
