Gabriele De Santis Selected work / Bilbo
The Bilbo mockup: a phone surrounded by books glowing turquoise

UX research & UI design / Audiobook app

Bilbo

Listen to your favorite stories
told by millions of voices.
Even yours.

Discover the project ↓One story. Your voice.
01 / The projectFrom need to interface

An app that
adapts to you.

Unwinding, focusing, finding inspiration. Bilbo is an audiobook app concept built around the different moments when people listen.

Two listening modes and a customizable voice editor turn the research into a flexible experience: from choosing a title to the way it’s told.

UX researchInterface designPrototyping

Inside Bilbo / Onboarding

01 / Voices

Find
your voice.

Millions of voices to choose from. Storytelling gets personal.

The voice that shapes the story.
Bilbo: listen to millions of narrator voices

02 / Catalog

Choose
a story.

A catalog to explore, to find your next listen and let your imagination roam.

One library. All your stories.
Bilbo: choose from a wide range of titles

03 / Anywhere

Take it
with you.

Download your favorite titles and listen even when you’re offline. Your stories follow you through the day.

On the go, even without a connection.
Bilbo: listen anywhere, even offline
01/03

Swipe through the screens

02 / The researchContext & user research

Before you design,
listen.

A map of the competitive landscape compares five platforms on six criteria: usability, competitive advantage, service quality, price, UX/UI and performance.

From there, surveys and interviews helped pinpoint the needs, habits and pain points to carry into the project.

Research / Benchmark

The competitive landscape.

5 platforms6 comparison criteria

01 / 06

Usability

Ease of use: navigating the platform, finding a title and handling the playback controls.

Audible, Apple Books and Storytel share the top score: 4 out of 5. Spotify and YouTube trail at 3.

Comparative rating 0–5 scale
Audible
4 out of 5
Apple Books
4 out of 5
Storytel
4 out of 5
Spotify
3 out of 5
YouTube
3 out of 5

02 / 06

Competitive advantage

What sets the platform apart: brand recognition, a differentiated offering and integration with other services.

YouTube scores 5 out of 5, followed by Audible and Apple Books at 4, Spotify at 3 and Storytel at 2.5.

Comparative rating 0–5 scale
Audible
4 out of 5
Apple Books
4 out of 5
Storytel
2.5 out of 5
Spotify
3 out of 5
YouTube
5 out of 5

03 / 06

Service quality

The value of the offering: catalog variety, content quality and the listening tools available.

Audible scores highest, followed by Apple Books. The gaps between services are wider here.

Comparative rating 0–5 scale
Audible
5 out of 5
Apple Books
4 out of 5
Storytel
3 out of 5
Spotify
2 out of 5
YouTube
3 out of 5

04 / 06

Price

Value for money: free or paid access, purchase options and the balance between cost and the services included.

Spotify and YouTube share the top score. The criterion compares how pricing was rated, not what the subscriptions cost.

Comparative rating 0–5 scale
Audible
3 out of 5
Apple Books
4 out of 5
Storytel
4 out of 5
Spotify
5 out of 5
YouTube
5 out of 5

05 / 06

UX/UI

The quality of the experience and interface: information hierarchy, visual consistency and continuity across screens.

Apple Books leads with 5 out of 5. Audible and Spotify follow at 4, Storytel at 3 and YouTube at 2.

Comparative rating 0–5 scale
Audible
4 out of 5
Apple Books
5 out of 5
Storytel
3 out of 5
Spotify
4 out of 5
YouTube
2 out of 5

06 / 06

Performance

Smoothness in use: interface responsiveness, content loading and uninterrupted playback.

Apple Books reaches 5 out of 5. Storytel and Spotify follow at 4, Audible at 3 and YouTube at 2.

Comparative rating 0–5 scale
Audible
3 out of 5
Apple Books
5 out of 5
Storytel
4 out of 5
Spotify
4 out of 5
YouTube
2 out of 5

Swipe through the criteria

Ratings from the project research, shown on the original 0–5 scale.

Competitor comparison — Bilbo research
CriterionAudibleApple BooksStorytelSpotifyYouTube
Usability

Ease of use: navigating the platform, finding a title and handling the playback controls.

44433
Competitive advantage

What sets the platform apart: brand recognition, a differentiated offering and integration with other services.

442.535
Service quality

The value of the offering: catalog variety, content quality and the listening tools available.

54323
Price

Value for money: free or paid access, purchase options and the balance between cost and the services included.

34455
UX/UI

The quality of the experience and interface: information hierarchy, visual consistency and continuity across screens.

45342
Performance

Smoothness in use: interface responsiveness, content loading and uninterrupted playback.

35442
TotalSum of the 6 criteria · 30 points max23 / 3026 / 3020.5 / 3021 / 3020 / 30

Competitor comparison — Bilbo research

Usability

Ease of use: navigating the platform, finding a title and handling the playback controls.

Audible
4 out of 5
Apple Books
4 out of 5
Storytel
4 out of 5
Spotify
3 out of 5
YouTube
3 out of 5
Competitive advantage

What sets the platform apart: brand recognition, a differentiated offering and integration with other services.

Audible
4 out of 5
Apple Books
4 out of 5
Storytel
2.5 out of 5
Spotify
3 out of 5
YouTube
5 out of 5
Service quality

The value of the offering: catalog variety, content quality and the listening tools available.

Audible
5 out of 5
Apple Books
4 out of 5
Storytel
3 out of 5
Spotify
2 out of 5
YouTube
3 out of 5
Price

Value for money: free or paid access, purchase options and the balance between cost and the services included.

Audible
3 out of 5
Apple Books
4 out of 5
Storytel
4 out of 5
Spotify
5 out of 5
YouTube
5 out of 5
UX/UI

The quality of the experience and interface: information hierarchy, visual consistency and continuity across screens.

Audible
4 out of 5
Apple Books
5 out of 5
Storytel
3 out of 5
Spotify
4 out of 5
YouTube
2 out of 5
Performance

Smoothness in use: interface responsiveness, content loading and uninterrupted playback.

Audible
3 out of 5
Apple Books
5 out of 5
Storytel
4 out of 5
Spotify
4 out of 5
YouTube
2 out of 5
Total

Sum of the 6 criteria · 30 points max

Audible
23 out of 30
Apple Books
26 out of 30
Storytel
20.5 out of 30
Spotify
21 out of 30
YouTube
20 out of 30

Surveys & interviews → 3 user personas

Different stories.
Specific needs.

Portrait of Anna

Persona 01

AnnaAge 46 / Art director

Finding time
for stories again.

She wants to get back into reading without giving up her daily commitments. She’s looking for relevant content and an experience that helps her manage her time.

Content discovery · Personalization

Portrait of Carlo

Persona 02

CarloAge 34 / Market analyst

Listening as
the day goes by.

He listens in the car and while cooking. He prefers a straightforward interface, with few interruptions and no complicated settings.

Flexibility · Uninterrupted listening

Portrait of Paolo

Persona 03

PaoloAge 22 / Student away from home

Unwinding.
Feeling closer.

He looks for a moment of calm before bed and would love to listen together with friends, even from far away.

Relaxation · Quality · Sharing

03 / From research to experienceDark mode

Designed
for evenings.

over80%

of research participants use, or would use, the app in the evening.

Dark surfaces, turquoise accents and primary CTAs in yellow. The palette suits evening listening and keeps the hierarchy of controls clear.

Palette / Usage ratios
Surfaces
#080D10
Accents
#02CBBE
Actions
#FEB601
Bilbo in dark mode: the audiobook page for Harry Potter and the Half-Blood Prince
The story front and center.
The controls right where they belong.

Two modes / Two ways to tune in

01 / Immersive mode

Let yourself
drift away.

50% of research participants listen to relax or to fall asleep. A pared-back environment leaves room for the narrator’s voice, with a background designed to follow its rhythm.

Listening · Relaxation · Fewer distractions
Immersive mode screen with the player and the narration text
02 / Study mode

Follow.
Note. Revisit.

For people who listen to study, the text follows the narration. Note-taking tools stay close to the content, without breaking the flow.

Reading · Notes · Focus
Study mode screen with the transcript and note-taking tools
04 / AI Voice EditorPersonalization

The same story.
Your own voice.

Among the pain points the research brought up: little variety in voices and narration that isn’t always expressive.

The Voice Editor concept lets you pick a voice and adjust its language, accent, intonation and pace. A guided flow, from selection to saving.

05 / The prototypeFigma / Interactive prototype

Now, explore it.

Step into the original prototype and try the app’s flows.

Bilbo

The interactive prototype.

Tap and scroll the screen
to explore the app.

Launch Bilbo to try the app.

Open the prototype in Figma ↗