09.2013
website redesign proposal prepared for
SOAPWORKS studio by tiffany lin tiflin design
09.2013 contact
tiffany@tiflin.com
09.2013 website redesign proposal
table of contents Research
3 Industry Background 3 Ecommerce Best Practices : Product Pages
Project Statements 4 Soapworks Background 4 Target Audience 4 Objectives 4 Media Design Proposal 5 Site Map 6 Styles : Logos, Buttons,
Images, Colors, Type
8 Wireframes 12 Hi Fidelities + Mobile 16 Mockups 18 Project Budget 19 Project Timeline 20 Sources
2
by tiffany@tiflin
09.2013 website redesign proposal
by tiffany@tiflin
research
industry background “The handcrafted soap and cosmetic industry is a comprised of small microbusinesses. These microbusinesses are largely women-owned companies (over 95%) that average 1-3 employees. While the size of each handcrafted soap and cosmetic microbusiness is quite small, the number of these companies well exceeds 250,000 nationwide and industrywide employment estimates are over 750,000.” (From the Handcrafted Soap and Cosmetic Guild)
ecommerce best practices product pages 1. Include Product Reviews:
5. Have Strong Product Copywriting:
61% of customers read online reviews before making
Good sales copy not only has SEO benefits, but also
a purchase decision, while 63% of customers are more
allows retailers to add a more personal touch and use
likely to make a purchase from a site which has user
a unique tone of voice. This can help your product
reviews, according to stats from iPerceptions.
pages stand out from the rest and really sell the benefits of products.
2. Have Various Views of Product Images. 6. Urgency 3. Use Video:
It can help to create a sense of urgency in the customer’s
Video works as a sales driver, as it allows consumers
mind. If they are considering a purchase, and know
to gain a clearer idea of products, see them in use, and
that there are just a few items left, or they can get next
from different angles.
day delivery if they order quickly, then this can tip them towards the checkout.
4. Show Me The Delivery/Returns Info:
7. Make Sure They’re Quick
How much delivery will cost, and how easy it is to
If you follow the advice here and add videos, multiple
return is a big part of the purchase decision for
images, customer reviews and so on, then there is a risk
customers. Don’t make them work too hard to find it.
that pages will become bloated and slow to load.
3
09.2013 website redesign proposal
project statement
soapworks background Heidi Risse has been handcrafting bath and care products in her Beacon Hill, Seattle studio for over 16 years, creating high quality, natural, seasonal products. Her passion for small batch products keep her company profile at a local and personal level. Heidi’s one-person business is passionate about the personal touches of a local establishment and with a renewed online presence she hopes to streamline, grow, and explore the community potential her products produce.
target audience Soap Works Studio customers want to own specialized, high quality, and unique products. They are generally female taking a break from their work day and visiting shopping sites to find something special for themselves.
objectives Heidi wants to optimize her online sales system, including incorporating sales tax and shipping costs to her e-commerce solution. She would like to increase web traffic from internet searches by 20% and generate a more personal and consistent, engaging dialogue with her customers on her blog. She would also like to add facebook and twitter integration to her site.
media Media elements include: •
Use of large clear photos of products with home environments.
•
Typography and words to generate moods
•
Clear consistent copy focusing on seduction of the
•
senses, and adventure.
4
by tiffany@tiflin
09.2013 website redesign proposal
by tiffany@tiflin
site map
home main navigation
top sub navigation
Shop Product List Dropdown(6) Storefront Gallery
FAQ
Come Visit Show List
Search Results page. Catagorized by item/article
News Letter Opt In Dropdown w/ form
Map
Login/Register
Mini Calendars
Dropdown w/ returning user form
Search Bar
New user button New User Profile Creation Page
Philosophy
Cart
Blog Article Preview (10) SIDE BAR
Cart
Checkout Other Items of Interest Side Bar (3)
Search
Category Filter
Twitter Feed
Facebook Like
Article List
Contact Message form Contact Info
footer Address/ Contact Info
Menu List
Social Icons (2)
Main Nav + FAQ
Come Visit Upcoming Show List (3)
5
Copyright Info
09.2013 website redesign proposal
styles
logos
buttons
images
6
by tiffany@tiflin
09.2013 website redesign proposal
by tiffany@tiflin
styles
colors
#35B191
#EB7333
#958C7E
#F8CA4E
type
title subtitle
valentina, regular
arial narrow, bold
Fatback biltong shankle turkey hamburger pork loin. Filet mignon short ribs pancetta pork loin drumstick shankle swine rump shank. Ham meatball tri-tip turkey turducken ribeye andouille doner chuck pig biltong salami bresaola jowl. Prosciutto shankle turducken cow frankfurter.
7
arial, regular
#F7F0CF
09.2013 website redesign proposal
wireframes home page
8
by tiffany@tiflin
09.2013 website redesign proposal
wireframes storefront
9
by tiffany@tiflin
09.2013 website redesign proposal
wireframes about page
10
by tiffany@tiflin
09.2013 website redesign proposal
wireframes blog
11
by tiffany@tiflin
09.2013 website redesign proposal
hi fidelity
+mobile
home page
12
by tiffany@tiflin
09.2013 website redesign proposal
hi fidelity
+mobile
storefront
13
by tiffany@tiflin
09.2013 website redesign proposal
hi fidelity
+mobile
about page
14
by tiffany@tiflin
09.2013 website redesign proposal
hi fidelity
+mobile
blog
15
by tiffany@tiflin
09.2013 website redesign proposal
mockups home page
16
by tiffany@tiflin
09.2013 website redesign proposal
mockups storefront
17
by tiffany@tiflin
09.2013 website redesign proposal
quote
Initial Elements Consulting (15 x $45 /hr)
$ 675.00
Database (18 x $45 /hr)
$ 810.00
User / Administrator Use Cases (8 x $45 /hr)
$ 360.00
Research (12 x $45 /hr)
$ 540.00
Creative Elements Site Template Designs (74 x $45 /hr)
$ 3330.00
Technical Elements E-Commerce Core (100 x $45 /hr)
$ 4500.00
Category Management (10 x $45 /hr)
$ 450.00
Tax / Shipping (12 x $45 /hr)
$ 540.00
Order Tracking / History (22 x $45 /hr)
$ 990.00
Administrative Core (44 x $45 /hr)
$ 1980.00
HTML / CSS Authoring (64 x $45 /hr)
$ 2880.00
Total Estimate
$ 16605.00
18
by tiffany@tiflin
09.2013 website redesign proposal
by tiffany@tiflin
timeline The timeline chart below outlines the budget, milestones,
Our process begins with a discovery phase where we plan
and procedure we will follow to complete this project. We
everything clearly, then a creative phase where all visual el-
follow a four phase process to ensure customer satisfaction ements are designed and approved, then a technical phase and project efficiency;
where the visual elements are brought to life, and finally a review and testing phase.
Discovery Phase Creative Phase Technical Phase Review Phase
Week 10
Week 12
Modules XHTML / CSS Templates Ready Programmed
Interface Connected Beta Testing Begins
Testing Complete
Deliverables:
Deliverables:
Site Launched
Week 1
Weeks 2 & 3
Weeks 3 to 6
Weeks 6 & 7
Agreement to Begin Work
Information Architecture Complete
Visual Elements Designed
Deliverables: signed contract
Deliverables:
Deliverables:
admin site map user site map info architecture
home page design category design product listing design product detail design
home page html category html product listing html product detail html my cart html checkout html
19
Weeks 7 to 9
Deliverables: tax / shipping order tracking / history email notifications coupon / price groups custom price groups excel import
upload pdf categories tax / shipping order tracking / history email notifications coupon / price groups custom price groups excel import
09.2013 website redesign proposal
bibliography Awwwards Team. “20 of the Very Best E-Commerce Web Sites.” Apr, 2012 http://www.awwwards.com/20-of-the-very-best-e-commerce-web-sites.html Charlton, Grahm. “70+ epic ecommerce best practice tips, stats, blog posts and more.” May 2013 http://econsultancy.com/us/blog/62705-70-epic-ecommerce-best-practice-tips-stats-blog-postsand-more iKantam. “Top 1000 Best Health and Beauty Companies.” 2013 http://www.ikantam.com/ecommerce/companies?industry=health-beauty Alexa. “The Web Information Company.” 2013 http://www.alexa.com/ The Handcrafted Soap and Cosmetic Guild http://www.soapguild.org/
20
by tiffany@tiflin