Role:

UI/UX Designer & Visual Design Lead

Project Scope:

Information Architecture

Data Visualisation

Journey Mapping

Role:

UI/UX Designer & Visual Design Lead

Project Scope:

Information Architecture

Data Visualisation

Journey Mapping

Turning a static email into an interactive year in review, with 62.39% more engagement.

Turning a static email into an interactive year in review, with 62.39% more engagement.

Playback started life as a static email and a single summary image. I reimagined it as a multi-screen, story-led experience that turns each listener’s raw data into a personalised journey through their year in audio, building momentum toward a final “Playback Personality” reveal. As the UI/UX Designer, I led the information architecture and visual design. Playback was sent to 178,000+ users and reached 19,000 unique visitors, with an 80% completion rate. It also earned a 94% satisfaction rating (+6% YoY) among surveyed viewers.

Playback started life as a static email and a single summary image. I reimagined it as a multi-screen, story-led experience that turns each listener’s raw data into a personalised journey through their year in audio, building momentum toward a final “Playback Personality” reveal. As the UI/UX Designer, I led the information architecture and visual design. Playback was sent to 178,000+ users and reached 19,000 unique visitors, with an 80% completion rate. It also earned a 94% satisfaction rating (+6% YoY) among surveyed viewers.

Playback started life as a static email and a single summary image. I reimagined it as a multi-screen, story-led experience that turns each listener’s raw data into a personalised journey through their year in audio, building momentum toward a final “Playback Personality” reveal. As the UI/UX Designer, I led the information architecture and visual design. Playback was sent to 178,000+ users and reached 19,000 unique visitors, with an 80% completion rate. It also earned a 94% satisfaction rating (+6% YoY) among surveyed viewers.

Narrative & data visualisation

Turning listening minutes, top shows and stations, and time-of-day habits into a compelling story meant designing a narrative that kept people moving from screen to screen.

  • Narrative flow: I designed a responsive user journey, from in-app launch points through to an externally hosted, multi-screen web experience.

  • Pacing for completion: I broke the data into short, high-impact story modules that built momentum, driving an 80% completion rate.

  • Clear, personal data: I presented complex personal metrics in a way that was easy to read and sparked nostalgia. 51% of positive comments referenced looking back on the year.

  • App & web assets: I designed core assets across app and responsive web, including in-app rails and push notifications.

LiSTNR Playback journey in ten screens, from entry and landing through to time of day, top listen, personality and recommendations.

Visual system & AI workflow

To create a bold, custom look on a tight campaign timeline, I built a visual system powered by structured AI prompting and image generation.

  • Data-driven imagery: I designed time-of-day and seasonal visual variants that changed based on each listener’s data, so every experience felt personal.

  • AI-generated personality artwork: I developed structured prompt frameworks and iterative image workflows to create hero artwork for each Playback Personality. This kept the style consistent across every archetype while meeting tight deadlines.

  • Polished, story-led UI: I brought the artwork and visual system together in the interface, creating a richer experience than a traditional data dashboard.

Six AI-generated Playback personality badges, including Rock Royalty, Pop Powerhouse and Podcast Prodigy.
LiSTNR Playback illustrations for time of day, morning and evening, and time of year, autumn and spring.

Results

Post-launch data and a survey of 9,546 listeners showed the story-led format resonated strongly, lifting satisfaction and brand perception year on year.

  • Engagement: 80% of visitors completed their Playback, and 30% went on to explore more LiSTNR content afterwards.

  • Overall satisfaction: 94% of viewers surveyed rated Playback “Excellent” or “Good” (+6% YoY).

  • Year-on-year quality: 46% of returning users rated this year’s Playback better than last year’s. Only 4 of 2,351 rated it worse.

  • Personalisation: 57% of returning users’ feedback highlighted deeper personalisation, more accurate data and tailored insights as the biggest improvement.

  • Visual design & storytelling: 21% praised the elevated UI, smoother transitions and story-driven layout over static metric cards.

  • UX issues: Only 1% rated their experience poorly, and just 7 comments nationwide raised issues with the Playback UX itself.

LiSTNR Playback entry points: an in-app message, an in-app tile, an email, a push notification and a link preview.

Key takeaways

  • Clear frameworks keep launches on track: Locking in visual frameworks and interactive prototypes early removed technical guesswork. That helped design, engineering and marketing launch a multi-platform campaign on a fixed deadline.

  • Turning data into delight: Complex backend analytics became an engaging, personal story that lifted satisfaction and brand sentiment.

LiSTNR Playback survey results: 94% rated it Excellent or Good, up 6% year on year, with user quotes on storytelling, visuals and personalisation.

Future opportunities

  • Social sharing: Completion was high at 80%, but only 4% of users shared their Playback. Native social story exports, auto-generated video clips and referral incentives could turn individual enjoyment into wider reach.

  • Native app integration: Playback ran as an external web experience. Building it into the LiSTNR app would remove web-view log-in hurdles, keep people in context and build on the 30% who already went on to explore more content.

  • Richer personalities: Tracking genre shifts, daily listening routines, and the podcasts, sports teams and stations people follow would allow more nuanced Playback Personalities. It would also enable recommendations that keep listeners engaged long after the campaign ends.

The Playback project delivered strong results, and that simply wouldn’t have happened without Lee's commitment, effort, and incredible design skills. She didn’t just design screens - she brought ideas to life and created something new that had never been done before. Lee inspires through her creativity, her considered approach, and her courage to innovate.

Karen Hernandez

Digital Experience Manager

LiSTNR Streaks on a phone showing daily and weekly listening progress, surrounded by the feature’s entry icons, rewards pop-up and terms card.

← Previous

Two phones showing LiSTNR’s Pop 101 and 2020s station artwork on the now playing screen.

Next →

Let's talk

Available for UI/UX contract and permanent opportunities.

Based in Brisbane, QLD • Flexible with remote & hybrid roles.

© Lee Hutchison, 2026

Let’s talk

Available for UI/UX contract and permanent opportunities.

Based in Brisbane, QLD • Flexible with remote & hybrid roles.

© Lee Hutchison, 2026

Let's talk

Available for UI/UX contract and permanent opportunities.

© Lee Hutchison, 2026