Website Redesign - Fitness First

Executive Summary

Fitness First is a Gym & Health Club. They are the largest gym, health and fitness club group in the world with more than 1.5 million Fitness First members in over 550 clubs worldwide. Fitness First is no longer just about helping people lose weight. It’s about changing people’s lives. They have a motto at Fitness First that sets us apart – Real People, Real Results. The purpose of redesigning Fitness First website is to bring out a new user experience website to the loyal and potential customer. Moreover, redesign the fitness website is to make customer have more convenient and interaction when surfing the website. The unique selling point is to let customer understand and feel the environment of the fitness club from the website.

Website objective

-User friendly
-Customers testimonial (real result)
-Shows fees for registration

Client’s Website Analysis

The overall design is too informative and not much interactive based. The used of color in the text can be more consistent and the highlight color for the important point is unnecessary. However, the website looks very plain and not attractive enough. These are the analysis result that I found in the website:

• Home – more like a promotion page
• Join Us – too many information and look wordy.
• Member Privileges – didn’t state out the exclusive privileges, lack of info
• Group X –can be more interaction with navigation
• Timetable –provide download page
• Facilities – lack of interesting exercise equipment photos
• About Us – the highlight text is ugly

The website is user friendly and have consistency is terms of design and color. However, the website image and the fitness club image is not very match. The real fitness club makes people feel grand and high class, but the website look more simple and empty.


Target Audience

The main target audience is senior executive, student and young adult. Most of the people visit fitness first website is who want to:
-Find out about the latest promotions.
-Find out the fees for registration.
-Find out the perks of your membership.
-Find out if you require a personal trainer.
-Locate the nearest branch.
-View photos of the branch.
-Register online
-Contact the staff.

Competitors Analysis – California Fitness

Positive aspect

- Complete information
- Shows success stories of the customer (feedback)
- Consistent design

Negative aspect

- No Register online
- No member login in
- No promotions

by low mei foong

DIY tutorial

Rabbit Sock Toy tutorial

SOCK TOY_ DIY web design

Summary of the DIY web design

The topic that i do for DIY web design is how to make sock doll.
I named my shop "SOCK TOY". The interface design is focus on the puppet or performance stage.The main color modes will be red, yellow,brown,orange and purple.There four pages: about sock toy, product gallery,how to make and tell a friend. The design is very consistent in terms of the design,the color and the font. The bar at the top have three sock characters. They will have some animation when rollover on the character.Moreover,it will have different colors spotlight spark on the character.T
he about sock toy page is the introduction of the sock toy characters.There are navigation button and also another option is scroll down the bar. The product gallery page is the photos of the product. When click on the photos, it will pop up and have details of the product.The third page is tutorial. The navigation button is the step process itself. When click on the photo, it will display photo actual size.The last page is tell a friend. It is about introduce the website to friend.

Moodboard for DIY handcraft web design

There are 3 handcrafts that i want to do:

1. Sock Toy

2. Pop-up card

3. Paper flower

The website is an online order handcraft shop (temporily named as Craffy House)

It sell product and also provide some free simple tutorial. The target audience mainly focus on teenager. The overall website will look more colorful, funky and cheerful.

The content pages including:

1. Home

2. Product gallery

3. How to make

4. Contact

5. Tell a friend

Vampire's Secret- web design