Jarz

The problem

Jarz Programs makes group workouts for fitness clubs: LXR, BRN, XCORE, BROGA and XCO Outdoor. Around those workouts there are instructor courses, events and a webshop. Each needed a clear place from the homepage, without the page turning into a list of links.

Approach

Fitbrand came up with the concept. I designed the site and built it in WordPress. An early version, clicked through in InVision, put the programs in a large slider with a list beside it. The final design starts with three photo tiles: courses, programs and events. Below those, each workout gets a wide photo band with a one-line description and its own button. Then come the social channels and a section for the online store, split into equipment, accessories and clothing. The top bar has the helpdesk number, a login, the shop button and flags for Dutch, English and Spanish. The footer has a column each for programs, courses and events, and each one lists every workout. I tried it in more than one accent colour, yellow and purple among them.

Outcome

Jarz got one site where every workout, course and event has a place, with the shop and the login always in the top bar. Adding a program means adding a photo band and a line in the footer. The layout stays the same.

What changed

• Courses, programs and events as the three ways in on the homepage.
• A photo band with its own button for each workout.
• A shop for equipment, accessories and clothing.
• A language switch for Dutch, English and Spanish.