someone please please PLEASE do this user test.......

guys i need your help! yesh i sound desperate because i AM desperate! T_T need to have this user test done before Tuesday....final is on tues omg omg omg i still have dunno how many pages to code...shit man shit shit!!!

ahem anyway.....

For web II final i'm redesigning Justlife website. FYI, Justlife is an organic shop that sell lots of stuff under one roof. their products range from organic food to clothes to organic cosmetic to organic personal care...you name it they got it.

click on the pics to enlarge. oh and the banner and the litttle guy on top will be moving abit to make the site more interesting. same goes for the shopping cart below.

About Us page:
click on the button links beside and you can go to other pages that are still under "About us" page.


Contact page:

Products page: (still need to do some minor adjustment)


Shop page:
oh for this page i still havent added in the maps for each of the shop...

basically that's that...some page like homepage still havent done...and i was thinking of changing the pics for every page but that seem so impossible to do now....i'm running out of time!! D:

so guys! please don't hesitate to leave me comments or suggestions or critiques please!!! THANK YOU!!!!

(questions taken from orilia because *cough*i'm lazy to think of questions*cough*)

Instructions:
For every statement below, please give a rating from 1 to 5.
1- Strongly disagree
2- Disagree
3- Neutral
4- Agree
5- Strongly Agree

And you can add your own comments if you want to.
You can copy and paste this in the comments section and then just add 1, 2, 3, 4, or 5 at the end of each sentence.

1. The overall's site is attractive.
2. The site's graphics are pleasing.
3. The site has a good balance of graphics versus text.
4. The colors used throughout the site are attractive.
5. The typography (lettering, headings, titles) is attractive.
6. The homepage's content makes me want to explore the site further.
7. I can get to information quickly.
8. It is fun to explore the site.
9. Information is easy to read.
10. The site has a clear purpose.

again, thanks for commenting!!! my body and soul is forever yours to show my appreciation!!! T________T hahaha ok too "kua zheong"....

Web II - Sitemap, Digital Layout and Analysis (modified version)

"about" page no.1 (please ignore the scribbly words with arrows)

"about" page no.2

a rough digital layout on Justlife website...according to Jo, it's still boxy. will try to add in other elements next time. i myself also not satisfied with this layout...but for now i'm just putting these up for assignment's sake haha. (any comments are welcome)

sitemap

--Client's Site Analysis--
*note: i modified the client's site analysis abit for my future references...

Project Definition:
This project is to redesign website. For this project, I will need to redesign Justlife website. Justlife is an organic store that goes beyong just selling organic products.

From my research on the store, their concept is using a nostalgic style, combine with a bit of children style doodles. So I will incorporate these styles into the redesigned website. I will apply soft pastel colors (pastel blue, pastel green...etc) combined with warm colors (such as orange, yellow...etc) to give more contrast. I will also put some flash into the website to make it more lively.

Current Site's Analysis Goal:
At the current homepage, there are several image links. Some image links lead the users to promotion sites while some lead users to the Change Climate site, recipe site, feature product site...and etc. These image links are not well put together, causing the users a very hard time to differentiate which one is which.

To improve this, I will seperate those image links to other pages accordingly. For example: the feature product image link, recipe image link and Living Nature image link will be put under the "products" page, while the Change Climate image link and promotions will be shown in the "home" page. This is to categorize those image links properly.

There are also some broken links, and the maps of the shop in different locations are not viewable. These cause inconveniences to the users who want to know more or who want to know where is the shop location. There are also not much real texts in this website.

Moreover, there are many texts and the users will have to scroll down all the way to read the long paragraphs. So I will seperate those paragraphs into different categories. For example, in the "about" page, instead of having long paragraph like the original website, there will be the basic introduction, and 2 other links to "our beliefs" page and "words of encouragement" page.

Client's Analysis:
Justlife is an organic shop which the first organic shop was started in 1999 when organic was still new to Malaysians. Since then, their persistent effort in raising awareness for a chemical-free lifestyle and promoting values for authentic quality product remain strong. They reject GMOs (genetically modified organisms) and artificial ingredients. In Justlife, they respect the consumers' right to make well-informed purchases and they believe that working and living harmoniously with the nature is the only way to a sustainable and fulfilling life. Each day, they are gaining stronger support from thousands of customers and supporters.

They provide comprehensive one-stop organic shopping convenience for a quality organic living. Justlife houses reputable organic brands from New Zealand, Australia, France, UK, South America and many more, such as Why Not, Living Nature, Babynat...etc. Their products ranged from organic fresh produce to organic baby food to organic personal care.

Their unique selling point is that they have different range of organic products with aunthentic qualities under one roof. Justlife products have no artificial preservatives, no mineral oil, no animal testing or animal ingredients, no solvents, no radiation residues and no synthetic chemicals. So this is also one of their selling points.

Targeted to those who are concern for their health and the environment, the position of the shop is above average as some price of the products are a bit high. But most of the price is still affordable.


Short and Long Term Site Goals:
This website has featured product to increase the business value and also there is a recipe for those who are interested to cook. There are image links of promotion too. Also, there are some projects and contest for people to join. These are the short term site goals. However, the promotions and other image links should be made more clear so that the users can differenciate which one is which. And there are broken links too. The broken links should be fixed so that people won't loose interest in this site.

As for the long term site goals, I will be focus on the layout. The layout should be more interesting and lively to attract more people.


Target Audience:
This website is targeted to everyone who is interested in keeping the environment clean and concern about health. There are 5 projects, which include plant-a-tree, making garbage enzymes and so on, that people can join. This is how the site engages with users through these activities. However, there are broken links.

Web II - Analysis (Part I)

Moodboard

Client's Website Analysis

In this project I need to redesign the Justlife website. At the current homepage, there are several image links. Some image links lead the users to promotion sites while some lead users to the changeclimate site, recipe site, feature product site...and etc. These image links are not well put together, causing the users a very hard time to differentiate which one is which. There are also some broken links, and the maps of the shop in different locations are not viewable. These cause inconveniences to the users who want to know more or who want to know where is the shop location. There are also not much real texts in this website.

Justlife is an organic shop which the first organic shop was started in 1999 when organic was still new to Malaysians. Since then, their persistent effort in raising awareness for a chemical-free lifestyle and promoting values for authentic quality product remain strong. They reject GMOs (genetically modified organisms) and artificial ingredients. In Justlife, they respect the consumers' right to make well-informed purchases and they believe that working and living harmoniously with the nature is the only way to a sustainable and fulfilling life. Each day, they are gaining stronger support from thousands of customers and supporters.

They provide comprehensive one-stop organic shopping convenience for a quality organic living. Justlife houses reputable organic brands from New Zealand, Australia, France, UK, South America and many more, such as Why Not, Living Nature, Babynat...etc. Their products ranged from organic fresh produce to organic baby food to organic personal care...they have them all under one roof.
Their unique selling point is that they have different range of organic products with aunthentic qualities under one roof. Also, from my research on the store, their concept is using a nostalgic, kampung style, combine with a bit of children style doodles. So I will try to incorporate these styles into the redesigned website.

Targeted to those who are concern for their health and the environment, the position of the shop is above average as some price of the products are a bit high. But most of the price is still affordable.

This website has featured product to increase the business value and also there is a recipe for those who are interested to cook. There are image links of promotion too. However in my opinion, the promotions and other image links should be made more clear so the users can differenciate which one is which.

This website is targeted to everyone who is interested in keeping the environment clean and concern about health. There are 5 projects, which include plant-a-tree, making garbage enzymes and so on, that people can join. This is how the site engages with users through these activities. However, there are broken links.

Competitor's Website Analysis
...can be found here

Web Design II - URL and Analysis

01.Client's Website

Just Life

broken link

arrangement of text abit messy

not much info on product

02.Competitors' Websites

Juice Beauty (organic personal care product)

homepage abit messy, there's no focus point

"about us" page should be in front of "product", not the other way round

has testimonial, product reviews and ingredient glossary to help people understand the product more

has a section to determine what product is best for the consumer which saves a lot of time for the consumers when buying the product

show what price the product is

Green Works (organic cleaners)

whole website looks clean and neat

nice pics/flash make whole thing not boring to read

has FAQ to help answer people's questions which is a convenience to people

other than showing image of product, ingredients are shown too. they even show where you can find the product in "product loacator" section

Toyo Organic (organically-grown vegetables)

too little pictures makes people loose interest to read further

webpage is very boxy and boring

header picture never change in every page, making every page looks almost the same

Zenxin (organically-grown dry goods and healthy food)

not many pictures make the long paragraph boring to read

interesting navigation bar rollover effect

has gallery (photo gallery, media gallery and events) to let people know how their product looks like, show the clippings of newspaper, and update the people on the events.

has a blog to update ppl on what's going on

03.Beautiful Commercial Websites

13 Buho Street (clothing)

nice and interesting webpage with flash

setting is in a street which indicates that it is about street wear

rollover effect is interesting and fun

texts are combined with slideshows of pictures to make the reader not feel bored

Bunker (shoes)

loading page is interesting. it's in the form of a password locker, suggesting that what's inside is top secret

other than that, the webpage looks like a safetybox, which gives off a mysterious feel

interesting navigation and rollover effect

Soop Group (tableware and furniture)

overall website looks clean and neat without too many texts, which give the impression that the tableware and furniture they designed is simple and clean-looking

combination of illustration and pictures make the site looks interesting

Shoe Guru (shoes)

clean, grey background gives the impression of cool and modern, also suggests that the shoes of this brand are modern style

different views of the shoes are shown to let people get a good picture of the shoes

prices are stated so people will know how much the shoes cost

homepage will feature different shoes everytime you go back to the homepage so the homepage is not that boring, showing the same shoes everytime. also, feature different shoes everytime will let people know what kind of shoes they have

04.HTML Code Library

http://www.w3schools.com/

http://www.htmlcodetutorial.com/

http://www.psacake.com/web/

http://www.how-to-build-websites.com/

05.Design Tutorials

http://www.tutorialized.com

http://www.good-tutorials.com/

http://www.ndesign-studio.com/resources/tutorials/

http://www.photoshoproadmap.com/Photoshop-tutorials

and that's it...

Web Design 1: Progress 2

flowchart

home page

intro page

D.I.Y page

contact page

gallery page (the white boxes indicating where the pics should be)

gonna present this tomorrow...i mean today using this blog. FYI, am doing jewelry made out of junks.






submission deadline is next week and i haven't code it in Dreamweaver...die lo die lo...hope that i can finish it on time *pray gao gao*

Web Design 1 Progress

flowchart of the webpage (i'm doing jewelry made out of junks):



my (not so neat) sketches:



so yea this is my homepage. after i did some user testing (via msn), they think that the navigations are too small and hard to read:


so i changed the navigation. the user will have to click around to explore where the links are...but it won't be that hard to find 'coz the navigation will be moving abit to show that it is a navigation. also it will have rollover effect with the links come out, as shown below. i also added texture 'coz after some user testing, they said it's better if got texture to give more vintage feel. i also put some junks around the setting to give some "junk feel". in some people's opinion they think the objects still look raw, so i will try to change if got time.


(the red round thing is the logo which i haven't done yet. it's just there to show where the logo is supposed to be. )


below is the intro page which is the zoom in version from the homepage.



and this is the contact page...also a zoom in version from the homepage.


so erm...i guess that's all....

*drop dead and die*

Web Design I - Project 2 Sketches

i got 2 choices of interfaces....(FYI, am making jewelry out of junks)

this is the 1st one (but it's just a sketch):

click on pic to enlarge.


and this is the 2nd one (i did it digitally 1st so i can get a better picture of it..but it's still a rough one):


i still can't decide which one is better...waiting for Jo's email reply.

Web Design I - Project 2 WIP

so...for whole day i've been collecting stock photos and this is all i can do today...just one page of the whole web page... btw the digitally done one is sooooo sooooo SOOOOO different from my initial sketch ok. i just hope chong and jo will approve la....*cross fingers and pray gao gao* btw i am doing jewelery (jewelry? jewelery? i forgot how to spell it =.=) made out of recycled stuff and junks.

....it's now 12.08am.

great.

i'm so proud of myself for being so productive...NOT. =..=

tomorrow...i mean TODAY have to rush for the DGM2 project...greeaaaat.

whee. really is *gotoAndDie(hell); ah... *this is actionscript language in case you are wondering.

someone please shoot me in the head and let me die please thank you very much.

Web Design I - Project 1

(note: web design lecturer and tutor can skip this part if you don't wanna waste your time hehe)
**this post is for project purpose and it's for the web design lecturer and tutor to read (in my 3rd term the MM lecturer forced wanted all MM students to have their own blogs so that they can use their blogs to express their ideas, do user tests and show their college projects. but...ahem, i sort of abuse this blog too much and blog about my own things rather than college projects...lol sorry~ =p) so yea for those who are not studying in TOA one can skip this post if you think this is boring and wasting your time...but i'd really appreciate it if you guys can give me some feedbacks! :D**

---------------------------------------------

this project required us to build a website depends on what kind of job you choose using the most high-tech (said so by the lecturer haha) tool of all -- NOTEPAD! which means we can't use dreamweaver (darn!) and which means we can only do the html coding by hand (!) omg......but it was fun la typing the html codes...for now. haha.

so we had a lucky-draw to see which kind of job you picked...guess what, i'm an undertaker! (slap orilia for saying this job is suitable for me! haha)

so hmm...since i'm a (fake) undertaker, so i think my website will be dark and solemn themed. maybe...add in a little bit of gothic element in it? hmm~

my job is not like any normal undertaker who buried human's body...mine will be burying those wandering spirits' souls. ie: those who kill themself and die, his or her soul can't go to heaven so that's why he or her can only wander around on earth...and surely his or her family or loved ones don't have the heart to watch his or her poor souls wandering around so they will contact me to "catch" the wandering soul and let it rest in peace... erm get what i mean? man i'm so not good in explaining stuff =_=''

anyway, my page will consist of "about me" page, a page that intro what kind of wandering spirits are there on earth, a page about the "weapons" i use to "catch" the souls, "service page" and "contact" page. (or maybe a "testimonial" page? =/)

for the style of the design, maybe it's gonna be sketchy style like the picture below:


and the colors i used will mostly be black or dark colors...like the picture below:



that's all for now~ any comments or suggestions are welcome :)