digital and in-person wellness programs
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.
Information Architecture, Wireframes, Website Design, User Interface, Interaction Design, Graphic Design, Mockups
GET TO CLASS
HIIT SCHOOL APP
ONSITE CORPORATE PARTNERSHIP
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:
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.
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.
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.