All-in-one Radio, TV and News Streaming App
Public media streaming mobile app
Five RTHK apps, unified into one accessible experience.
Available on
01
Project snapshot
02
Overview
RTHK ON THE GO brings radio, television, news, traffic and weather services from five separate apps into one unified mobile experience.
Users can enjoy live and catch-up programmes, discover archived content and manage personalised activity in one place.
03
The challenge
Five standalone apps made it difficult for people to know where to start.
The audit focused on overlapping content, inconsistent patterns and the effort required to move between services.
04
Existing ecosystem & app audit
The redesign needed to bring familiar RTHK services together without asking people to decide which standalone app to open first.
I reviewed the five apps as one product ecosystem, then identified the points where users had to relearn patterns or search for content.
Five existing apps One unified app
Three high-level findings clarified where a shared system could remove friction before the interface work began.
Multiple standalone apps contained overlapping content.
UI and navigation patterns varied across the existing experience.
Users needed extra effort to understand where to find each service.
05
Design strategy
06
My role & process
User Analysis + System Integration + UX/UI Design + Prototyping
As the UX/UI Designer, I was responsible for requirement analysis, information architecture, user flows, wireframing, visual direction, high-fidelity UI and developer handoff.
07
Information architecture
I reviewed the existing applications and reorganised their content and functions into a unified structure.
The new architecture provides clear entry points to Radio, TV, News and live information while connecting shared features such as Search, Playlist, Subscriptions and History.
Organised around user tasks and content types rather than the boundaries of the five existing apps.
08
User flow
I mapped the experience around two connected journeys: account access and content discovery.
The flows show how users enter the product, reach RTHK services and continue from programme discovery to playback and personalised actions.
Primary journey
Use the focused flow paths to explore the system without reproducing every screen-level requirement.
Supporting journey
Use the focused flow paths to explore the system without reproducing every screen-level requirement.
09
Wireframes demo
These exploratory screens show the evolving information hierarchy, navigation and playback patterns.
They document the design direction rather than final production interface exports.
10
Final UI showcase
Production screens show how a unified visual system carries through discovery, playback, settings and account tasks.
Switch modes to compare the supported appearances without changing the gallery layout.
Preview the production interface in either supported appearance.
11
Accessible visual design
The visual direction prioritises readability, understandable controls and flexible viewing conditions for a broad public audience.
Accessibility is treated as part of the product’s core interaction model rather than a separate add-on.
Gives people control over reading comfort without losing the interface hierarchy.
Pairs considered dark and light themes with a restrained, accessible colour system.
Makes the current programme, playback status and controls easier to understand at a glance.
12
Design impact
The final direction turns five standalone services into one clearer product for discovering, watching, listening and saving RTHK content.
The impact is a scalable foundation for future RTHK services, with less navigation friction and more consistent experiences across the product.