Overview

As the Web Content Coordinator at SpiritLive Radio, I was responsible for updating the website with fresh content and making any necessary revisions, including creating new pages or making changes to existing ones.

Even though I was only tasked with managing content, I decided to modernize the site’s appearance, simplify user flows, and create a helpful resource for show programmers. This redesign successfully increased site traffic, improved navigation, and provided programmers with better guidance to manage their shows.

Problem

The existing website had several key issues that needed to be addressed.

Outdated Design

The site’s visual style was old-fashioned, making it difficult to engage users and create a modern user experience.

Poor Navigation

Users struggled to find the information they needed quickly. Some of the links of the homepage led the users to dead links, and it wasn't clear that they were. The confusing layout led to frustration and longer search times.

Ineffective Programmer Resources

Programmers lacked a centralized page with the necessary steps to run their show. This made it harder for them to confidently stream their show and created an extra workload for staff members who had to explain how to use the radio equipment.

Low Traffic

Visitor numbers were quite low, indicating that the site was not compelling enough to attract new users or keep existing ones engaged. The lack of user-friendly features likely contributed to the low traffic.

What I Did

To solve these problems, I focused on redesigning the site with a clear goal to make it more modern, easy to navigate, and supportive for programmers.

Modernized the Site’s Look

I updated the website with new design elements, including new fonts, colour schemes, and a cleaner layout to make the site more appealing and professional.

Key Design Changes:

• Refreshed the design with consistent fonts, colors, and updated graphics for a polished, cohesive appearance.
• Reorganized page layouts to improve visual hierarchy and align with modern web design trends.
• Removed outdated elements, such as the Spirit1 banner, to streamline the homepage.

Simplified User Flows

By reorganizing the site’s content and navigation, I created a smoother experience for visitors, making it easier to find important information.

Key Design Changes:

• Consolidated and clarified navigation links, including updating confusing paths like “/live-shows-f2021-2” to “/shows”.
• Improved accessibility by standardizing UI elements like headings, buttons, and links across the site.
• Optimized the "Schedule"  and “Get Involved” pages for easier access to important information.

Created a Programmer Guide Page

I put together a new dedicated page to help show programmers with resources, FAQs, and step-by-step instructions for managing their shows. See the programmer's guide.

Incorporated Feedback

Throughout the redesign process, I gathered input from users and programmers to ensure the changes met their needs and expectations.

Here are the changes I made:

• Updated bios, photos, and schedules based on input from contributors and site users.
• Reorganized the programmer’s guide layout to add missing information and make it easier to understand.
• Added announcements and application status updates directly on the homepage to make important dates and deadlines clearer

Conclusion

The redesign led to several measurable improvements:

Increased traffic

‍After launching the new design, the website saw a 53% increase in visitors, reaching 1,200 monthly users.

Improved user experience

‍The redesigned site was easier to navigate, with simplified user flows and a more intuitive layout. This transformed the website from a static directory into an extension of the radio station — a place to discover shows, get updates, and engage with content.

Dedicated programmer's guide

‍The new guide page became a valuable resource for show hosts, helping them manage their shows more efficiently. I received appreciation from programmers who used the guide to help them run their show.

A more modern and aligned design style

The refreshed design gave the website a modern look that matched the radio station’s brand, making the site feel more lively and connected to the station. It also made navigation easier and more enjoyable for users.

Final Design