Web Design 2: Redesign // Nando's // project definition //

project definition

Redesign project website of: www.nandos.com.my

The purpose of redesigning is to improve the aesthetic and practicality of the website.  Research will be done based on the  behaviour and need of the target audience when browsing the website. The scope of the redesign is to increase the usage by user and the information they need making Nando's a place for everyone to share good food and their stories of the day. Nandos live according to a set of values which are core to everything they do. They are pride, passion, courage, integrity and family. Helping deliver a truly great Nando’s experience. 

CLIENT'S ANALYSIS

company background

Nando's is a restaurant chain originating from South Africa with a Portuguese theme. Founded in 1987, Nando's operates in 26 countries and on five continents. Nando's specializes in chicken dishes with either lemon and herb, mango and lime, medium, hot or extra hot peri-peri marinades. Nando's in Malaysia offers halal. One will discover how special it is to be part of the Nando's family. Discovering the traditional hospitality, warmth and fun. 

current site's analysis goals

- more consistency in the font size and similarity and color

- scrollbar navigation is confusing as it blends in real well with the design

- building a community among customers to ensure their trust and to gain confidence

- always keep promotion updated

- overall to give an identity to Nando's Malaysia

- more friendly user yet less Flash, for faster loading speed

- simpler with interesting content 

short and long term goals

Short term goals, updates on more promotion with print-out discount vouchers. 

Long term goals is to make sure the return of the user and customers and their support to the company. Having  new add-on recipes to ensure the re-visit of user and as a guide for home-makers. Promising to give the excellent quality and flavour.

vision and aim

The aims are genuine but don’t take ourselves too seriously and our fun approach to life means when you visit Nando’s you can fully relax without airs and graces. This attitude is not just reflected in Nando's restaurants but always looking to share values throughout the communities.

why Nando's

- Nandos is a restaurant - not a fast food outlet

- Nandos is by far healthier than other outlets

- Nandos is tastier than other outlets

- Nandos is more fun

- Nandos has more chicken-based varieties than others

- Nandos actually cooks their food. No fast warm-ups

Web Design 2: Redesign // nandos.com.my //

Nando's is a restaurant chain originating from South Africa with a Portuguese theme. Founded in 1987, Nando's operates in 26 countries and on five continents. Nando's specializes in chicken dishes with either lemon and herb, mango and lime, medium, hot or extra hot peri-peri marinades. 

+VE

- nice color scheme

- nice art direction

- clear placement of menu navigation

- very informative

-VE

- mixture of more than one font in one page
- some text information are not selectable

- heavy usage of flash animations on each of every pages

- unbalanced used of image and text

Web Design 2 - Competitor Websites

1. Tony Roma's

    http://www.tonyromas.com/

2. The Chicken Rice Shop

    http://www.thechickenriceshop.com/

3. KFC

    http://www.kfc.com.my/

4. Kenny Rogers Roasters

    http://www.kennyrogers.cc/

Web Design 2 - Beautiful Website // Commercial Site

1. Pinkberry

    www.pinkberry.com

2. ABSOLUT

    www.absolut.com

3. Mercedes-AMG

    www.mercedes-amg.com

4. FOSSIL 

    www.fossil.com

Web Design 2 - Tutorial // html // css // javascript

URL for HTML tutorial

- www.w3schools.com/htmL/

- www.davesite.com/webstation/html

- www.quackit.com/html/tutorial/

- www.html.net/tutorials/HTML/ 

- www.echoecho.com/html.htm

URL for CSS tutorial

- www.w3schools.com/Css/default.asp

- www.csstutorial.net/

- www.echoecho.com/css.htm

- www.tizag.com/cssT/

- www.htmldog.com/guides/cssbeginner/ 

- www.yourhtmlsource.com/stylesheets/csslayout.html 

- www.subcide.com/tutorials/csslayout/ 

URL for JavaScript tutorial

- www.w3schools.com/JS/default.asp

- www.pageresource.com/jscript/

- www.javascriptkit.com/javatutors/

- www.supershareware.com/free-javascript-tutorial-pdf-free/

Web Design 2 - Sitemap // original

am i...

the unexpected...

is always upon us ?

"How To...?" sketches

1:: scroll down page layout

   :: the information will be changing accordingly within the paper in the middle

2:: one page layout

:: create a real working/ study table where usually a cork board are place, once you see the interface

 :: the information will be changing accordingly within the paper in the middle

 :: small interactive button might be used to replace the yellow note

"How To...?" moodboard::content::flowchart

page1:loading page::main page

page 2:who::student

introducing what does being a student faces while revising on their daily studies

who are they, their living environment - away from home student, lifestyle

*list of the common unhealthy way of living (to create the awareness)

page3:when::whenever run outs of ideas

*symptoms

the main factor that contribute to running out of ideas

not only study factor but others ex: entertainment, friends, the thought of having fun

page4:1st task:: step away from table ( strain and pain = dead brain)

*sitting at the table for too long will cause not only the computer to hang but so as our brain functionality rate.

so: walk around , get ourself a cup of refreshing drink or even coffee

then: dont go back to the sit straight away, do some simple stretching, this will avoid backaches

remember staring too long at the monitor will strain our eyes, do often look away or at greens as this will help to relax our eyes

page5: 2nd task:: get moving. a healthy body equals to a healthy mind

Take up a sport as it says a healthy body equals a healthy mind

* suggest some simple task like walk the dog or even house chores

*call one or a few friends to come along, bonus as brainstorm while exercising

*as long as there is on-going physical activities, the heart will keep on pumping and the mind rejuvenated

* a few exercising steps

page6:3rd task::day dream. let your subconscious mind take over

*subconcious mind had the ability to conjure anything while our logical part of the brain in pause mode

*peaceout in a serene and quiet place can actually generate great ideas, whether our brain is in clear state or subconscious , we are able to focus

*even better if we can shut all our electronic appliances 

page7:4th task:: let it flow naturally

*read more and more and more books

*ideas will be everywhere

page8:munch on brain-friendly carbs

*easy to prepare breakfast, lunch, dinner

*suggested food for thoughts

**flowchart to be upload soon

Web Design 1: "How to...?" Project

Title 1: How to keep your brain running

1. who: student

2. when: whenever run outs of ideas

3. 1st task: step away from table ( strain and pain = dead brain)

4. 2nd task: get moving. a healthy body equals to a healthy mind

5. 3rd task: day dream. let your subconscious mind take over

6. 4th task: let it flow naturally

7. 5th task: munch on brain-friendly carbs

8. outcome: a better and refreshing mind to continue the brainstorming

Title 2: How to choose a sunglasses that flatters you

1. who: fashion police

2. when: fashion disaster

3. why: sunglasses have become the ultimate fashion accessory, and their look can change with the trends from season to season. Whilst they may be glamorous and stylish on the rack, make sure you choose appropriate ones for your shape. Shades will draw immediate attention to your face, so select wisely.

4. 1st task: finding the shape of your face. oval face round face square face etc...

5. 2nd task: choose a style to suit your face. aviators, vintage, classic etc...

6. 3rd task: deciding on the color frame

7. the outcome: looking great and flattering. having a pair of great sunglasses is just as important as having a pair of comfortable shoes or a great bag.

Title 3: How to travel with pets

1. who: adventurous and pet lover

2. when: on a vacation and you do not want to leave your pet behind because your pet is part of the family too

3. how: i. by plane

      ii. by car

      iii. by sea

4. 1st task: collect every details on the traveling and lodging with rules and regulations

5. 2nd task: check with the vet

6. 3rd task: what to pack for your pet. extra tags, a recent photo, leash and flashlight, medical records etc...

7. outcome: a memorable trip.

Title 4: How to  make your own decoupage soap

decoupage soaps are very easy to make and are great craft for all ages. they can be used to decorate blocks of plain soaps for fetes or for fundraising events.

1st task: prepare material kit

2nd task: cut out picture according to need from mag 

3rd task: mix glue with equal parts of water

4th task: place the cut out onto the soap and cover with the gaze

Outcome: Any soap can be decoupaged, provided it isn’t too oily. The soap can be used although the picture will eventually come off. Decoupage soap makes great gifts.