Breaking down barriers. Website design and development for an established gym.
Design and develop a website to increase first time traffic into a local gym.
Brand implementation
UX + visual design
Market positioning
End to end development
User research
Information architecture
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.
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.
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.
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.