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.

The Grove content process work

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.

The Grove wireframe process work
Grove testimonials and features section
Other gym ads

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.

Grove photographs and ad mockup

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

TAKE THE FIRST STEP

Secondary

TAKE THE FIRST STEP

Button animation process work
Grove site mockup

NEXT PROJECT

UR Powered