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
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
PRODUCT PAGE SHARE - Social Media Icons
36
Post Comment
Add to Cart
Posts Comment to Page
Adds Design to Shopping Cart
Add to Favorites
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