360 Fitness

Introduction

B2C

Responsive Web App

THE PROBLEM

Created new website and design based on user testing and business needs. 360 Fitness is gym focusing on online training, personal training, semi-private training, and group training.

USERS & AUDIENCES

Beginner and advance level fitness seekers, looking for personal or group training classes.

ROLES & RESPONSIBILITIES

Design and build new website to match renovation of gym. Keep website up to date as gym develops, with new information or new layout changes.

SCOPE & CONSTRAINTS

This project had to be completed before the gym's opening, which was 4 weeks from the start date. The website had to be up and running by then.

After opening there would be maintenance and other additions to be done later as gym developed.

USABILITY TESTING

Screened

Recruited

Remotely tested 5 participants

MAIN FINDINGS

Users got lost or stuck in different pages
Photos looked like an "infomercial"
Crowded fist page - too much scrolling
Disconnect from blog at bottom of page
Confusion on confirmation for forms
Others...

Usability Testing

Design Audit

DESIGN AUDIT

MAIN FOCUS AREAS

Create navigation bar for site
Contact form consistency through out site
Create style guide and follow it
Restyle transformation images
Others...

SKETCHES

Designed sketches for client approval, while advocating results from user testing.

Home	Programs
Methods	About

Sketches

Mid-Fidelity

MID-FIDELITY

Home	Programs
Program Description	Online Training Description
Male Fat Loss Description

USER FEEDBACK

Original Landing Page Design

The original design had 3 offers on the home page. After the site went live, some users felt the amount of offers on the home page was too confusing.

Modified Landing Page Design

The modified design shows just one offer and displays gyms logo and slogan. Originally with a photo in the background but the owner liked the video so much we changed it back to the video (which was my favorite too).

User Feedback

OUTCOMES & RESULTS

I really have enjoyed this, I thought Darah was very communicative and got things done on time. I tried thinking of something Darah could improve on but I couldn’t think of anything. Only have positive feed back really happy with work she's done"

Casey

CEO of Hubly

I really enjoyed working on this project and collaborating with Hubly's team. I approached this project by looking at the successes and areas of improvements of similar businesses. I evaluated the current site's and made suggestions based on UX conventions then applied what I learned from the competitive analysis and design audit to Hubly's new design for a modern and clean new look.

360 Fitness

Projects

Gift Assist