What they wanted …
An outdated and busy design was in dire need of a revamp to capture viewers’ attention and facilitate finding information on the website.
What we created …
A complete redesign simplifying navigation with distinct areas for vendors, sponsors and social media was created.
The results …
Viewers were able to consistently find the information they were looking for with regards to the schedule, workshops and performers. The colorful and fun graphics made the website more enticing and inspired a happy-go-lucky and carefree experience at the event.
The “Before” and “After” Story
Original About Page
Issues
- Clover icons are used for navigation, they are located on a different area of each page, and they are in a different sequence on each page.
- The page is cluttered with icons, business logos, images and social media that are positioned in different areas on each page
- The social media buttons are located at the bottom of the About page but are not available on the other pages.
Original Schedule Page
Issues
- Clover icons used for navigation have moved from the top left to the bottom left, the order has changed and two are no longer available.
- Access to the Workshops is only available via the Clover icons and not in the main menu.
- The Social Media icons are no longer available.
Original Volunteer Page
Issues
- Clover icons used for navigation have moved from the bottom left to the top right, the order has changed again and two more have been added back in.
- Paragraphs are centered and cumbersome to read.
- The Social Media icons are still not available.
- The Click to Volunteer button is obliterating text that cannot be read by viewers.
Redesigned Website
Solutions
- A consistent layout was established so that viewers knew exactly where to find information on each page.
- Consistent navigation was introduced using the top main menu. Removing the clover icons simplified the navigation and cleaned up the clutter. Viewers were able to locate all pages (including the Workshop page) using the top menu.
- Business logos were segregated onto two separate pages – one for Vendors and one for Sponsors – so it was crystal clear to viewers who the sponsors were. Sponsors were also highlighted on the main page at the top right to emphasize the fact that they were helping fund the event.
- Media videos and photos were added to a separate gallery page where viewers could enjoy browsing through them.
- The social media buttons found a home at the top right of the page so that viewers knew where to find them on every page.