The Grove
Breaking down barriers. Website design and development for an established gym.
GOAL
Design and develop a website to increase first time traffic into a local gym.
TASKS
Brand implementation
UX + visual design
Market positioning
End to end development
User research
Information architecture
Getting People in the Door
In order to build the site around the process, we supported the content with photography of pathways, maps, and journeys. I used the circle from the logo to create a blue mask that played into the ideas of refinement and clarity.
Barriers to Entry
Market analysis, user research, and client interviews about the client’s business revealed the facets of her business that could be leveraged to create an engaging site for the people she hoped to attract.
Instead of focusing heavily on grand results and the coach, as most coaching sites do, this site focuses on the client’s unique coaching process.
User research helped identify the three main types of visitors the site would work to attract.
photography
Instead of using stock model photography to portray a hyper-sexualized and, quite honestly, confusing representation of what a gym is, the client provided photography of actual trainers with actual members, allowing for a sense of community, trust, and support.
button animations
The desired notched/outline effect was not possible using vanilla CSS, so I used an SVG and animated the path points to create the primary and secondary buttons.
primary
Secondary
