Dedicated Ads Section
I gave advertisements their own space so they no longer competed with core content.
GO BACK
Redesigning a media app to make content easier to discover and use
A complete UX and UI redesign of the PGK Media mobile app, focused on improving navigation, content discovery, and the overall media experience.
- Scope
- UX Research, Product Strategy, Interaction Design, High-Fidelity UI, Prototyping
- Launch
- June 14, 2024
- Role
- Product Designer
- Engagement
- Contract
- Platform
- iOS & Android
- Tool
- Figma
PGK Media App Redesign
PGK Media is the digital platform of Priority Global Konnect, a Lagos-based media and production company.
The app brings together live radio, TV, videos, podcasts, games, and other media content.
I led the redesign as the sole Product Designer, working with a Product Manager and Full Stack Developer to rethink the product structure, user experience, and visual system.
The existing app had usability issues that made key features easy to miss and created a poor overall experience. I redesigned the app to make content easier to find, navigation clearer, and the main media
Old App Review
Finding the problems in the existing experience
Before redesigning the app, I reviewed the existing experience to understand where users were struggling and which parts of the product needed the most attention.
The review covered the Home, Categories, Priority TV, Radio Player, and Navigation experiences.
Old Homepage Review
The homepage had several content and hierarchy issues. Important features competed for attention, while some elements looked like promotional content.
- GamesThe Games feature looked like an advert, making it easy for users to overlook.
- Latest VideosThe Latest Videos section needed more visual emphasis to make it easier to notice.
- Radio Control BarThe colour treatment made the radio control feel less appealing and needed a stronger visual treatment.
Key design decisionI reworked the homepage hierarchy so key content could stand out without competing with each other.
Categories Page Review
The Categories page did not make its purpose clear enough, which made it harder for users to understand how to browse the available content.
- The structure lacked clarity, making navigation and content discovery harder.
Key design decisionI redesigned the page structure to make categories easier to understand and navigate.
Priority TV Review
The Priority TV section had several issues that made browsing and watching videos less efficient.
- Video ArrangementThe existing layout made browsing less efficient. I moved to a grid-based layout to make more videos visible at once.
- Video PlaybackUsers had to leave the current view to watch a video, which added friction to the viewing experience.
- AdsThe large ad placement took up valuable space and competed with the content users came to watch.
Key design decisionI redesigned the content layout and viewing flow to keep video discovery closer to the content users wanted to watch.
Radio Player Review
The existing radio player relied heavily on dark colours and gave little visual feedback about the current listening experience.
- The page felt visually flat and needed more colour and detail to make the listening experience more engaging.
Key design decisionI introduced stronger colour, clearer show information, and a more focused player layout.
Navigation Bar Review
The old navigation did not give enough visual emphasis to the user's current location.
- The lack of emphasis could make it harder for users to know where they were in the app or how they got there.
Key design decisionI redesigned the navigation to give each main section a clearer visual identity and make the active section easier to recognise.
Approach & Process
I used the old app review to set the main priorities for the redesign.
I focused on making the app easier to navigate, improving content discovery, and creating clearer experiences for radio, TV, videos, podcasts, and games.
I worked closely with the Product Manager and Full Stack Developer throughout the process, from defining the new structure to reviewing the built product.
- 1
Review the Existing App
Identify usability, navigation, and content discovery issues.
- 2
Define the New Structure
Rework the information architecture and navigation around the main content types.
- 3
Map Key User Flows
Define clearer paths for listening, watching, discovering, and interacting with content.
- 4
Design the Experience
Create the new UI, interactions, and system states across about 50 screens.
- 5
Test with Users
Observe multiple people using the redesigned app and use their feedback to refine the experience.
- 6
Build & Refine
Work with the developer through handoff and implementation to bring the redesign to the live product.
Redesigning the Entire User Experience
Redesigning the Homepage
The homepage needed to help users discover what PGK offers without making the interface feel crowded. I reworked the structure to give more space to the content users were most likely to seek, while keeping the page easy to scan.
The new structure brings Upcoming Shows, Latest Videos, Podcasts, and other content into clearer sections, with stronger hierarchy between them.
BeforeAfterWhat changed?
Upcoming Shows
Added a clear schedule showing upcoming Priority Radio shows, hosts, and times.
Latest Videos & Podcasts
I gave video and podcast content clearer sections within the homepage structure.
Radio Control Bar
I redesigned the existing radio control bar with a cleaner, more modern visual treatment and clearer show information.
Redesigning the Navigation
The old navigation did not give enough emphasis to the active section, which could make it harder for users to know where they were in the app.
I redesigned the navigation around the app's main content areas, giving each section a clearer place and stronger visual distinction.
What changed?
Clearer Pages
I organised the navigation around the app's main content areas.
Active State
I gave the selected page stronger visual emphasis.
Content access
Radio, Podcasts, Games, and Priority TV now have clear paths from the main navigation.
Key design decisionI treated navigation as part of the content structure, not just a way to move between screens.
Redesigning Priority TV
The old Priority TV experience made video discovery harder. Users had to open a separate page to watch each video, while the layout made it harder to browse several videos at once.
I redesigned the experience to make browsing faster and give users more ways to explore PGK's video content.
BeforeAfterWhat changed?
Video Grid
I changed the layout to show more videos at once and make browsing easier.
Video Categories
I added clearer ways to browse videos based on their content.
Video Podcasts
I included video podcast episodes as part of the wider video experience.
Smoother Viewing
I redesigned the viewing flow to reduce the extra steps needed to watch content.
Key design decisionI moved the experience from simply listing videos to helping users browse, choose, and watch content more easily.
Redesigning Priority Radio
The old radio experience relied heavily on a dark visual treatment and gave limited information about what was playing or what was coming next.
I redesigned the radio experience to make the current show more visible and help users see the day's schedule.
BeforeAfterWhat changed?
Current Show
I made the current show and host more prominent.
Show Cover
I added a cover image for the show currently playing.
Upcoming Shows
Users can see the next shows and their start times without leaving the radio page.
Visual Refresh
I introduced more colour and a cleaner layout to make the player more engaging.
Key design decisionI designed the radio page around what is playing now and what comes next, so users can listen while also planning what they want to hear.
Adding New Features
The redesign also introduced new features to expand how users could use the app beyond live radio and video.
Podcasts
Added on-demand audio so users could discover and listen to podcast episodes.
Games
Added a dedicated games experience for trivia and other games.
Referral Leaderboard
Added a referral system that lets users track referrals and compete for higher positions.
Show Alerts
Added the option to set reminders for specific shows, helping users keep track of programmes they want to listen to.
User Accounts
Added sign-up and login so users could access personalised services.
Dark Mode
Added dark mode as an alternative viewing option.
Key design decisionI added features that could give users more ways to interact with PGK and more reasons to return to the app.
Validating the Redesign
After completing the redesign, I tested the new app with muliple people to see how easily they could find and use the main features.
I observed how they moved through the app and used this feedback to refine the experience before launch.
- 1
Content Discovery
Users were able to find the main content areas more easily.
- 2
Navigation
The new navigation made it clearer where each part of the app was located.
- 3
Feature Understanding
Users understood the purpose of the main features more clearly.
The testing helped confirm the new structure and showed where the experience was clearer than the old app. I used the feedback to make final adjustments before handing the product over for implementation.
What users thought of the new experience
I love how the categories are clearer now. Makes it easier to jump straight to what I want to watch
The new look is so much cleaner, it actually makes me want to use the app more.
Before, it felt a bit all over the place. Now its better.
I noticed how faster the app feels too. Pages load quicker and the transitions are cleaner.
I like how show schedule is now available to view and I can turn on notification for them.
I love the look. It feels modern and intuitive.
Outcome & Impact
The redesign moved PGK Media from a hard-to-navigate experience to a clearer product built around its different media types.
The redesigned app went live on14 June 2024
The final product shipped with the redesigned homepage, navigation, radio, Priority TV, podcasts, games, user accounts, show alerts, referral leaderboard, and dark mode.
I tested the redesigned experience with people before launch and used their feedback to refine the product.
- Homepage
- Navigation
- Radio
- Priority TV
- Podcasts
- Games
- User accounts
- Show alerts
- Referral leaderboard
- Dark mode
Reflection
PGK taught me that improving an existing product starts with understanding where users struggle, not just changing how the interface looks.
I had to rethink the product structure, simplify navigation, improve content discovery, and add new features across different media types.
As the sole Product Designer, I took the redesign from review and strategy through design, testing, developer handoff, and implementation.
The project strengthened my ability to audit existing products, make product-level decisions, design complex media experiences, and work closely with engineering to ship improvements.
Thanks for ViewingDownload App @designsbyteekay
Other Projects
HealthTech · Emergency Response
God's Eye
An AI-powered search, triage and transport platform connecting people in crisis to the nearest capable hospital or ambulance across Nigeria.
Ride-Hailing App
GoSalone Rides
A mobile marketplace connecting riders and drivers through real-time booking and transparent pricing.