V V VERTIGO
1
table of contents
01>
COMPANY PROFILE
02>
our culture
03>
PROJECT SUMMARY
04>
TARGET AUDIENCE
05>
marketing Strategy
06>
design Strategy
11>
design process
07>
brand identity
12>
wireframe/ low fidelity
08>
COMPETITIVE POSITIONING
13>
visual mockup/ high fidelity
09>
COMPETITIVE ANALYSIS
14>
project timeline
10>
TECHNOLOGY
3
COMPANY PROFILE
01 >
Company Profile: Vertigo is a boutique design agency. We design digital communication platforms for your products and services creating to suit the current environment. Our approach to design combines purpose with style. We thrive to create an authentic design experience that communicates your brand message. The vision of the company is to create design solutions that align with our clients business goals. Our Mission is to stay true to the iterative process of design to facilitate meaning brand experiences.
5
Our Team :
Rakhi: CEO The Composer Job function: Manage all the aspects to align with the bigger picture.
Poplar: UX Designer The Design Ninja Job function: Carry out user research and user modeling according to the goals from client. Provide desirable information and interactive design solutions.
Nat: Art Director The Quiet Painter Job function: I’m responsible for the creative vision, look & feel and tone of the brand.
6
Robert: Managing Editor The Word Master Job function: Responsible for ensuring that all written content is proofread, spotless, and flawless before publication.
Tong Sun: Brand Strategist Brand pope Job function: Define how, what, where, when and to whom the brand message will be communicated and delivered.
Shani: Project Manager The Persistent Navigator Job function: To organize, plan, execute, oversee and control various project processes to reach a specific goal.
Kouis: Marketing VP Loves to love people in all forms and places Job function: Analyze, evaluate, plan and execute both existing and potential marketing activities and strategies.
7
OUR culture
02 >
Our Culture: Our Culture is based on our 10 core values • We work for the WOW factor’ •Embrace change and innovation • Create fun and a little bit of weirdness •Encourage open minded communication •thrive for growth as a community •Be more effective. • A spirit of family within the office •Linear management •Open doors and big laughs • Acknowledge the ebb and flow of the process of design
9
Our Culture
10
Our Culture
11
PROJECT SUMMARY
03 >
Project Summary
We will work towards developing a responsive web application that allows the FashLab shopper to create a design unique personal tee shirts that are one of kind. FashLab is an e-commerce business selling custom tee-shirts to a fashion conscious customer. Our goal is to provide a design solution that resonate with the target customer as well as the business goals. We will work towards developing a responsive web application that allows the FashLab shopper to create a design unique personal tee shirts that are one of kind. Fashion is an integral language of pop-culture. The key focus of the FashLab platform is allow the shopper to get creative and connect with the art of the moment. The manifesto of FashLab is grounded in expression of individuality. We are mindful that fashion is constantly changing and hence we are proposing a platform thats dynamic in content and design yet consistent in usability.
13
TARGET AUDIENCE
04 >
Target Audience
FashLab aspires to be a global platform for people who are passionate in expressing their personality and artistic ideas. Our key customers are Gen Y and Millennial’s. They are active contributors to PopCulture. They are artistically inclined and are aware of the happenings in the world of music, art , cinema, and design across all mediums. They are comfortable with using technology to create and connect.
Personas Name: Lam Age & Gender: 24 Male Occupation: Freelance illustrator Location: London Dressing style: Flamboyant Fashion expenditure: 30% of income Internet usage: 5 hours per day Favorite brand: Fred Perry Quote: “Everything that accepts ideas is my canvas.”
01
Name: Fiona 02 Age & Gender: 16 Female Occupation: High school student Location: San Francisco Dressing style: Chic and edgy Fashion expenditure: 50% of spending money Internet usage: 8 hours per day Favorite brand: Sum41 Quote: “I don’t belong to the crowd.”
15
marketing Strategy
05 >
Marketing Strategy
USP: •Responsive Design •Garment Visualization • Associations with some of the leading names in the world of art and design. Marketing Strategy: Our strategy is to connect with the audience where they are most active i.e. online social platforms, gaming platforms, music platforms and design platforms. We recommend an aggressive online marketing campaign on prominent social platforms such as Facebook, Twitter,Pinterest and Youtube. Apart from that we suggest partnering with prominent voices/blogs in the on line community that the shopper follows. The tone of the advertising will be “enhancing creativity and individuality.” This will also be reflected in the social media communications. • Social Media We like to meet the customers not only on the Web site but also on other social media such as Facebook, Twitter, Tumblr or Pinterest. We will create a presence on each of those prevailing online social media so the user can get informed of news, events, special offers, or updates about the Website in ways that are more efficient and flexible. The social media also serves as an effective and friendly platform for the communication between users and the company.
17
Marketing Strategy
Featured Artists Stefan Segmeister
Bansky
18
David Lynch
Marketing Strategy
Promotions: Promotions will be related to prominent artists birthdays and other national celebrations. Events: FashLab will organize and sponsor events that are related to art, music and de- sign. WYOT: Wear your own T-shirt mixers where the shoppers can come together and flaunt their designs and connect with the community. PARTNERSHIPS: FashLab partners with leading designers and artists such as Bansky, Stephan Seigmeister, David Lynch to offer artwork over a limited time for the shoppers to flaunt on their T-shirts. Through these associations FashLab connects with the shoppers at an inspirational level. The artist represents an ideology of individuality and expression, which is at the heart of the FashLab motivation Target Survey Besides newsletters, users can subscribe our regular user surveys which will be in form of evaluation questionnaires. We will ask users to respond to questions regarding their experience of using the Web site and leave comments and suggestions which will be based on for Web site maintenance and future development. Survey responders will receive certain kinds of rewards depending on the participation and value of written comments. Adoption Tracking: We will build up a function to keep track of the adoption states of all members. Periodic evaluation will be conducted to find the members who have a decreasing usage of our site or stop signing in. We need to approach to these members and ask if there is something not satisfactory or unexpected happened.
19
design Strategy
06 >
Design Strategy
The goal of the design is to allow the shopper to effortlessly create and buy their creation. Hence the site clearly prioritizes on the two main tasks . The responsive layout will let the user experience the function of designing on touch devices. We are aiming for a more relaxed interactive experience on the tablet. We are aware that our target audience is in touch with the latest in technology and takes pride on being part of “cool new stuff” Our 3d virtual fitting room is not only going to add the “WOW“ factor but also allow for the user to make informed buying decisions
21
Brand Attributes
07 >
Brand Attributes
• Noticeable We will create a presence in social media including Facebook, Twitter, Tumblr and Pinterest to increase the visibility of the site. Moreover we plan to spend a certain part of the marketing budget to run a long-term CPC-based campaign on Facebook using the precise interest targeting to get people see and engage with our website. • Inspiring We will invite leading popular artists including graphic designers, illustrators or graffiti artists to sign up in FashLab Web site to post new portfolios or communicating with other user. Users are welcome to vote for any artist they want to see on the Web site. • Rewarding The owner of the most liked/used designs or portfolios in a week/month will be rewarded for the contribution of inspiration. The prize could be premium membership, free printed T-shirts or special offers such as free shipping on next order or advanced widgets. The 3d virtual fitting room aims to provide a gratifying experience to the shopper • Refreshing We keep a fast pace of database update of the gallery/library so that users will have unlimited choices and ideas inspirations contributing to their creative minds.
23
brand identity
08 >
Brand Identity
Logo development
1.
2.
1.
2.
FASHLAb
FAS H LA B
FASHLAB
3.
4.
3.
4.
25
Brand Identity
5.
6.
7.
6.
7.
5.
6.
7.
5.
6.
7.
8.
9.
10.
8.
9.
10.
8.
9.
10.
8.
9.
10.
11.
12.
13.
11.
12.
13.
11.
12.
13.
11.
12.
13.
14.
15.
16.
14.
15.
16.
14.
15.
16.
14.
15.
16.
Logo development 5.
26
Brand Identity
Final logo
27
Brand Identity
Color standard
28
EA7A58
E98C6F
EA9F88
E9B09E
7I6276
7F7385
8C8191
9B1919F
A6C4BC
B0CAC4
B8D0C9
C2D7D1
Brand Identity
Typographic standard
NETTO OT UPPER CASE
ABCDEFIGHIJK L M N O P Q R ST UV WXYZ 1234567890
lower case
abcdefighijkl mnopqrstuvw xyz 1234567890
29
COMPETITIVE POSITIONING
09 >
Competitive Positoning
Within the competitive space of fashion FashLab positions itself as a one of a kind product and platform thats not only an online store but also a starting point to learn about whats happening in the world of art and design. It’s proposing the idea of looking at a t-shirt as a canvas of communication.
31
COMPETITIVE ANALYSIS
10 >
Competitive Analysis
We have explored the space of e-commerce T-shirt brands as well as popular fashion blog commerce brands to understand how the market is currently serving the needs of the shopper.
Threadless.com http://www.threadless.com Threadless is a website that allows fashion designers to create, share and sell custom design t-shirts. The website provides helpful tips on how to create design pieces, and a forum that allows users to critique the work of other design- ers including their own. Pros: • Though limited to tee shirt design, users have a sizable array of clothing options to choose from, fitting for anyone in between the ages of 2 and 25 years old. • They also sell customized mobile accessories Cons: • Users may submit their fashion designs, but they must win competitions to get their work selected for print. Only after doing so will their designs be posted on the website for retail. • There is no widget to design the t-shirt on the site itself.
01
33
Competitive Analysis
Hypebeast http://hypebeast.com/ Hypebeast is a fashion blog that centers on culturally relevant content such as art, music, lifestyle, and technology. The site provides an online store that acts as a hub for fashion designers. Pros: • Users can find high-end clothing and urban clothing, Cons: • The user is not given the ability to share or create their own designs nor can they sale their designs. • Clothing is limited to men’s wear, which further narrows the clothing selection of users.
34
02
Competitive Analysis
Lookbook.nu http://lookbook.nu/ Lookbook.nu is a fashion website inspired by street fashion and fashion blogs designed for users to post their own street-fashion photography featuring themselves and their clothing. The website provides a scale system called “Hype” that allows users to judge the appeal of the outfit.
03
Pros: • The website provides a scale system called “Hype” that allows users to judge the appeal of the outfit. • Lookbook also allows users to start their own business through the website, and the ability to share their own clothing  Cons: • Lookbook.nu, however is that it is primarily a fashion blog and users cannot make direct purchases from their website. • It’s lack of visual hierarchy gives a sense of triteness that may detract users from visiting the site.
35
TECHNOLOGY
11 >
Technology
Technology: Basic Construction The design of the Web site will be implemented by using HTML5, CSS3, JavaScript and jQuery. In terms of back-end development, we plan to take advantage of the Magento eCommerce platform to manage the product and sales of FashLab. Virtual Fitting To enhance the virtual fitting experience, we introduce the cutting edge garment visualization technology in the custom design preview process. Customers can visualize their heads on a 3D garment model by simply taking a picture of their faces. The inter- active 3D model can not only show how the clothes will fit on the body but present the look and feel of the custom design. The garment models, which is based on the library of 3D body shapes with all genders, different skin colors and considerable range of measurements will be rendered and textured by using OpenGL. Reference: http://www.eng.cam.ac.uk/news/ stories/2012/Me_tail/
37
design process
12 >
Design Process
39
Design Process
40
Design Process
41
wireframe/ Low fidelity
13 >
Wireframe Low Fidelity
Homepage
43
Wireframe Low Fidelity
Shopping page
44
Wireframe Low Fidelity
Preview page
45
Wireframe Low Fidelity
Shopping cart
46
Wireframe Low Fidelity
Thank you page
47
Wireframe Low Fidelity
Ipad version
48
Home screen
Wireframe Low Fidelity
Design screen
49
Wireframe Low Fidelity
Ipad version
50
Take photo
Wireframe Low Fidelity
Garment visualization
51
visual mockup /high fidelity
14 >
High Fidelity
Homepage
53
High Fidelity
Product page
54
High Fidelity
Preview page
55
High Fidelity
Shopping cart
56
High Fidelity
Bank info
57
High Fidelity
Ipad version
58
Home screen
High Fidelity
Design screen
59
High Fidelity
Ipad version
60
Take photo
High Fidelity
Garment visualization
61
project timeline
15 >
The production plan for FashLab
63