Asset 1-100.jpg

WhirlyBall Website

Web

Client:

WhirlyBall

ROLE:

Project Lead/Co-Designer/Co-Developer

DURATION:

12 Weeks

Redesigned WhirlyBall's official website. Live at: https://www.whirlyball.com

GOALS


  • Improve bounce rate by simplifying page organization and navigation

  • Reduce load time with smaller sized media assets

  • Integrate new reservation tool from lnfor

  • Emphasize brand's fun and excitement through stylization and hover animations

  • Provide easy steps for ongoing maintenance and content management


COMPETITIVE ANALYSIS


I looked at two brands at my own selection (Puttshack and Topgolf) and two from the client (Pinstripes and Bartaco). We cross-compared homepage treatment, navigation, number of pages, etc. to better understand what design decisions could help us achieve the goals for the project.






USER PERSONAS


We asked the client about the occasions that brought guests into their locations, and which instances brought in the most revenue. From these conversations, we identified and defined three personas to help guide design decisions for the website.





USER FLOWS


We created user flows for each persona to anticipate each navigational trigger that would get the user to the information they were seeking. We also included an additional flow for site visitors seeking career opportunities.








INFORMATION ARCHITECTURE





WIREFRAMES









STYLE OPTIONS





LIVE SITE