Our website designers’ strategy to overcome the challenges above was to add movement to not only subconsciously make the connection of body movement, but to grab attention of the users. Website movement adds a certain level of sophistication, which is important for a private gym of Altered Athletics’ caliber.
We started with the main menu. We created chunky white boxes that slide down when you hover over the navigation to match the logo to establish confidence off the bat. The menu button that says “GET STARTED” has moving arrows to encourage their final destination.
The homepage hero is a photo collage of actual gym session within Altered Athletics to encourage taking action. We chose the photos we did to establish women of all sizes workout there, empower each other, but still put in the work while having fun. The call-to-action buttons were to take them to the Client Transformations page where real photos of progress ensures them this private gym will work for them, as well as a “Get Started” button so they know what steps they can take next. Each button has moving arrows upon hovering.
Images zoom in, circle icons move around, and Google reviews rotate within a carousel slider.
The content boxes under the Fitness Services container lift up for an interactive experience. This also allows users to choose an option that best fits their lifestyle and move on to learn more about it.