8EH Radio ITB App Showcase

8EH Radio ITB

Modern radio streaming and content platform for ITB students

Problem Overview

8EH Radio ITB is a campus-based student radio station that produces live broadcasts, podcasts, blogs, and music charts. However, the existing WordPress-based website suffered from extremely poor performance and outdated design, leading to a steep decline in user experience and listener engagement. The website had critical issues such as long loading times, broken links, unplayable radio streams on some devices, missing assets, and a UI/UX that was far from intuitive.
The goal of this project was to completely redesign and rebuild the platform from scratch to restore 8EH’s digital presence, enhance usability, and support future business development through better exposure for media partnerships and client agencies. We didn’t stop at the public-facing site, we also built a custom, intuitive admin dashboard accessible across devices to empower the operations team to easily manage podcasts, blog posts, announcer profiles, and partner content without needing technical knowledge.

My Role

Project Manager
Full Stack Developer

As both the project manager and full stack developer, I was responsible for:

  • Leading the full redesign and migration from WordPress to Next.js
  • Redesigning the information architecture and site layout
  • Rebuilding the entire platform using React and Next.js
  • Implementing CMS-like features with Markdown and Remark GFM for easier content creation
  • Integrating podcast audio streams, blog publishing, music chart updates, and announcer profiles
  • Setting up scalable asset management using Cloudinary and Cloudflare R2
  • Deploying and optimizing the site for fast load speeds and mobile responsiveness

Gallery

Here are some snapshots from the development process and the final app screens.

User InterviewsUser PersonasUser Personas

Challenges & Lessons

Key Challenges

  • Rebuilding a high-performance site while preserving existing user data and legacy content
  • Designing a layout that balanced creativity, performance, and accessibility across devices
  • Handling asynchronous content such as music streams, blog updates, and live podcast integration in a seamless experience

Lessons Learned

Performance is product, even the most creative ideas won’t matter if the platform isn’t fast or responsive.
Combining developer efficiency with content editor flexibility taught me how important maintainability is in a content-heavy platform.

Results

  • Load speed improved by over 10 times, leading to higher engagement rates.
  • Streaming compatibility fixed across all major browsers and devices.
  • Re-established brand credibility with a new, cohesive visual identity.
  • Platform now supports weekly updates, allowing announcers to independently upload content.