HIIT .png

HIIT school

digital and in-person wellness programs

OVERVIEW

HIIT School started as a B2B offering available to corporations who wanted to offer wellness as a benefit to their employees. Companies such as Google, Lyft, Netflix, YouTube, Nest, Doordash and more jumped on when they saw the program and results that followed. However, the 94 billion dollar fitness industry was hit hard by COVID-19 but HIIT School adapted, they expanded their offering to stay in the game and grow their business. 

 

I was asked to help re-design their website in order to reflect their new offering by marketing towards both Corporations as well as direct to consumer. 

HIIT School is a B2B and B2C fitness program located in San Francisco. They started as a B2B program working to provide companies such as Google, Netflix, Ford and Lyft a wellness program they could offer their employees. When COVID-19 hit the U.S. they continued to offer their Corporate Programs virtually while also adding the ability for customers from around the world to join.

ROLE

Information Architecture, Wireframes, Website Design, User Interface, Interaction Design, Graphic Design, Mockups

TIMELINE

2 Weeks

TYPOGRAPHY

HELVETICA BOLD

55

HELVETICA BOLD

37

HELVETICA BOLD

25

TITLES

LATO MEDIUM

14

SECONDARY TITLES

Lato Light

16

BODY TEXT

STRUCTURE

HOME

GET TO CLASS

CORPORATE PARTNERSHIP

ABOUT US

CURRENT STUDENTS

SUPPLEMENTAL SUPPORT

HIIT SCHOOL APP

TESTIMONIALS

PRICING

ONSITE CORPORATE PARTNERSHIP

COLORS

#6AB4C9

#FFFFFF

#000000

#F7F7F7

TARGETED USER

I wanted to get a good handle on who would be visiting this website.  Something we wanted to veer away from was the complexity and darkness of a lot of gym websites - we wanted this to appeal to all possible users, not small groups within. We split the targeted users into two groups, virtual users and corporations, here are our conclusions: 

Virtual Users

  • Busy people who want the flexibility to exercise from home. 

  • People who are working from home. 

  • Interested in self-improvement with a form of accountability.

  • Want to develop a healthier lifestyle. 

Corporations:

  • Interested in providing wellness as a part of their benefits.

  • Interested in a low-cost solution.

  • Mid to Large size business.

  • Wanting to provide their employees with the tools to stay healthy.

WEBSITE DESIGN

I started with a greyscale pallet as the base for the home page and built some color with the call to actions. Slideshow, hover features, animations and parallex elements added interactive effects for the user on the clean pallet. 

One main goal was to get the multiple offerings and value proposition across to the user as quickly as possible. Information Architecture was the base for achieving this in addition to keeping the content sections very clear. I wanted to break out of traditional squared boundaries which I achieved by utilizing a handful of gridlines to make things feel more free-form while providing balance. 

dynamicwang-g-YsyUUwT9M-unsplash.jpg

ALL THE DATA IS RIGHT THERE.

 

WE USE IT TO OUR ADVANTAGE TO GET RESULTS.