Mobile UI
Listenway Mobile UI
A mobile storefront for Listenway's digital products — browse, preview, and download educational sets in a few taps.
- Role
- Mobile UI Design
- Year
- 2025
- Duration
- 6 weeks
The problem
The digital product catalogue lived on a web page that was difficult to use on phones, and downloading a purchased set took too many steps.
The approach
I designed a single-column storefront with large cover art, a persistent search and category flow, and a one-tap download action for every digital set — all in Listenway's green identity.
Visual identity
Roboto · Open Sans
Typography & colour
Roboto carries the interface, Open Sans the running text — set on a palette running from deep forest to cream.
Aa
Roboto
Regular · Medium · Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789
Aa
Open Sans
Regular · SemiBold · Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789
Deep forest
#2D4A35
Sage
#6B8F71
Mint
#B8D4BC
Pale sage
#EDF4EE
Cream
#F7F4EF
Ink
#2C2E2B
Outcome
- A one-tap download flow for digital product sets
- Storefront visuals aligned with the Listenway identity
- Reusable product card, search, and empty-state patterns
