WorksoapStudio

Page 1

SOAPWORK STUDIO

WEBSITE REDESIGN PROPOSAL MIKA VO MARCH 24, 2015 1


TABLE OF CONTENTS

OVERVIEW

OVERVIEW

CONCEPT

STYLE

DESIGN

Creative Brief..............................................3 Projectime Line..........................................5 Competitive Analysis..............................6 Comparision of Feature....................10 Moodboard................................................11 Style Guide................................................12 Personas....................................................13

STYLE

CONCEPT

DESIGN

Sitemap.......................................................16 Wireframes................................................17 Logo design...............................................25 Package design......................................29 HiFi.................................................................32 Bibliography...............................................40

2


CREATIVE BRIEF

OVERVIEW

STYLE

CONCEPT

DESIGN

COMPANY OVERVIEW

TARGET AUDIENCE

OBJECTIVE

Soapworks Studio soaps are handcrafted artisanal soaps containing the finest quality ingredients. All of the formulas are super-fatted, meaning they have higher levels of unsaponified oils, creating a glycerin-rich, highly moisturizing bar for all skin types and sensitivities. Colors and textures are created from organic herbs, spices, grains, clays, minerals and sea vegetables. No synthetic dyes, preservatives, fixatives, germicides or extra fillers are ever added. Bath, beauty care and home fragrance products are also created with the best quality natural ingredients available.

• Age: starting in the 20’s up to 70’s, but mostly in the 35-50 age group • Gender: mostly women but 25% are men that use similar products • Value: smart, careful decision making • Higher education • ncome level: $35,000-$75,000 • Healthy lifestyle, natural type and care about environment • High quality/handmade/organic • product lovers • Prefer local/fresh ingredients & seasonal

Give the website more organization and a natural look and feel. The main goal is to allow people the simplest and quickest way to directly access the best seasonal handcrafted soap. Quality and healthy for all skin types with affordable prices. Provide retailed information/comment/ reviews on each product. Put more intention on gift ideas/kits for men to approach broader consumers.

3


CREATIVE BRIEF

OVERVIEW

STYLE

CONCEPT

DESIGN

KEY BENEFIT

OBSTACLES

TONE & MEDIA

New website will draw more attention. It will bring in new groups of consumers of both genders and achieve higher ratings/sales. Unique and recognizable online shop for 100% natural bath products.

Need bigger and higher quality images. Put more producs on the website to attract and give people more choices. Not only focus on products of the current season. Clearer navigation of where and how customers can get discount code for return customers.

A vintage, natural graphic and neutral earth tone. Eco-friendly and relaxing will be the new look of the Soapworks studio website. Website available in browser and work best and easier on mobile devices.

4


PROJECT TIMELINE

RESEARCH & INSPIRATION FEBRUARY 9-21

OVERVIEW

WIREFRAME FEBRUARY 28

CONTENT GENERATION FEBRUARY 21-22

STYLE

CONCEPT

DESIGN

REVIEW MARCH 7-17

DESIGN & MODIFICATION MARCH 1-5

EDIT/ APPLIED MARCH 21

5


COMPETITORS

OVERVIEW

STYLE

CONCEPT

DESIGN

SOAPWORKS STUDIO/SOAPWORKSSTUDIO.COM • This website looks so plain. It doesn’t have anything interesting or that attracts consumer’s attention to keep them interested in the site. Texts are overwhelming, especially at the Home page, there is only an introduc • tion of how the shop was established (doesn’t show anything containing the products that they have). They have more info in the About category, which is not necessary, and it forces the customer to keep looking to Shop bar to find out what products they are carrying. • Low image quality. Discount and on sale • products are hard to find, unless you pay more attention to read the text that explains how much or when people can get discount. • No review or feedback for customers to look at, to get the sense and trust of the quality of the products. There is a text box that includes comments, discounts, coupon codes or gift cards, which confuses people and there is also no button to submit or show what to do. • The check out section is pretty simple and easy. • Overall, the whole website is plain, boring, takes too long to navigate and no affordance on where to get the products and too much text for people to spend time reading!

6


COMPETITORS

OVERVIEW

STYLE

CONCEPT

DESIGN

BRAMBLEBERRY/BRAMBLEBERRY.COM • This is the most complicated and busiest website compared to the other competitors. They try to cover • everything from selling product, blogging and • tutorials, but they don’t have specific sections or categorys for each. • The navigation is too difficult to figure out where to buy the actual product. Easy to get lost and give up on finding the actual product. • The check out section is another complicated story and it scares people with the expensive prices listed that really catch the eyes. • They have ratings and review sections for each product. • Image quality is also low! • They tried to make higher hierarchy with different typefaces and colors but it doesn’t work. • Their background tone and logo are better than • others because they give people the sense of • what they are trying to sell.

7


COMPETITORS

OVERVIEW

STYLE

CONCEPT

DESIGN

EMILY’S HANDMADE SOAPS/ ETSY.COM/SHOP/EMILYSHANDMADESOAPS

• This is the second best website because, although they look pretty plain, the site is very clean and simple. It gives consumers an idea and look of what they will get • before they look atr the product details. There is no wasting time to click and try to navigate things that people don’t need. • Rating and reviews are available for the entire shop and for individual products also. • Image quality is good and better than the rest. Color tone is warm and nice. • The sites prices are a little high but they make it clear of what is on sale. Good deals stay on the very top of the product pages.

8


COMPETITORS

OVERVIEW

STYLE

CONCEPT

DESIGN

SOMETYME PLACE SOAPS&SUCH/ SQUAREUP.COM/MARKET/SOMETYME-PLACE

• This is the best website, not just because they look clean, clear, and simple but their navigation is • really obvious even for the first time users. It is easy to find exactly what they want with the full description of the products. • Even though there are no ratings and reviews available, the way everything is represented makes the audience feel more professional and trusted than the rest. • Good image quality with nice lighting helps the audience have a better feel for the product. • The price is all the same except for the gift pack which is good. The audience will have to find or compare the quality to each other because all they will get will be as good as anothers.

9


COMPARISION OF FEATURES Soapworks Studio

Log in

Brambleberry

OVERVIEW

STYLE

EmilysHandmade Soaps

CONCEPT

SomeTyme Place Soaps&Such

X

Account Search Tool Good Image Quality

X

X

X

X

X

Color Unity

X

X

X

X

Various Soap

X

X

X

X

Selection Location with

X

Map Nice layout

DESIGN

X

X

10


MOODBOARD

OVERVIEW

STYLE

CONCEPT

DESIGN

11


STYLE GUIDE TYPOGRAPHY

HEADERS: Charcoal CY, 20 pt, All Caps SUBHEADERS: Menlo Bold, 16 pt, All Caps Body: Gujarati Sangam MN, regular, 12pt

OVERVIEW

STYLE

CONCEPT

DESIGN

COLOR SWATCHES

# aec862 R 174 G 200 B 98 # e58246 R 229 G 130 B 70 # f5f4f2 R 245 G 244 B 242 # c4e3e6 R 196 G 227 B 230

12


USER PERSONAS LIFESTYLE Activities: Serina is a very kind person that really cares for people around her. But sometimes she gets very demanding of her child and grandchildren.

THE PERSONA CHART FOR SERINA F. Age: 65 years old Caucasian female Occupation: Retired, store manager at Walgreens for 30+ years Homelife: • Mother, grandmother • Lives with children and grandchildren in a house Education: High School diploma and GED

Serina loves to volunteer for community events and cooking for her family. Her daily schedule is taking care of her little garden, housework, and playing with her grandchildren. Ultimate goal: Stay healthy and excersise as much as she can. USE AND INFORMATION NEEDS: Internet usage: • Uses the internet few times a week • Home desktop to research for health information • Finding reviews for local products • Shopping online • Connected to friends via social media and mobile phone

OVERVIEW

STYLE

CONCEPT

DESIGN

Internet competency: • Basic knowledge • Sometimes feels the web is too complicated to use Frustration with the Internet: • Register account • Anything that auto-plays • Text too small • No Contact Info or Phone Number • Content Slideshows What kind of information is hard to find: • Where local produscts are sold • Community events Customer needs: • Easy/simple navigation • good hierachy • Step by step introduction • Provide service • To get the best price possible with good value Quote: “With everything I do I just try to be happy”

13


USER PERSONAS LIFESTYLE Activities: Jason is a quiet person but very smart and friendly to others. He likes to work with individuals rather than with groups. Sometimes he gets very picky on what he buys and he also expects good quality equivalent to the amount he paid.

THE PERSONA CHART FOR JASON Age: 40 years old Caucasian male Occupation: Software Engineer at Microsoft Homelife: • Divorced • Single with no children • Living with a dog in a apartment. Education: Bachelor’s Degree in Computer Science

After work Jason enjoys his free time walking and playing with his dog. Besides that he also teaches himself new things at home and explores new technologies. He has a girlfriend but they only see each other on the weekend. He loves to play golf at least once a week for fun and relaxing. Ultimate goal: Jason wants to go back to school and get masters degree for a better position. USE AND INFORMATION NEEDS: Internet usage: • Checks e-mail at least several times a day • Uses desktop at work and laptop for home use • Connected to friends and family via social media • Rarely uses cell for texting, calls mostly

OVERVIEW

STYLE

CONCEPT

DESIGN

Internet competency: • Very good at using the Web and easyily finds the information he needs Frustration with the Internet: • Spam/scammers • Too much advertising • Sites wanting personal data • Not linking to the site you’re talking about • Using 500 words to say what could of been said in 50 • Full of misinformation What kind of information is hard to find: • New technologies information • Good website with trusted sources Customer needs: • Fast • Narrow research • Security • Insider information • Full details with main points Quote: “All my life my heart has yearned for a thing I cannot name”.

14


USER PERSONAS LIFESTYLE Activities: Michele is a very motivatived and friendly person. She is also very good at remembering other’s name even if she only meet them once. Everyone she knows has fun and relaxes around her.

OVERVIEW

STYLE

CONCEPT

DESIGN

Internet competency: • Working knowlege with computer and Internet

Frustration with the Internet: • Pop-up website/Spam • Slow upload and clunky websites • Shove advertising She spends her weekend on meeting up with • 30 second video ads for a friends, having dinner together and enjoying -30 second video time meeting new people, especially men to • Having to register an account to read, find her true love. She loves traveling around post a rating, review, comment, etc. THE PERSONA CHART the world once a year to explore and FOR MICHEL C. What kind of information is hard to find: Age: 33 years old Caucasian refresh her life. Even though she is busy with her schedule, she always try to attend • Local events/Festivals/Women’s female her yoga class three times a week and group activities hikes at least once a month. Occupation: Customer needs: Vice President of Sales for • Fast/quick results Mactus Group Redmond, WA Ultimate goal: Try to keep her body thin, and slim and • Good information wake up evermorning full of energy. • No personal information required Homelife: • Single, no children USE AND INFORMATION NEEDS: Quote: • Living by herself in a “I just find myself happy with the • fancy apartment in Internet usage: simple things. Appreciating the blessings • Redmond area • Keep track of e-mails every hour/working God gave me.” hours Education: • Use computer at work Bachelors degree in • Personal laptop for home use Economics • Connected to friends and family via social media • Uses texting to stay connected with friends/family via mobile device • Shopping online 15


SITE MAP

OVERVIEW

STYLE

CONCEPT

DESIGN

Diplay About Us

Contact Events Soap Bars

Home

Shop

Sprays

Display

Bath Goods

Purchase

Gift Ideas

Return Policy

Order Confirmation

Clearance

Blog

Footer: Social Media Links 16


WIREFRAMES

OVERVIEW

STYLE

CONCEPT

DESIGN

MAIN PAGE-DESTOP VIEW VIEW CART

LOGO ABOUT US

SHOP

BLOG

NEW PRODUCTS

<

>

SALE BANNER MORE INFO...

SOAP BARS

SPRAYS

BATH GOODS

GIFT IDEAS

CLEARANCE

SOAP BARS

SPRAYS

Full Page View 17


WIREFRAMES

OVERVIEW

STYLE

CONCEPT

DESIGN

PRODUCT DETAILS-DESTOP VIEW

VIEW CART

LOGO ABOUT US

SHOP

BLOG

NEW PRODUCTS

<

>

SALE BANNER MORE INFO...

SOAP BARS

SPRAYS

BATH GOODS

GIFT IDEAS

CLEARANCE

PRODUCT 1 $XXXX

Genditam eation ped mos et et re veleste sitasita inusandaes et auta nos sed que della dolupta inveliquid ut doloresequas que nu

SHIPPING STANDARD RETURN POLICY

ADD TO CART

SOAP BARS

18


WIREFRAMES

OVERVIEW

STYLE

CONCEPT

DESIGN

ABOUT US-DESTOP VIEW

VIEW CART

LOGO ABOUT US

SHOP

BLOG

ABOUT Faccus int. Minum accum vere as sam ut omnim nulluptas aliquae mo mollis digeniassi ommo errorporitis venditatus, tet aboria numque nit am, od et hari alitibusam, ipist, susda debis pedit voloribus et omnitas dolorem qui nobitasita velest lab in rae. Iliquid quibus non ratia ne qui aborpostibus ent.

CONTACT Ut velitatur rescia velest untiur? Qui tem aspitis doles ideri in rerum que

EVENTS Inulluptist offici cuscid exerum qui con enda sunt ut fugit ant esenimo luptatquiam simagnimos aut vit dolorit,Si que non erunt, core peditibus.

19


WIREFRAMES

OVERVIEW

STYLE

CONCEPT

DESIGN

BLOG PAGE-DESTOP VIEW

VIEW CART

LOGO ABOUT US

SHOP

BLOG

FREQUENTLY QUESTIONS Ci rem que vent utemquam et fugitio. Consequiam dit, tem aut as imus, ipsam experaes dolum quament oribus ipicium nihitibus. Iquod utem imodipsam, consectatur, sam, arcipsam eicipient velique nonsequ ibust, tempe

READ MORE...

INGREDIENTS Ci rem que vent utemquam et fugitio. Consequiam dit, tem aut as imus, ipsam experaes dolum quament oribus ipicium nihitibus. Iquod utem imodipsam, consectatur, sam, arcipsam eicipient velique nonsequ ibust, tempedipsam

READ MORE....

20


WIREFRAMES

OVERVIEW

STYLE

CONCEPT

DESIGN

MAIN PAGE-MOBILE VIEW

LOGO

ABOUT US SHOP

LOGO

BLOG

ABOUT US SHOP BLOG

SLIDER SALE BANNER

SLIDER SALE BANNER

SOAP BARS

SOAP BARS

21


WIREFRAMES

OVERVIEW

STYLE

CONCEPT

DESIGN

PRODUCT DETAIL PAGE-MOBILE VIEW

LOGO PRODUCT 1

ABOUT US SHOP BLOG

LOGO

$XXXX

ADD TO CART

SHOP BLOG

Genditam eation ped mos et et re veleste sitasita inusandaes et auta nos sed que della dolupta inveliquid SHIPPING STANDARD RETURN POLICY

ABOUT US

PRODUCT 1 $XXXX Genditam eation ped mos et et re veleste sitasita inusandaes et auta nos sed que della dolupta inveliquid ut doloresequas que nu SHIPPING STANDARD RETURN POLICY

ADD TO CART

22


WIREFRAMES

OVERVIEW

STYLE

CONCEPT

DESIGN

ABOUT US PAGE-MOBILE VIEW

LOGO ABOUT

ABOUT US SHOP BLOG

LOGO

Faccus int. Minum accum vere as sam ut omnim nulluptas aliquae mo mollis digeniassi ommo errorporitis venditatus, tet aboria numque nit am,Et at. Lecero cuptas esequo volore lab illique nimaio bere namenis core

ABOUT

non nihit et quis et ipit, soluptio et dolupti orporioratis minveles dolorem re sum restium consequi tem rem alibusdam

non nihit et quis et ipit, soluptio et dolupti orporioratis minveles dolorem re sum restium consequi tem rem alibusdam custo qui quis ut debita nis parum, se expel ipsunt, es

CONTACT

EVENTS

Veliquatas sant et moEperuptat dolor aut voluptatur sit quia

Veliquatas sant et moEperuptat dolor aut voluptatur sit quia dolestion nes volupta

ABOUT US SHOP BLOG

Faccus int. Minum accum vere as sam ut omnim nulluptas aliquae mo mollis digeniassi ommo errorporitis venditatus, tet aboria numque nit am,Et at. Lecero cuptas esequo volore lab illique nimaio bere namenis core

CONTACT

Veliquatas sant et moEperuptat dolor aut

EVENTS Veliquatas sant et moEperuptat dolor aut voluptatur sit quiaUcienissed qui as ra cus aborestrum licimai orporitem entorrovit que dolorep eratur,

23


WIREFRAMES

OVERVIEW

STYLE

CONCEPT

DESIGN

BLOG PAGE-MOBILE VIEW

ABOUT US

LOGO

SHOP

FREQUENTLY QUESTIONS Ci rem que vent utemquam et fugitio. Consequiam dit, tem aut as imus, ipsam experaes dolum quament oribus ipicium nihitibus. Iquod utem imodipsam, consectatur, sam, arcipsam eicipient velique nonsequ ibust, tempe

READ MORE...

BLOG

ABOUT US

LOGO

SHOP

FREQUENTLY QUESTIONS Ci rem que vent utemquam et fugitio. Consequiam dit, tem aut as imus, ipsam experaes dolum quament oribus ipicium nihitibus. Iquod utem imodipsam, consectatur, sam, arcipsam eicipient velique nonsequ ibust, tempe

INGREDIENTS Ci rem que vent utemquam et fugitio. Consequiam dit, tem aut as imus, ipsam experaes dolum quament oribus ipicium nihitibus. Iquod utem imodipsam, consectatur, sam, arcipsam eicipient velique nonsequ ibust, tempedipsam READ MORE...

READ INGREDIENTS

MORE...

BLOG

Ci rem que vent utemquam et fugitio. Consequiam dit, tem aut as imus, ipsam experaes dolum quament oribus ipicium nihitibus. Iquod utem imodipsam, consectatur, sam, arcipsam eicipient velique nonsequ ibust, tempedipsam READ MORE...

24


LOGO PROCESSING

OVERVIEW

STYLE

CONCEPT

DESIGN

SKETCHES FOR PRODUCT LOGO

25


LOGO PROCESSING

OVERVIEW

STYLE

CONCEPT

DESIGN

LOGO SIMPLIFICATION FOR WEBSITE

26


LOGO PROCESSING CHOSEN FONTS:

OVERVIEW

STYLE

CONCEPT

DESIGN

CHOSEN LOGOS:

Soapworks Studio Soapworks studio

100% Organic JUST FOR YOU

SOAPWORKS STUDIO SOAPWORKS STUDIO Soapworks Studio

100% Organic JUST FOR YOU

100% Organic 100%

JUST FOR YOU Organic JUST FOR YOU

100% Organic JUST FOR YOU

100% Organic JUST FOR YOU

100% Organic JUST FOR

100% SOAPWORKS Organic

STUDIO JUST FOR YOU

SOAPWORKS STUDIO

100% Organic SOAPWORKS

JUST FOR YOU STUDIO

27


FINAL LOGO FINAL FONTS:

OVERVIEW

STYLE

CONCEPT

DESIGN

FINAL LOGOS:

Soapworks Studio Soapworks studio Soapworks Studio

SOAPWORKS STUDIO

100% Organic JUST FOR YOU

28


PACKAGE PROCESSING

OVERVIEW

STYLE

CONCEPT

DESIGN

SKETCHES:

29


PACKAGE PROCESSING

OVERVIEW

STYLE

CONCEPT

DESIGN

CHOSEN PACKAGES:

30


PACKAGE FINAL

OVERVIEW

STYLE

CONCEPT

DESIGN

FINAL PACKAGES:

31


HIFI COMPS

OVERVIEW

STYLE

CONCEPT

DESIGN

MAIN PAGE-DESKTOP VIEW

VIEW CART

SOAPWORKS STUDIO ABOUT US

SHOP

BLOG

4 BARS ONLY FOR $16.00 MORE INFO...

SOAP BARS

SPRAYS

BATH GOODS

GIFT IDEAS

CLEARANCE

SOAP BARS

SPRAYS IMAGE

32


HIFI COMPS

OVERVIEW

STYLE

CONCEPT

DESIGN

MAIN PAGE-FULL SIZE DESKTOP

33


HIFI COMPS

OVERVIEW

STYLE

CONCEPT

DESIGN

PRODUCT DETAIL PAGE-DESKTOP VIEW

VIEW CART

SOAPWORKS STUDIO ABOUT US

SHOP

BLOG

4 BARS ONLY FOR $16.00 MORE INFO...

SOAP BARS

SPRAYS

BATH GOODS

GIFT IDEAS

CLEARANCE

LEMON SOAP $4.25

Genditam eation ped mos et et re veleste sitasita inusandaes et auta nos sed que della dolupta inveliquid ut doloresequas que nu

SHIPPING STANDARD RETURN POLICY

ADD TO CART

SOAP BARS

34


HIFI COMPS

OVERVIEW

STYLE

CONCEPT

DESIGN

ABOUT US-DESKTOP VIEW

VIEW CART

SOAPWORKS STUDIO ABOUT US

SHOP

BLOG

ABOUT

ABOUT US

Faccus int. Minum accum vere as sam ut omnim nulluptas aliquae mo mollis digeniassi ommo errorporitis venditatus, tet aboria numque nit am, od et hari alitibusam, ipist, susda debis pedit voloribus et omnitas dolorem qui nobitasita velest lab in rae. Iliquid quibus non ratia ne qui aborpostibus ent.

CONTACT

EVENTS

Ut velitatur rescia velest untiur? Qui tem aspitis doles ideri in rerum que

Inulluptist offici cuscid exerum qui con enda sunt ut fugit ant esenimo luptatquiam simagnimos aut vit dolorit,Si que non erunt, core peditibus.

35


HIFI COMPS

OVERVIEW

STYLE

CONCEPT

DESIGN

BLOG PAGE-DESKTOP VIEW

VIEW CART

SOAPWORKS STUDIO ABOUT US

SHOP

BLOG

FREQUENTLY QUESTIONS Ci rem que vent utemquam et fugitio. Consequiam dit, tem aut as imus, ipsam experaes dolum quament oribus ipicium nihitibus. Iquod utem imodipsam, consectatur, sam, arcipsam eicipient velique nonsequ ibust, tempe

READ MORE...

INGREDIENTS Ci rem que vent utemquam et fugitio. Consequiam dit, tem aut as imus, ipsam experaes dolum quament oribus ipicium nihitibus. Iquod utem imodipsam, consectatur, sam, arcipsam eicipient velique nonsequ ibust, tempedipsam

READ MORE...

36


HIFI COMPS

OVERVIEW

STYLE

CONCEPT

DESIGN

MAIN PAGE-MOBILE VIEW

SOAPWORKS STUDIO

SALE BANNER

ABOUT US SOAPWORKS STUDIO

SHOP

SALE BANNER

BLOG SOAP BARS

SOAP BARS

ABOUT SHOP BLOG

37


HIFI COMPS

OVERVIEW

STYLE

CONCEPT

DESIGN

PRODUCT DETAIL PAGE-MOBILE VIEW

SOAPWORKS STUDIO

LEMON SOAP $4.25

Genditam eation ped mos et et re veleste sitasita inusandaes et auta nos sed que della dolupta inveliquid SHIPPING STANDARD RETURN POLICY

ADD TO CART

ABOUT US SOAPWORKS STUDIO

SHOP

ABOUT SHOP

BLOG

BLOG LEMON SOAP $4.25 Genditam eation ped mos et et re veleste sitasita inusandaes et auta nos sed que della dolupta inveliquid ut doloresequas que nu SHIPPING STANDARD RETURN POLICY

ADD TO CART

38


HIFI COMPS

OVERVIEW

STYLE

CONCEPT

DESIGN

ABOUT US-MOBILE VIEW

SOAPWORKS STUDIO

ABOUT Faccus int. Minum accum vere as sam ut omnim nulluptas aliquae mo mollis digeniassi ommo errorporitis venditatus, tet aboria numque nit am,Et at. Lecero cuptas esequo volore lab illique nimaio bere namenis core non nihit et quis et ipit, soluptio et dolupti orporioratis minveles dolorem re sum restium consequi tem rem alibusdam

CONTACT

Ut velitatur rescia velest untiur? Qui tem aspitis doles ideri in

EVENTS

Inulluptist offici cuscid exerum qui con enda sunt ut fugit ant esenimo luptatquiam simagnimos aut vit dolor

ABOUT US SHOP BLOG

SOAPWORKS STUDIO

ABOUT Faccus int. Minum accum vere as sam ut omnim nulluptas aliquae mo mollis digeniassi ommo errorporitis venditatus, tet aboria numque nit am,Et at. Lecero cuptas esequo volore lab illique nimaio bere namenis core

ABOUT SHOP BLOG

non nihit et quis et ipit, soluptio et dolupti orporioratis minveles dolorem re sum restium consequi tem rem alibusdam custo qui quis ut debita nis parum, se expel ipsunt, es

CONTACT Ut velitatur rescia velest untiur? Qui tem aspitis

EVENTS Inulluptist offici cuscid exerum qui con enda sunt ut fugit ant esenimo luptatquiam simagnimos aut vit dolor

39


HIFI COMPS

OVERVIEW

STYLE

CONCEPT

DESIGN

BLOG PAGE-MOBILE VIEW

ABOUT US

SOAPWORKS STUDIO

FREQUENTLY QUESTIONS Ci rem que vent utemquam et fugitio. Consequiam dit, tem aut as imus, ipsam experaes dolum quament oribus ipicium nihitibus. Iquod utem imodipsam, consectatur, sam, arcipsam eicipient velique nonsequ ibust, tempe

READ MORE...

INGREDIENTS Ci rem que vent utemquam et fugitio. Consequiam dit, tem aut as imus, ipsam experaes dolum quament oribus ipicium nihitibus. Iquod utem imodipsam, consectatur, sam, arcipsam eicipient velique nonsequ ibust, tempedipsam READ MORE...

SHOP BLOG

ABOUT

SOAPWORKS STUDIO

FREQUENTLY QUESTIONS Ci rem que vent utemquam et fugitio. Consequiam dit, tem aut as imus, ipsam experaes dolum quament oribus ipicium nihitibus. Iquod utem imodipsam, consectatur, sam, arcipsam eicipient velique nonsequ ibust, tempe

READ INGREDIENTS

MORE...

SHOP

BLOG

Ci rem que vent utemquam et fugitio. Consequiam dit, tem aut as imus, ipsam experaes dolum quament oribus ipicium nihitibus. Iquod utem imodipsam, consectatur, sam, arcipsam eicipient velique nonsequ ibust, tempedipsam READ MORE...

40


PROTOTYPE LINKS Desktop: https://marvelapp.com/30ea68#2662193 Tablet https://marvelapp.com/6gbh7g#2661824 Phone: https://marvelapp.com/176afe6#2662220

41


BIBLIOGRAPHY ​http://www.freepik.com/index.php?goto=74&idfoto=737634 http://www.soapworksstudio.com/catalog/item/1367519/835086.htm http://galoshining.deviantart.com/art/hand-drawing-watercolor-plants-lavender-407435269 https://www.etsy.com/shop/EmilysHandmadeSoaps?ref=l2-shopheader-name http://www.brambleberry.com/ https://squareup.com/market/sometyme-place http://www.yelp.com/seattle https://squareup.com/market/sometyme-place http://foodfolk.net/olive-oil-faq/olive-oil-quality/ http://hellonatural.co/diy-hand-sanitizer-antiseptic-skin-spray-lavender-aloe/ http://hellonatural.co/vanilla-clove-body-oil-spray/ http://www.sheknows.com/parenting/articles/816466/10-simple-baby-care-tricks-mom-never-told-you-1 http://www.theidearoom.net/2013/02/handmade-soap-recipes.html https://brightnest.com/posts/make-your-own-soap-in-4-simple-steps-tackle-soap-scum https://www.pinterest.com/offsite/?token=770-741&url=http%3A%2F%2Fgluesticksblog. com%2F2013%2F04%2Fhomemade-poppy-seed-soap-recipes.html http://www.sustaincreateandflow.com/herbal-body-spray/ https://www.pinterest.com/pin/104427285082191377/ http://www.flickr.com/photos/naiadsoaparts/2572406488/ http://commons.wikimedia.org/wiki/File:IPad_3.png http://www.dreamstime.com/royalty-free-stock-image-texture-series-white-paper-flowers-image308336

42


CONCLUSION Because these shops are small with lower budgets, their websites look really plain and disorganized, with nothing in high quality. The point is to draw attention of the consumer to what they will get, and not to get the consumer to experience the entire store. Now days people are not only looking for the ingredient and quality of the product but also the outward appearance. Why should they spend money on the small online shops with similar product that they could get in the big retail stores, even with more inexpensive and various types/kinds that may look better. The most important fact is two out of three shops are focusing too much on the details and introductions of the store, and they forgot to show the customer what products they have on the home page. People like to see things first before they give it a try and discover it!

43


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.