As one of the nations most listened to radio stations, KEXP has built up quite the reputation over the years. In 2004, they won a webby for being the first site on the internet to offer high-streaming quality of live-radio. Hum was brought in to completely rethink their web presence, and work with their team to turn it into reality. 📻
We started this project with a content audit of the current KEXP website. After the audit, we conducted stake-holder interviews to hear their goals and expectations for the new site. During the course of the project, I was responsible for being the client advocate making sure their goals were met and voices were heard, while still putting the user first.
After the content audit and stakeholder interviews, I was in charge of leading the navigation and content suggestions. We began this process by creating a sitemap which led to pairing down their current navigation.
Our research showed that most users didn't understand the naming structures set up for the content on the site. We proposed simplifying this to an action based navigation structure (Listen, Watch, Read, and Donate).
After the sitemap was complete, I was in charge of creating high-fidelity wireframes of all pages of the site. Creating high-fidelity wireframes helped us better communicate our thoughts to 3 stakeholders who each had different goals (content, advertising, and donations). This also allowed for us to make some design decisions early on in the process, which helped speed up the design process.
The goal of the homepage was to feel robust with content to allow for discovery. KEXP has over 8000 videos in their library, and we wanted the homepage to not feel limited in areas to bring those to the surface. This was also the phase that we wanted to be sure that there were enough spots for advertisements, sponsored content, and donation prompts throughtout the homepage.
With so many content types (podcasts, programs, audio files, video files, etc.) we helped them come up with a tagging system that help indicate the type of content throughtout the site, as well as serve as a navigation tool for users.
Upon approval of our wireframes, we moved into the visual design of the site. The design was led by Drew Hamlet. Keeping the design minimal allows the content take center stage, while still feeling simple and intuitive. Once initial design was established on key landing pages, I assisted in the production of designing the rest of the site.
While still offering standard banner ad sizes throughout the site, we also helped to come up with a system for companies to sponsor content on the site. For example, a live in-studio performance video that would appear above the header of the site, could be presented by a company.
Creating the sponsored content types gave a lot of flexibility and options for their team member in charge of selling advertising on the site.
For the donate page, we streamlined the donate exerience, with a simple and intuitive 3-step process. We also provided multiple spots throughout the site that could be used for donate prompts.
Most pages on the site feature a lot of content, so a constant fixed header was a must. We came up with a taller header when you first arrive to the page, which collapses to a compressed version as the user scrolls down the page. Slightly scrolling back up will reveal the full header with the player controls and 'now-playing' info.