StudioHop

Our role

UI/UX Design, Web Design, Art Direction

StudioHop is a Texas-based multi-membership platform for local fitness studios. Most people who enjoy working out don’t want to be tied down to one method of training. And as most active people know, practicing one form of exercise will cause that dreaded plateau. Changing your routine is the only way to continue seeing results. Signing up for or changing memberships at various studios can be expensive and time-consuming — enter StudioHop. Having access to a variety of studios and locations around the city and state (and eventually the country) will allow users the flexibility to train however you want, wherever you want.

Fig. 1 - Existing StudioHop identity

StudioHop was in a very unique position as the only service in the South Central area of the U.S. Though to maintain market share before their larger competitors entered their region, they had to rebuild and rethink their digital presence. Currently, their backend tool wasn't keeping up with their popularity and the ease of use that customers were expecting/wanting; and even though they had a logo they liked (fig. 1), their brand identity didn’t have a visual language that translated clearly into their online experience.

Fig. 2 - Wireframes to determine user flow, features, and functionality.

While employed at nGen Works, we worked on redesigning the entire user experience from the ground up. We explored and refined the user flow by signing up and learning about their service, as well as their competitors. Then building out wireframes that defined all the features they needed (fig. 2); as well as designing specific components to experiment with how their visual language could be presented (fig. 3).

Fig. 3 - Experimenting with element collages to speed up design time.

This involved redesigning the marketing portion for their public-facing site (fig. 4), and an intuitive web application for their member side (fig. 5). All custom designed for their brand and responsively built for easy access on-the-go for all their members.

public facing website

Fig. 4 - Designs/layouts for public-facing screens

Member facing website

Fig. 5 - Designs/layouts for member-specific features

The build out was recently completed by the cool guys over at SpaceTime.

[unex_ce_button id="content_8me2fuq5x,column_content_c75invmyk" button_text_color="#fefefe" button_font="bold" button_font_size="24px" button_width="full_width" button_alignment="center" button_text_spacing="0px" button_bg_color="#000000" button_padding="50px 0" button_border_width="0px" button_border_color="transparent" button_border_radius="0px" button_text_hover_color="#131313" button_text_spacing_hover="0px" button_bg_hover_color="#6cfed2" button_border_hover_color="#000000" button_link="http://temper.is/v1/work/revelry/" button_link_type="url" button_link_target="_self" has_container="" in_column="1"]‹ Previous Project[/ce_button]
[unex_ce_button id="content_8me2fuq5x,column_content_owate7ozt" button_text_color="#fefefe" button_font="bold" button_font_size="24px" button_width="full_width" button_alignment="center" button_text_spacing="0px" button_bg_color="#000000" button_padding="50px 0" button_border_width="0px" button_border_color="transparent" button_border_radius="0px" button_text_hover_color="#131313" button_text_spacing_hover="0px" button_bg_hover_color="#6cfed2" button_border_hover_color="#000000" button_link="http://temper.is/v1/work/" button_link_type="url" button_link_target="_self" has_container="" in_column="1"]Back to Work ›[/ce_button]