520 proposal v2

Page 1

1


table of contents

2

who + what

4

project overview

14

design plan

15

target audience

16

competitive analysis

20

branding

32

user scenarios

34

information architecture

36

wire frames

38

visual mock-ups

41

marketing + production plan

44

timeline

46

summary

48

hello, nice to meet you. 3


who we are

what we do

real people. real results.

the user. the experience.

520 collective is a first class

520 collective recognizes that

digital agency specializing in

your users are your business.

brand identity, user experi-

Whether it’s a new brand

ence, user interface design,

identity for a budding start

and social media marketing.

up or a full comprehensive

With an international team

digital experience for the web

of creatives experienced in

or mobile, user satisfaction

both traditional and new

is our number one priority.

media, our user centric team

Form and function are on

provides the highest quality

an even playing field at 520

and most satisfying digital

collective, we believe they

experience there is to offer.

should propel each other for-

The problems we tackle are

ward and combine seamlessly

challenging and solutions we

for the most simple, intuitive,

develop are comprehensive,

and satisfying digital experi-

complete brand identities

visceral, and one of a kind.

ence the user can have.

research and testing

services include

What is good for the cus-

marketing strategies

tomer is good for a successful

social media campaigns

business.

user experience design user interface design visual design web design web development mobile app development heuristic evaluations consulting

4

5


peter niemeier

jesse sobol

CEO project manager

partner project manager

past experience 15+ years

past experience 12+ years

Peter has successfully imple-

As project manager for AG

mented the vision of several

Interactive (a division of

Bay Area tech companies.

American Greeting) for 3

Not only does he dedicate

years, Jesse worked closely

himself to participating in

with Def Jam, Univision, and

endeavors that consistently

Sports Illustrated to develop

push the envelope, but he

and successfully implement

also has several pet projects

their online and mobile

that he works on in his spare

presences. He then became

time. He enjoys many aspects

a graphic designer, art direc-

of multimedia but focuses his

tor, and project manager

energy on tight user experi-

for Bright Strategic Design

ences and unexpected de-

before deciding to follow his

signs that are as captivating

entrepreneurial spirit and

as they are useful to the user.

start the cutting edge, eco

Peter always sees to it that

Peter has combines degrees

conscious, street wear brand

Jesse’s role as the Project

the company communicates

in Public Relations with Web

Endemic. As co-founder and

Manager is to plan, execute,

and acts with one voice. He

design which has allows him

creative director, Jesse led

and finalize projects accord-

maintains a positive operat-

to market the product in the

the development of Endem-

ing to tight deadlines and

ing environment and serves

right way and to ensure that

ic’s brand identity through

within budget. This includes

as the face of the company

the design meets the needs

the company’s apparel

acquiring resources and

when interacting with local

of his target audience.

designs, Web site design,

coordinating the efforts of

and international media. With

and promotional materials,

team members day-to-day

a high sense of moral and

priding itself on user experi-

operations of the project

corporate responsibility, Peter

ence and interactivity.

and must supervise all

company roll

company roll

ensures that the company

employees assigned to the

does not lose sight of its

task, as well as any outside

mission statement and that we deliver on our promise to provide world-class design skills and methodology to our

Nothing is more satisfying than

The user is central, everything

delivering measurable, long-

we hope to achieve is driven

in order to deliver projects

lasting results for our clients.

by user needs and desires.

he also defines the project’s

contractors or consultants on time. As Project Manager

clients. He regularly evaluates

objectives and oversee

individual project progress to

quality control.

ensure milestones are met on time and within budget.

6

7


jason kuan

xuner liu

marketing manager research

marketing VP research

past experience 10+ years

past experience 10+ years

Jason has spent over 10

XunEr has worked with high-

years in the fashion industry.

level brands including Apple,

He is an innovative manager

MasterCard, and HM and

with experience in social

has a proven track record

media, marketing, branding,

in completing projects and

corporate strategy, public

delivering results on time

relations, creative direction,

and on target. Xuner has

and the implementation of

extensive market research

critical business initiatives to

experience in a variety of in-

create sustainable competi-

dustries including insurance,

tive advantages.

market research consulting, branding and design.

company roll

company roll

Jason’s role as the marketing

XunEr’s role as the VP of

manger is to lead our market-

marketing is to oversees

ing team in doing its qualita-

qualitative and quantitative

tive and quantitative research,

research processes, includ-

including, but not limited

ing, but not limited to,

to, needs assessments, new

needs assessments, new

product ideation, customer

product ideation, customer

feedback and satisfaction,

feedback and satisfaction,

competitive assessment, and

competitive assessment,

market sizing.

and market sizing.

People only have an idea of

The seeker embarks on a

what they want, it’s our job to

journey to find what he wants

actualize and refine that idea.

and discovers, along the way, what he needs.

8

9


company roll

bei yan

yingjie zhu

UX and UI visual designer

UX and UI art director

past experience 8+ years

past experience 10+ years

Bei has over 8 years experi-

Zhu has over 10 years of

ence in the fields of visual

experience in the fields of

design and user experience

graphic design, exhibition

design. She’s lead design

design, visual communica-

teams in the areas of web and

tion, and fine art. She has

mobile for a variety of clients.

directed visual and UX

She creates and explores new

teams on projects for the

ways of integrating western

web, mobile, print, and large

and eastern culture in the

scale digital exhibition. She

design process and believes

is involved from the projects

that good use experience

conception all the way

design can help people be

through final implementa-

more productive and relaxed

tion. She thinks good design

in their day to day life.

can become real life and higher than life.

company roll

As a visual and user experi-

Yingjie Zhu is the company

ence designer, Bei is re-

Art Director. Artists may

sponsible for creating brand

create specific illustrations

identities, user interface

and readings, but the art

patterns, wireframes, visual

director is the chief over-

mockups, and final render-

seer. She’s got to deal with

ings. She also helps to define

the client, the programmers,

the information architecture,

the designers, the project

user task flows and facilitates

manager, and anyone else

user testing with the market-

involved in the project. All

ing and research teams.

of these people contribute

The most important aspect

10

Detail decides value.

their insight and talent, and it’s her job to make sure

of design to make people feel

that the end result remains

happy and enjoy their life.

concept as possible.

as closely related to your

11


heather tompkins editor copywriter

past experience 10+ years Heather has been writing copy and making companies both big and small sound fantastic for a very long time. A Harvard

now,

English major, she began her humble beginnings in the university editing lab, helping her fellow students with their writing assignments. She has since turned making people sound truly amazing into a full blown career with a double masters in advertising and

company roll

design from RISD. No matter the idea you are trying on con-

Heather is the leader in copy

vey, Heather has a knack for

writing and developing a co-

boiling down the essence into

hesive and catchy voice. She

a simple, understandable, and

works closely with the rest of

punchy set of sentences. Oh,

the design team to develop

and did we mention? She can

and refine the company voice

design your new words, too.

along side the brand and identity building. She also aids in the graphics design and the typographic layout of presentations, websites, printed collateral, and marketing media. When it comes to the written word, she has the final say.

12

The power of good language can be transformative.

let’s get started. 13


project overview

design plan

competitive edge

social media

web

We will embrace social media

The website will be a mod-

FashLab as the leader of cus-

FashLab offers a custom

through various avenues,

ern and slick design that

tom clothing design online.

designing experience never

including the FashLab blog and

emphasizes the designers

We aim to generate brand

seen before on the web.

other external social media

artwork before product. It

awareness and loyalty, utilize

The one of a kind, extremely

services such as Facebook,

will be a hybrid of a clothing

social media as a marketing

innovative clothing design

Twitter, Pinterest, etc. The

store and a design portfo-

tool for the individual, and

widget developed by Fash-

blog will provide the site with

lio. Designers will be able

become a leading hang-out

lab’s engineering staff and

a steady stream of fresh and

to create custom clothing

for creative individuals, where

product team will revolu-

relevant content; an RSS feed

with FashLab’s state of

they are free and able to

tionize how designers and

of this content will appear

the art widget, but also

express themselves through

artists make and sell their

on the website’s index page.

promote their art and their

design and apparel.

own custom clothing. Free

The articles will grow with

own online store. After all,

project goals The main goal is to position

strategy

summary

the artwork and designers’

520 Collective’s strategy to

520 Collective’s mission is to

and will continue to attract

network will be the driv-

achieve maximum effective-

deliver FashLab a strategic

their pulse on the DIY and

commenters. Sign in will be

ing force behind sales and

ness includes:

design plan that will suc-

youth and designer culture.

underground design and art

compatible with Facebook and

the addition of new up and

by offering a rich and full

We will cultivate an at-

community. Our audience

Twitter, allowing users to share

coming designers.

user experience like never

mosphere of sharing and

likes taking things into their

and comment on their own or

before.

creativity through the site

own hands, crafting designs

others’ designs and easily link

design and functionality.

from scratch and sharing their

between accounts for real time

The branding and visual

work with others. They are

updates and live feeds. This

design that 520 Collective

hip, modern, and wildly inde-

will allow designers to trend

develops will be flexible,

pendent, preferring to speak

their work and help it go viral,

memorable, in tune with our

in their own voice, dress in

also increasing their sales and

core audience, and stand

their own clothes, and really

reviews.

the test of time. We will

letting their own personal

deliver a style guide that

style shine and evolve.

tone + feel

main audience

from constricting templates

The new FashLab will be hip,

Our target audience is young

the addition of new content

and color restrictions,

modern, functional, sleek,

adults, ages 18-35, with

Fashlab will confidently

and in tune with today’s

rise to the top of its filed

cessfully position them as • Target Audience analysis through interviews, surveys, and testing. • Creation of FashLab’s logo and style guide. • Web site creation – visual design, user experience design, development.

• Usability plan and user testing analysis.

new documents, materials,

• Marketing Plan.

Web site.

online fashion. Exhaustive research of FashLab’s competitors, target audience, and the fashion market will ensure FashLab’s success.

• Wireframes and hi-fidelity mockups prior to final design approval.

can be implemented with or additional sections to the

the leader in customizable

• Production Plan. • Post-launch services – reporting, temporary support. • Future plans for FashLab.

14

15


personas vanessa

background

user goals

Age: 27

Vanessa is a low-key

Occupation: barista,

creative individual living

fine artist

out her dream in San

• Be able to upload and manipulate her designs in a few easy steps

Location: San Fran-

Francisco. She is a barista

cisco, CA

at a well known coffee

Gender: female

shop by day, and by night

Status: single

she is a fine artist, working

Web Profile: experi-

with paint and design, at-

enced Web user

tending gallery openings,

Smart Phone Owner:

and dreaming of one day

no

making a living through her art. She has always

favorite stores

wanted to screen print her own shirts, but has no

• Buffalo Exchange • American Apparel • REI • Urban Outfitters • Etsy • Threadless

experience sourcing materials or marketing her work to a larger audience. Tight on cash, Vanessa is looking to dabble in apparel design without having to go through the trouble of purchasing shirts and

• Save her designs once she has finished uploading and manipulating

jackson

background

user goals

Age: 22

Jackson is an underground

Occupation: photogra-

artist and photographer

pher, street artist

currently making his

• Be able to upload and manipulate his designs in a few easy steps.

Location: Brooklyn, NY

art on the side while we

Gender: male

waits tables to pay the

Status: single

• Build a designer profile with saved settings

rent. However, his day job

Web Profile: experi-

doesn’t pay enough for

enced Web user

• Have her own market space with all of her work

Jackson to pursue his de-

Smart Phone Owner:

sign and art endeavours to

yes

their fullest. He’s looking

• Share her designs with friends and family • Reach a larger market than the folks she knows personally • Have no up-front costs • Not have to deal with printing, shipping, or the e-commerce back end

for an easy way to make a few extra bucks while

favorite stores

exercising his creativity. If he can help it, this new

• Uniqlo

side job will be flexible and

• Scotch & Soda

allow him to work on his

• Levis

own time while building

• Urban Outfitters • Gig Posters • Amoeba Music

his professional design portfolio.

• Save his designs for later manipulation. • Build a professional profile and portfolio. • Have his own online shop selling his custom work. • Share his designs via social media and have them go viral. • Reach a larger market and gain some design cred. • Get useful feedback from his design peers. • Build concrete relationships with other designers. • Have no out of pocket costs and to save money. • Not have to deal with printing, shipping, or the money handling.

hoodies in bulk and spending time and money on set up costs to doing her own printing.

16

17


sarah

background

user goals

Age: 18

Natesh is an ambitious and

Occupation: student

in charge young man who

• Create unique designs for himself and others.

• Save her designs once she has finished designing.

Location: Austin, TX

wants to pursue a career

Gender: male

as a graphic designer,

• Build a designer profile with custom settings.

Status: single, dating

he is currently deciding

Web Profile: moderate

which fine art University

• Have her own online portfolio with all of her work.

Web user

he wants to attend in the

Smart Phone Owner:

fall. His parents are very

yes

generous with his allow-

she has been approached

• The ability to have no minimum purchase.

by friends and strangers

• Have no up-front costs.

him to craft a wardrobe

alike to purchase some

• Have a number of clothing options to print on.

that is unique to his own

background

user goals

Age: 35

Working as an anesthesi-

Occupation: anesthesi-

ologist, Sarah has turned

• Be able to upload and manipulate her designs easily.

ologist

to jewelry and cloth-

Location: Los Angeles,

ing design as a creative

CA

outlet. After a long day

Gender: female

of keeping people alive

Status: single

while in surgery, she likes

Web Profile: experi-

to sit in her studio and

enced Web user

create. Over the years

Smart Phone Owner: yes

favorite stores

of her clothing designs, but was always under the

• Free People

impression that she had

• Express

order large quantities and

• Anthropology

that the cost would be too

• Bebe

natesh

much.

• Share and market her designs through social media channels.

ance and this enables

favorite stores

personal style. He gets a tremendous amount of

• Hurley

satisfaction when oth-

• Etnies

ers solicit him for fashion

• OBEY

advice. He likes to illustrate

• Volcom

• Diesel

• Pacific Sunwear

• Etsy

• Vans

and generates art on his PC using Photoshop, but

• Be able to quickly view variations of a pending designs. • Receive feedback from others regarding his creations. • Browse other users’ designs for inspiration. • Create designs from scratch using the widget. • To return to saved projects and make changes over time. • Receive product quickly once it is ordered. • Receive notifications when other people are viewing/ like his work.

doesn’t really know how to best apply these images to clothing, although he would like to.

18

19


competitive analysis

a brief overview of our in-depth analysis

Zazzle

Cafe Press

Custom Ink

Threadless

Etsy

Retail Store

Blog/Forum

News

Contact Us

FAQ

Help Tool

can create and share clothing

Terms of Use

designs. FashLab has identi-

Privacy Policy

fied the need for this service

Sort by Date

and created a revolutionary

Sort by Price

Member Subscription

Sales Promotion

Design Contests

Order Tracking

Home Page Featured Products

Design Uploads

Product Voting

Social Media Links

Newsletter

Print Art Ability

Online Design Widget

Products by Category

Best Sellers

Designer Profiles

Price Filter

Category Filter

Shop by Brand

Shop by Topic

Bread Crumb Navigation

the market today The marketplace is currently lacking a high-quality, creative, Web sites for fashionminded people where they

widget which allows clothing to be customized in ways previously unavailable to the general public.

20

the matrix

• •

• •

• • •

• •

21


site overview ZAZZLE is a Print-ondemand company that allows users to design and sell their own creations. Zazzle.com users can create a large variety of products from customized apparel to postage stamps. Users can also receive a commission on products that they sell and design themselves. Zazzle.com offers digital printing and embroidered decoration on their retail apparel items along with a few other personalization techniques and items.

pros

cons

bottom line

• Provide a marketplace, Users can put products on sale and have their own store.

• Clunky online tools for designing and editing.

ZAZZLE gives users a lot of

• Can’t send cards via postal mail to recipients, can only change ”shipping” address.

being customized—design,

• No undo button, only “revert to original.”

size, and layering of ele-

• Not restricted to template designs. Can create from a blank slate. • Affordable. Digitally printed t-shirts start at $14.95 with no minimum order. • Variety of products, from greeting cards to t-shirts to customized postage stamps.

control over the elements images, text—letting wouldbe designers alter the place, ments. However, the image editing program doesn’t give experienced users enough to work with, but still isn’t simple enough for beginners.

• 24 hours turn around time. • Solid delivery system, allows users track orders, safe shopping Guarantee. • Provide worldwide service, including in the UK, Canada, Australia, Japan, and Germany.

22

23


site overview CafePress is an online retailer of stock and usercustomized on demand products. The CafePress founded at 1999. This site allows users to sell custom products and merchandise through their blog. Users can either upload their own designs to be printed on products like T-shirts, mugs, bags, and more, or users can sell items with designs offered through CafePress. Users can even set up their own online store and fill it with the items they want to sell through CafePress.

pros

cons

bottom line

• It is very easy to upload and tag images.

• The size of the designs is limited.

Overall, CafePress offers a

• Mailing list features help users keep in touch with the customers.

• CafePress will time out if you have spent over a certain period of time on the site.

want to sell merchandise and

• The marketing plan at CafePress is very slick and polished, including affiliate memberships, and the CafeWish ads. • The base price is lower overall than ZAZZLE.

• A basic shop is very plain. Premium shops are more professional looking. • Users can only add up to 80 items to the online store and only 1 item from each product type. • CafePress offers a paid account where users can pay a monthly fee to open a premium store that can be highly customized and hold an unlimited number of products.

24

great option for users who make money from their blogs. While there is some debate over the quality of the items offered through CafePress, the same could be said of most online merchandise sites. While CafePress’s basic store options are more limited than the free options other online merchandise sites provide, the product selection is larger and more diverse. Each blogger must decide if the trade off is worth it to them or not.

25


site overview An online resource for creating various articles of clothing. Custom Ink supplies users with a variety of clipart graphics and fonts which are free to be used on any clothing created. They offer expedited shipping and are a light-weight and friendly site which has Canadian origins. They call their widget the “design lab” which seems to compete directly with FashLab would it not be for FashLab’s unique and amazing feature only available through their

pros

cons

bottom line

• Users can create their own profiles.

• Standard delivery time is 2 weeks.

Overall, Custom Ink offers a

• The site offers design templates.

• They do not have a shop where designs can be bought and sold.

want to buy custom design

• There is a minimum quantity on certain orders.

to do. It does not cater to the

• They do not cater to the one-off buyer. They are better suited for bulk orders.

tom Ink does not have a shop

• The design widget is fairly user friendly.

provide a section with

• Saved designs can be shared via social media.

design ideas which is

• All shipping is free.

sorted by categories and suggests various tried and

• They have a large variety of products.

true approaches to T-shirt

• Live chat help is available.

design widget. They also

design particularly.

26

great service for those who clothing in large quantities, as a sports team might want individual one-off buyer. Cuswhere individual items can be purchased, or designer profiles that can be customized or shared.

• They offer an extensive clip art and font library.

27


site overview Etsy is a marketplace where users can list crafts and items for sale which is greatly beyond the scope of just apparel. They also offer a blog as well as a community page where they have “Online Labs” focusing on various arts and crafts, events, forums, and teams are essentially groups for focus on products of a certain theme. They offer many resources such as videos about bring creating but they do not offer a way to design products and manufacture them directly on the site.

pros

cons

bottom line

• Seller/artists have their own detailed profile pages.

• Etsy is for goods already existing items, there is no way to create original clothing within the site.

Etsy is a great online DIY and

• Sellers have their own shops with a customized banner. • Each profile has social media and statistics easily viewable. • There is a huge range of items for sale, clothing and otherwise.

• Users must be registered, even to buy a single item. • There is no live chat among designers or shop owners.

handmade marketplace. The structure is different because each seller is filling their own orders and shipments. The customer reviews and rating system that is in place to validate each seller is great, but unnecessary for Fash Lab, which will take care of its own orders and shipments.

• Designers can join teams and be part of a larger artist community.

28

29


site overview They allow users to create and submit designs for purchase which include clothing but also items like iPhone cases, bags and pouches, and other accessories. They have awards and design challenges that excite the community and act as a catalyst to have new and quality designs generated. The community is quite developed with forums, designer interviews, and meet-ups. Although they offer templates for designs, there is no online design widget. Users are only able to submit designs to be voted on

pros

cons

bottom line

• Curated designs – higher quality of overall designs when browsing.

• Curated designs – User unable to design and buy their own content.

Threadless is a similar experi-

• Prizes for selected designs.

• Poor way of filtering through the large quantity of products.

munity of designers. How-

• Submit designs for critique prior to finalization. • Many different products available.

before they are actually

• Wholesale discounts.

approved and offered

• No Sales Tax in CA.

for sale on the site. The

• “Atrium” where partners with Threadless allows users to create designs which focus on social issues or licensed materials.

Threadless community votes for which designs are made for sale.

• Designs are limited to being submitted only via provided templates. • Little incentive to score and comment on designs looking to be made into products.

ence to FashLab in some aspects of creating a comever FashLab allows users to directly benefit by selling their designs, and they do not need permission from their community to do so. Also, the creation of the designs only occurs offline by downloading a template rather than using a graphical user interface directly on the site.

• Legitimate, authentic feeling.

30

31


branding

the logo

what we did 520 Collective conducted initial interviews with the FashLab founders and board members, as well as primary, secondary, and tertiary audience interviews and surveys to gather market and audience information. Through our extensive research into the competitive landscape, we were able to develop a highly targeted brand.

why we did it Our intent is to convey that FashLab is the most hip location on the Web for those interesting in designing incredibly advanced articles of clothing and participating in a community of knowledgeable, talented, and cooperative peers. Through our research and design we were able to identify touch on

inverted

color treatment

our audiences most unifying emotions and ideals around brand loyalty, insuring FashLabs continual success as it grows in the future.

32

33


user scenarios

the chart Importance

Stakeholder

Big

Personas 1

Designed a cool image for a T-Shirt.

A tool that allows the application of the image on a T-shirt.

Design widget that allows the application of the image to a T-shirt.

Big

Persona 4

A friend also wants to buy their design.

A way to share designs.

Ability to share designs via posting to various social media.

Big

Persona 4

Wants to remember a really interesting design that they found.

A way to find designs they had found in earlier sessions.

Function to mark a design as a favorite to be viewed in user profile.

Big

Persona 2

They want to comment on a particular design.

A way to post a comment specific to an individual design.

Comment log associated with individual designs. Filter function to sort designs by popularity algorithm and a counter representing total number of design views. Step by step instructions to creating and buying a design on the main page.

the key features The following user scenario

Situation

chart allowed us to develop a compressive overview of the Web site’s functionality and key features. Through

Potential Feature

Big

Persona 3

They are only interested in the most popular designs

A way to filter the designs by popularity and/or a way to identify popular designs at a glance.

Big

Persona 1

They just arrived at the site for the first time.

Something that explain the site succinctly.

Big

Persona 4

They only really like certain colors.

The ability to view Filter function to sort designs by color scheme. designs by color.

Big

Persona 1

Thinks that FashLab are experts in the realm of fashion.

See which designs have been given praise by FashLab staff.

Filter function to sort designs which have been flagged as a favorite of FashLab staff.

Big

Persona 2

They are in a hurry.

To complete transaction easily.

Allow the design to be added to the cart directly from the design page.

Big

Persona 1

Wants to be up to speed in regards to developments in fashion design.

A blog which features Access to current fashion entries related to fashion information curated by design and how new FashLab. designs can be crafted using FashLab.

Big

Persona 3

They are a frequent user of FashLab.

Access to newest information.

Big

Persona 4

They do not like re-entering their login credentials.

Big

Persona 2

our research and personas, we were able to develop a

User Needs

list of commonly used tasks and desired outcomes that will ensure the success of the website and satisfaction of FashLab users.

34

Default sort of designs by newest additions.

A “remember me” function To store login credentials to save user name and for future sessions. password. Function to associate They found a designer whose The ability to follow a designers with a particular designs they really like. particular designer. user profile. 35


information architecture a detailed look The following information architecture was designed

the flow

Home Page Gallery Filters

ACCOUNT INFO & CART CONTENTS

Check Out Pages & Prompts

Staff Picks

New

Most Comments

Most Likes

Shopping Cart Facebook Gallery Image

Designers, Profile, and Blog.

Product

Color

Theme

SHARE - Social Media Icons

with the 5 main Web pages in mind; Home, Create,

All

Twitter

Pinterest

HOME

By following the flow of the

Footer Links

chart you can begin to see the structure the Web site will

Main Nav

have as it pertains to these 5

Designers

Create

basic pages and see a handful

Blog

Save Draft

Adds Design to Draft Gallery

Add to Shop

Adds Design to Public Shop

DESIGNERS (profile gallery)

YOUR PROFILE (summary)

BLOG

SHOP

DRAFTS

Add to Closet

Designer Profile

Gallery Image

Adds Design to Private Gallery

Help

COMPANY INFO

HELP FORUM & LIVE CHAT

Sign Up/ Log In

Profile

of features the user will have.

CREATE (widget page)

Terms & Privacy

About

CLOSET

DESIGNER PROFILE & SHOP

POLICY & LEGAL INFO

Start A New Design

ACCOUNT INFO

SHARE - Social Media Icons Facebook

Twitter

Pinterest

PRODUCT PAGE SHARE - Social Media Icons

36

Post Comment

Add to Cart

Posts Comment to Page

Adds Design to Shopping Cart

Add to Favorites

Facebook

Twitter

Pinterest

Adds Design to Favorites Gallery

37


wireframes home structure + foundation

F

t

create log in

P

create

designers

0

blog

LOGO

F

t

profile log in

P

create

designers

0

blog

LOGO

search

search

How It Works

The following wireframes

SHOP TITLE

were designed with the 5

F

P

t

log in create

summary

upload

create

sell

account

START NEW DESIGN

buy

most popular

ing the flow of the chart you

newest

all

FILTERS

PROFILE

product

edit

DESIGN WIDGET

the Web site will have as pages and see a handful of

closet

NEW FROM YOUR FOLLOWED DESIGNERS

Shop, and Product. By follow-

it pertains to these 5 basic

shop

SHOP TITLE

mind; Home, Create, Profile,

can begin to see the structure

0

log

LOGO

drafts

Last Saved 12:00pm 7/27/2012

$

most used Web pages in

designersb

105

15

82

105

15

82

105

15

82

105

15

82

105

15

82

105

15

82

105

15

82

105

15

82

105

15

82

105

15

82

color 105

15

82

105

15

82

105

15

82

size

features the user will have.

STATISTICS theme

105

15

82

105

15

82

105

15

82

ADD TO CLOSET

SAVE DRAFT

SELL IN SHOP

Shirt Info 105

15

82

105

15

82

105

15

views

2569

likes

346

shares

198

followers

76

PRICE $20

YOUR BEST SELLING

105

15

82

available in colors

82

YOUR FOLOWERS available in sizes

DRAFTS 105

15

82

105

15

82

105

15

82

105

105

105

About | Help | Terms & Privacy

38

15

82

105

15

82

105

15

15

82

105

15

82

105

15

82

105

15

15

82

82

82

About | Help | Terms & Privacy

About | Help | Terms & Privacy

39


visual mockups shop F

t

P

product log in

create

designers

0

blog

LOGO

F

t

home log in

P

create

designers

0

blog

LOGO

search

search

SHOP TITLE - shirt title

SHOP TITLE

PRICE $20 color

105

15

82

105

15

82

105

15

size

82

quantity PROFILE

Add to cart 105

15

82

105

15

82

105

15

82

Shirt Info

Ft

WEBSITE

105

15

82

105

15

82

105

15

105

15

82

P

82

CONTACT

MORE FROM THIS DESIGNER

FOLLOW Ft

P 105

15

82

105

15

82

105

15

82

105

15

82

105

15

82

105

15

82

105

15

82

105

15

82

105

15

82

105

15

82

SIMILAR TO THIS DESIGN

105

15

82

105

15

82

105

15

82

105

SIMILAR TO THIS DESIGNER

15

82

COMMENT

105

About | Help | Terms & Privacy

40

15

82

105

15

82

105

15

82

POST About | Help | Terms & Privacy

41


42

shop

profile

create

product

43


marketing + production plan purpose

goals

social media plan

web plan

Our website strives to be

• Increase FashLab sales revenue.

FashLab wishes to capitalize

The FashLab website will con-

on the explosion of the social

stitute a valuable resource to

• Create new site content.

networking age. Using social

potential customers by listing

media such as Facebook and

events, fashion news, and the

• Broaden and diversify search traffic by expanding keyword coverage.

Twitter, users will be able to

design gallery. The website

share their creations with

will sell items directly, and will

friends and family. This will help

feature a T-shirt design wid-

raise awareness and sell prod-

get for customers to create

uct as the users do much of the

their own design. Customers

heavy lifting as they leverage

will be able to sell and buy

the sharing options which are

their custom designed clothes

available. 520 Collective will

easily through the website

perform search engine opti-

itself. Services include:

the market leader in providing customized apparel and products and provide the most sophisticated design widget to individual designers and organizations alike. We strive to build a strong customer base by insuring the designers voice can flourish and be heard through the use of the FashLab Web site and design tools.

• Provide new revenue streams through the personal online store system.

core strategy Our professionally designed

market description

and easy to navigate website

• Ages 18–35

mization, implement an RSS

follows the trusted feel of

• Male and Female

feed and blog, and increase

our entire site network, with

• Geography: North America, Europe, and China.

visibility with launch events and

• Primary languages: English and Chinese.

online and in print media.

an emphasis on usability and content. We highlight what visitors want the most, and strive to make the information they seek as accessible as possible.

strategic marketing placements

• Domain name and site hosting, scaling with site growth as needed. • Email accounts for all FashLab employees and department aliases such as customer service and internal teams. • Search engine optimization (SEO) services. • User tracking and statistic data to drive future site enhancements.

future considerations • Potential to refine UI or task flows based on user patterns. • Development of iPhone and iPad applications which utilize the design widget and faithfully adhere to FashLabs brand, while being tailored to the app experience. • Expansion to other countries and available shipping.

• Comprehensive FAQ and help materials for both the storefront and for internal FashLab use. • Merchant services including major credit cards and PayPal. • Flexible shopping cart functionality. 44

45


timeline

User Experience Design Front End Development

Meetings Wireframe review Design review Sliced template review User Experience Research Content Review User Personas Site Map Wireframes Visual Design Mood Boards Home Page Subpage Media/Flash/Animation Front End Development Slice Content migration Implementation Launch

week 01

46

week 02

week 03

week 04

week 05

week 06

week 07

week 08

week 09

week 10

week 11

week 12

47


summary Fashlab has the potential to be its market leader. There

fin,

is nothing on the web quite like FashLab, a user centric, art driven, custom apparel design company with a revolutionary online design widget. FashLab will go far, the research has proven, but only with the right thinking and design to match its goals and user needs. Let the professional experts at 520 Collective realize FashLab to it’s fullest degree. We’ll go far together, guaranteed.

48

thank you. 49


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.