Je Veux
Je veux = I want (in French).
JEVEUX.COM is a website that acts as your personal stylist. It is especially designed for those who are fashion oriented but inexperienced. Like any good stylist, it will help you find your style and recommend good investment pieces for your wardrobe.
Click here to download the Website Prototype as a zip file.
Click here to download the Interim presentation as a PDF.
Click here to download the Final presentation as a PDF.
Role: Concept generation, Competitive analysis, Interface design. Group project to explore Online life in Basic Interaction Design class at Carnegie Mellon University. Other team members are Christine Wu, Deanna Miller and Jenifer Lu.
Duration: Three weeks.
Tasks: User Research, persona and scenario creation, site-map, iterative wireframing, hi-fidelity screen, HTML mockup.
The mood of the JEVEUX.COM is sophisticated. It uses muted colors because fashion is the centerpiece here. Style icons are used as a shortcut to communicate fashion styles, and complete outfits, rather than individual pieces, are central. Both trendy and classic pieces (pertaining to the user’s style) will be featured.
Moodboard
….
….
Design Methodology
Research
To inform our design process, we completed research in three major areas: Directed Storytelling, Competitive Analysis, and Brick and Mortar Observations. From the research, we gathered a handful of insights:
- Shopper appreciate personalized help when appropriate or in unfamiliar territory, like at Victoria’s Secret
- Good service is the differentiating factor
- Browsing can be pleasurable, especially for women
- faceted searches are helpful when there is a purchase in mind
- Shoppers like “a little something extra” like rewards or cash back
Directed Storytelling
We interviewed four young shoppers, three female and one male. We asked them to relate to us good and bad shopping stories. Shoppers find good service to be the differentiating factor in a sea of fashion goods. They want good deals, honest merchants, and rewards for shopping.
What made it so great was his knowledge of the store’s inventory and items, even though they weren’t displayed. I liked how I was able to tell him what I was looking for and he was able to help me.
I like Bing cash-back. If you look for stuff thru their shopping site, and click their links, you get a % of what you paid for the item back.
The first thing I look at when I go to a store is their sales or clearance rack.
The claims correspondence page doesn’t give detail…it was hard to find…From then on, I never buy anything over $100 on e-bay ever again.
Competitive Analysis
For the competitive analysis, we looked at a variety of clothing retail websites. They included:
- BananaRepublic.com
- Gilt.com
- VictoriasSecret.com,
- Kmart.com.
Brick and Mortar Observations
We also completed observations at the two local establishments:
- White House | Black Market
- KMart
….
….
Persona & Scenario
From our research data, we created a persona. We used this persona to guide us in the design process. We wanted to create a clothing retail website that would be perfect for a fashion conscious new college graduate, specifically:
- Wants to find her style
- Wants to upgrade from cheap disposable clothing to quality staple goods
- Wants to avoid going into debt
|
|
| Yay, graduation! | Yay, first job!
Yay, money! |
How do I find my style?
What are good investments? How do I not go broke? |
Claire McPherson
Age 22
Currently resides in Los Angeles
Works as an animator’s assistant
Claire recently graduated from college and got her first job as an animator’s assistant. She doesn’t have much savings and still has student loans to pay off, but she’s looking forward to having a steady income!
No more cheap, throw-away clothes! I want some REAL clothes…And maybe a cute pair of boots. 
She has always enjoyed fashion and now with an income, she wishes to upgrade from cheap, disposable goods to quality staple pieces. She’s looking to develop her style while striking a balance between buying trendy and classic pieces.
She grew up in a middle class family. She’s very close with her family, especially her older sister, who’s been working for a couple of years already.
I’m so lucky to have even found a job. If there’s anything this economic crisis has taught me, it’s to live within your means!!!
Scenario 1: The Hunt For the Little Black Dress
Claire needs a little black dress for a work function but doesn’t think what she currently owns is suitable. Her older sister, Julie, recommends that she takes a look at JEVEUX.com. Claire visits the website and starts off by taking the Style Finder quiz. (The Style Finder quiz is a quiz that helps the shopper find her style by asking her 10 multiple choice questions, similar to a fashion magazine quiz. See the solution page for more detail.)
Scenario 2: Investing in a Trench Coat
Claire notices that a mid-length trench coat is a highly recommended investment for the upcoming spring season.
She doesn’t have the cash for it right now, so she decides to add the coat to her Wish List. (The Wish List is a feature that allows Claire to save progressively towards investment pieces that are currently out of reach. See the solution page for more details.)
….
….
Design Process
As part of the design process, we went through two iterations of wireframes.
Initial Wireframes
The initial set of wireframes were “transaction” centric and as a consequence, only narrowly showcased the features that directly addressed the needs. In other words, it focused too much on features like the shopping card, hover over, and not enough on the style finding and investment recommendations.
Selects “Dresses” after looking at navigation menu |
Hovers over the image of the “perfect dress” |
Selects dress to give a detailed view |
Puts dress into shopping cart |
Wireframes Revisited
We made a second attempt at the wireframes after the first critique. This time, we nailed down a couple scenarios first and made sure the wireframes illustrated features that directly addressed the persona’s needs and the scenarios.
|
|
- Showcasing product in complete outfits
- Outfits shown are tailored to shopper’s style
- Shopper’s style is discovered using an introductory quiz
- Accurate size comparison using brands shopper is already familiar with
- Investment pieces are “badged” with JEVEUX.com’s seal of approval
- Wish List management (how much money to put in and how often)
….
….
Solution
As the tag line suggests, JEVEUX.com is like a personal stylist that helps the shopper be stylish and smart at the same time.
The Website is Smart
JEVEUX.com is not just an online clothing retailer; it also helps the shopper find her style and makes personalized recommendations. It also keeps track of purchases for the shopper’s style “evolution”.
The Shopper is Smart
JEVEUX.com is for shoppers who want to strike a good balance between trendy impulse buys and classic investment pieces.
The website also there to educate the curious shopper about fashion history and significance.
Style Finder
The Style Finder quiz is similar to quizzes found in fashion magazines. It is short (only 10 questions) and contains fun questions that are both fashion and non-fashion related.
Quiz results use style icons for easy style association. For example, Audrey Hepburn and Natalie Portman would be used to represent the classic style, while others like Marilyn Monroe and Megan Fox would be used to represent more sexy styles. Beyond pinpointing the shopper’s style, the quizzes also help the website provide accurate sizing information by comparing the sizes of the piece for sale to brands the shopper is already familiar with. It can also find out about the shopper’s shopping budget so that it doesn’t show the shopper products that are too outrageously priced for the shopper.
Click here to see sample quiz questions.
Investment Recommendation
Highly recommended investment pieces are marked with JEVEUX’s logo, the feather. To help shoppers understand the significance and lasting power of the piece, a short history of the “story of the piece” will be shown. In addition, shoppers may need justification for more expensive pieces, so the website will also offer different ways of wearing the piece.
Wish List Management
One of the most unique features of JEVEUX.com is the Wish List. Shoppers add pieces that are “just out of reach” to the wish list. The shopper can additionally configure how the Wish List pot will be funded — how much money will be deposited and how often. The source of the deposit can range from savings accounts, credit cards, to PayPal. When the cost of an item in the Wish List is satisfied, the shopper will receive an email and/or SMS text notification.
The Wish List allows shoppers to keep their fashion budget in check. Furthermore, as incentives to encourage responsible financial management, there will be rewards like:
- Early access to upcoming collections
- $25 gift card for every $500 spent
- Monthly drawings to “grant a wish”
….
….
Website Prototype
Below is the screen flow for the website prototype. It steps through two scenarios.
