top of page
Asset 1-100.jpg

WhirlyBall Website

UX Design

Client:

WhirlyBall

ROLE:

UX Lead

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



DESIGNS

The length of the design process is always variable, depending on the needs of the customer. In most cases, I strive to iterate off of real user feedback, setting up moderated or unmoderated tasks to test partial prototypes for usability and comprehension.

BEFORE/AFTERS

PROTOTYPES

At the prototyping stage, I'm working closely with devs to ensure that expected behavior isn't only shown through the design, but annotated and documented for their reference as they bring the design to life.

bottom of page