15
January
Written by Sora.
Posted in: School
Picture spam and wall-o-text incoming.
Second Update has been added in.
Note – Roll over the images and refer to the note to find out which website is which. URLs are on the analysis, click the names
Client’s Website
True Fitness
- Layout seems to be a little static, colour scheme follows it’s theme colour. E.G Purple and white.
- The grid system for the contents even seems quite static.
- A little flash usage for it’s rotating banner and some for the content on it’s facilities area.
- The layout and colour scheme seems to be consistent but it may look nicer if it’s slightly different in comparison with other websites.
- Like changing it’s layout for the content but still matches it’s original overall layout.
Competitors Website
Competitor’s Website Analysis
Celebrity Fitness
- Not user friendly at all.
- Always have to go back to homepage each time I’m directing myself to the other pages.
- Alignment for the logo and header doesn’t seem to be correct.
- White background colour doesn’t seem to suit the website either.
Momentum Fitness
- Used quite a lot of flash banners including the intro/home page.
- Navigation always on top, and the sub navigation buttons will be below the banner.
- Background is BRIGHT red, may not be a good idea as for me It’s quite glaring and it’s distracting my eyes.
- A little note though, the website doesn’t exactly cater to just the fitness alone, it includes some other things e.g dancing club and etc
- The transition for the navigation and banner can be quite annoying after a few clicks in my opinion.
California Fitness
- Very simple usage of colours, quite consistant in terms of colour usage
- Grid system seems pretty simple and neat as well.
- They included little icons to indicate certain item’s levels or whatnot with a simple numeric box with a colour.
- Have no use of flash however, could have used a little bit to have some interaction with the user.
Clark Hatch
- Grid system very consistant
- Same goes for it’s navigation, though some roll over effect could be used for the sub navigation as well to show the users the mouse is over. static doesn’t help.
- In terms of design, could relate to California Fitness, this may be due to how similar is the grid system along with no usage of flash.
- The only flash they used was the main page, where the banner is rotating.
Beautiful Commercial Websites
Beautiful Commercial Website Analysis
Razer
- Very consistant usage of colours, most of it were following the origin of the product’s main colour, green and black.
- Grid system may be similar to the rest of the pages but it suits the content nicely
- The usage of flash is very well done in terms of it’s interactivity, doesn’t use much flash but that’s the whole idea.
Good Smile Company
- Very clean and neat layout.
- Thanks to the colours, it made it look that way.
- No flash were used, the gallery were using another instead. Mainpage banner is a rotating image.
- In terms of content, it may look like a wall-o-text but it’s very nice and clean as you can see a short paragraph of the product you’re looking for.
- Consistant layout, navigation always on top and there’s some other quick links/related products are at the bottom which may be good because after the user is done checking things out, it leads the user to go to another product, so it kinda keeps the user around for quite a while.
Creative
- Follows it’s main colour theme.
- Layout very consistant, along with the navigation.
- Interesting way to put flash content into the products, e.g. demostration
- In terms of the content, it’s very standardize where the thumbnail of the product and a little information about it.
- The colour usage seems very neat, it keeps the user’s eyes not distracted and makes the user’s eyes comfortable when they’re reading.
7UP
- Very flash based website
- Colour usage for the entire website is very consistant with the main product’s colour theme.
- But the main content may be a little off because it doesn’t blend in with the background colour(refer to screenshot).
- Interesting way to display it’s products and information of it’s product as user’s will know what they’re asking for such as it’s nutritions and whatnot.
- Choice of colours for fonts on the body text may be clashing with it’s background slightly but it is still readable plus doesn’t exactly give much problem to the majority of the visitors.
And lastly,
4 URLs of HTML code library + tutorials :-
Code Libraries :-
http://psacake.com/web/
Tutorials :-
http://www.quackit.com/html/tutorial/
http://www.webreference.com/html/tutorials/
http://www.pageresource.com/html/index2.htm
Note – Roll over the images and refer to the note to find out which website is which.
—————————–Updates—————————–
Project Definition
Redesigning the website to lure more customers than the amount they’re receiving at this moment.
Current Site’s Analysis Goals
As would normally banners of promotions and such be shown to the public more, the current website only has 1 slot of banner promotion on the main page.
Maybe there would be a separate page of it’s own for it’s promotions ?
Client’s Analysis
True Fitness is known for it’s Yoga & Spa specialty.
Also, where the people normally comes and release their daily work life’s stress.
Mission & Vision Statement : To ensure the relaxation/relieving/fulfilling for each and every customers of this place.
Short & Long-term site goals
For it’s promotions.
For example, it’s current promotion :- An entire week of free tryouts, and to join all you need to pay is as low as RM97 per month.
Target Audience
Modern life currently forces the people to work hard and never manage to have enough time to release their stressful life.
With the range of 20 and above are mostly common here but more onto the age of working adults of > 30
Add in registration through online other than on the spot(outlet itself) or phone call.
With registration, It’ll give the users the choice to check their classes which were appointed and other promotions.
For example, point collection maybe ? To be able to redeem certain amount to do more than they’re doing ?
Competitor’s Analysis
Primary – California Fitness
Secondary – Fitness First
Tertiary – Celebrity Fitness
^The ones mentioned above are not 100% accurate as I’m lacking of the proper information about it’s competitor’s.
Moodboard and Sitemap
The sitemap may be changed until further notice.
Stay in touch with the conversation, subscribe to the RSS feed for comments on this post.
Sankaku Complex
Mood board lacking of dominant purple color. Show or email me your site sketches. Speed up to move onto digital after design approval. Happy Chinese New Year!
January 24, 2009 at 11:40 pm