Lauren Kay
CURRENT STATE
FOUR AFFORDANCES Participatory The main things that power the site are search engine and the shopping cart. Users can search for specific items, add them to the shopping cart, edit the shopping cart and overall make purchases. There is so much technology out there that allows users to do so much more with sites. I wish it could keep track of items I have recently looked at. There are so many different things on the site that it is easy to forget items you like or where they were on the site. There should be a space on the page that lists items you have clicked on. I also wish I could try on the clothes. There is so much variety on this site and it would be cool to see how different things look together.
Encyclopedic The site has a wish list where you can keep track of clothes you like but aren’t quite ready to buy. This is not quick and effective as a recently viewed space, but it is a nice feature that would come in use. Since there site contains thousands of items there needs to be a way of sorting through everything. The items are lumped into categories that make sorting through them a lot easier. Even many categories have subheads so users can narrow down their options. I think the site does a good job of sorting items into categories and giving users numerous ways to find items. For example is I am looking for a t-shirt I can search through plan tees, graphic tees, or search a specific brand.
FOUR AFFORDANCES Procedural The main things that power the site are search engine and the shopping cart. Users can search for specific items, add them to the shopping cart, edit the shopping cart and overall make purchases. There is so much technology out there that allows users to do so much more with sites. So what actions do I wish this site could magically do for me? I wish it could keep track of items I have recently looked at. There are so many different things on the site that it is easy to forget items you like or where they were on the site. There should be a space on the page that lists items you have clicked on. I also wish I could try on the clothes. There is so much variety on this site and it would be cool to see how different things look together.
Spatial The site is visually organized by links, sections, and subheads. Items are listed in columns where users scroll up and down to view more items There are different ways of organizing things to make it more pleasant for the user. What kinds of mapping and visual organization of info would help me use this site more fully? Instead of searching for clothes up and down like we are used to, there should be an option to scroll left to right. This would definitely come into use for people using phones or tablets. This would clear up clutter around the page and put everything into a more concrete frame where users do not have to constantly scroll down or constantly click to view more pages.
TRY-IT-ON sketch Victoria pleated shirt 25.00
New Arrivals
try it on
Raw Denim jeans 50.00
see details
Clothing Accessories Footwear
Total: 75.00
360 view
see back
upload your own photo
change model
save the look
Overall this improves the participatory and spatial aspects of the site. This app is framed in a small and convenient space so there is not much scrolling. Small screens will pop up with more options instead of opening whole new tabs. More expanding and shrinking. Users minds and creativity are at work as they create their favorite outfits and share them with others.
TRY-IT-ON feature Users have the option of picking a model and placing different apparel and accessories on those digital models. Models will vary in ethnicity and size. Users will also have the option of uploading pictures of themselves. This way they can see how the clothes will look on them. They can do this in two ways 1. Upload a photo of yourself 2. Use a webcam that will take a picture of you and instantly upload it to the site. There will be a tutorial on how to effectively upload and/or take pics of yourself so it will be easy to try on various clothing. Once you have created a look you can add the items to your cart, save the look to your dressing room wish list, or share your look via social networking (twitter, facebook, tumblr, and pintrest). To the left will be a list of the categories (women’s, men’s, apparel, accessories, etc.) In the middle will be the actual model. You can zoom in/out and rotate the model to see different views. In the top left corner of the model box it will list what items you have on the model and the total price of the look. To the right will be the pictures of the apparel and accessories. One-click puts the item on the model. Two-clicks opens up a window with a large picture of the item, various views, colors, sizes, and reviews. From this window users can add the item to their wish list or shopping cart.
KARMAWORLD sketch edit closet design
share closet
your account
Your Closet
KARMAWORLD sketch KARMAWORLD is an online application that provides encyclopedic, spatial, and participatory aspects to Karmaloop. The app has several features. 1) It keeps track of all purchases made on the site. 2) It allows users to create and design a closet/room where they store digital replicas of items they have purchased. 3) Users can friend, interact, and message each other. 4) Users can request to borrow/share clothing with friends. The app is designed to work on a computer as well as a tablet.
mobile application sketches
mobile application sketches
The goal with these apps is to touch on the different areas of fashion and to create a new shopping experience by taking advantage of the functionality with mobile devices. In takes the website off the computer and brings it to the users “real� world. After creating 13 app ideas these are the two that stood out to me the most. They use the special features of mobile devices as well as promote karmaloop and their clothes.
YOUR ACCOUNT
Hello, Lauren
WISH LI ST & CART
KARM AWORLD
RECENT PURCHASE S
Home page for users accounts. Logo takes users back to the main page. Wish list and Cart opens new window for future purchses and items currently in the cart. Recent Purchases opens a window where users can see recent purchases and check status of orders
YOUR CLOSET
MESSAGES INBOX
SENT
COMPOSE
CREATE A LOOK
He y nice closet Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean bibendum libero vel tortor condimentum et porta dolor auctor. Nunc velit velit, dapibus id porttitor eu.
reply
Ne ed an out fi t Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean bibendum libero vel tortor condimentum et porta dolor auctor. Nunc velit velit, dapibus id porttitor eu.
Closet Share R
YOUR CLOSET
FRIEND’S CLOSETS reply
eq ues t
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean bibendum libero vel tortor condimentum et porta dolor auctor. Nunc velit velit, dapibus id porttitor eu.
reply
Clot hes Share
Re qu es t
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean bibendum libero vel tortor condimentum et porta dolor auctor. Nunc velit velit, dapibus id porttitor eu.
reply
KarmaWorld Users account page View and reply to messages • See Friends. Simply click the friend to view their closet• Choose between create - a -look, visit your closet, see your fashion designs
YOUR DESIGNS
YOUR CLOSET
KARMAWORLD
TOPS
SHOES
OUTERWEAR
edit closet themes
hare closety
BOTTOMS
ACCESSORIES
YOUR LOOKS
our account
The closet page. When users purchase clothing a digital form of the item goes into their personal closet. Users can keep track of items they have purchased and decorate a closet to store these items. Here users can rearrange and edit things in their closets. Users can share their closets with friends so they can see their items or new designs.
CLOSET THEMES TEEN DREAM
MODERN FLARE
SIMPLY SIMPLE
PRETTY IN PINK
GEO-METRO
WOODEN CLASSIC
PRIMETIME
FRENCH TIP
preview update theme edit closet theme
By clicking “edit closet theme” users can change the theme of their closet. They can get a quick preview of what it will look like and then chose it as their theme by clicking “update theme”.
KARMAWORLD friends
Share your closet with your followers
By Email
EDIT THEME
SHARE CLOSET
MY ACCOUNT
Clicking “Share Closet” allows users to choose how they want to share their closet design and the items in it. They can tell friends they have new clothes or need help putting together an outfit for an event.
View&Share closet TOPS
advanced search
MY ACCOUNT
Your Closet (friend’s view) This is what your friends see when they view your closet. They can see items that you have actively in view. If they like the item they can click to see its full page on karmaloop.com. In the closet area is where we have “friend sharing”. Friends can request to share or swap clothing with each other by clicking “request share” which sends an alert to the closet owner.
View&Share closet TOPS
advanced search
stylec t-shirts sweater blouse tunics
MY ACCOUNT
olor
size
brand
View&Share closet AMY PRINTED BLOUSE SMALL
ROTATE
REQUEST SHARE VIEW SHIRT ON KARMALOOP.COM
MY ACCOUNT
TRY-IT-ON APP MY ACCOUNT
YOUR CLOSET
TRY-IT-ON
LAUREN’S LOOKS
black tee 12.98 black shorts 24.99 spiked heels 75.99
crop top 12.98 skirt 24.99 platform shoe 75.99 fedora 13.99
black tank 12.98 printed leggings 24.99 sneakers 75.99 fedora 13.99
This is the Your Designs page. Users can view outfits that you have put together. The bottom of each picture displays a breief decsription and the price. By clicking on the description it takes users to the product page on karmaloop.
TRY-IT-ON APP CREATE YOUR LOOK MEN
WOMEN
NEW ARRIVALS CLOTHING +Denim +Knit Tops +Outerwear +Pants +Shirts +Shorts +Sweaters +Sweatshirts +T-Shirts +Tank Tops +Undergarmens
Jacket $45.89
Jacket $45.89
Jacket $45.89
try it on see details
ACCESSORIES
Jacket $45.89
Jacket $45.89
Jacket $45.89
SALE Total : 174.38
360 view
see back Jacket $45.89
change model
upload your own photos
Jacket $45.89
ave the look
This is where users create the looks that they add to their design slideshows.
Jacket $45.89
TRY-IT-ON APP CREATE YOUR LOOK MEN
UNIF The Glam Jacket $49.95
WOMEN
NEW ARRIVALS CLOTHING Colors
+Denim +Knit Tops +Outerwear +Pants +Shirts +Shorts +Sweaters +Sweatshirts +T-Shirts +Tank Tops +Undergarmens
ACCESSORIES SALE
Jacket $45.89
Jacket $45.89 Leave a Review
Jacket $45.89
Size
XS
S
M
L
Lorem Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean bibendum libero vel tortor condimentum et porta dolor auctor. Nunc velit velit, dapibus id porttitor eu.
Quantity
1 Faux fur coat with invisible snap-button closure; fully lined; 60% polyester, 40% acrylic. Our model Staz is 5'7" tall with a 32" bust, 25.5" waist, and 34" hips. By UNIF (Style # UWJ-3005-GRY)
try on
Lorem Jacket $45.89
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean bibendum libero vel tortor condimentum et porta dolor auctor. Nunc velit velit, dapibus id porttitor eu.
Lorem Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean bibendum libero vel tortor condimentum et porta dolor auctor. Nunc velit velit, dapibus id porttitor eu.
add to cart
add to wish list
Lorem
Jacket $45.89
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean bibendum libero vel tortor condimentum et porta dolor auctor. Nunc velit velit, dapibus id porttitor eu.
Jacket $45.89
Jacket $45.89
Clicking “get details� takes users to this page. Where you can see specs and reviews on an item. You can also add it to your own cart or wishlist.
TRY-IT-ON APP CREATE YOUR LOOK MEN
WOMEN
NEW ARRIVALS CLOTHING +Denim +Knit Tops +Outerwear +Pants +Shirts +Shorts +Sweaters +Sweatshirts +T-Shirts +Tank Tops +Undergarmens
ACCESSORIES SALE
Jacket $45.89
Jacket $45.89
Jacket $45.89
Jacket $45.89
Jacket $45.89
Jacket $45.89
CHOOSE MODEL
Jacket $45.89
Jacket $45.89
Jacket $45.89
When you click “choose new model” a slideshow of new models come up. Click on the face and the model changes in the dressing room.
MULTIPLATFORM MEN
WOMEN
NEW ARRIVALS CLOTHING +Denim +Knit Tops +Outerwear +Pants +Shirts +Shorts +Sweaters +Sweatshirts +T-Shirts +Tank Tops +Undergarmens
Jacket $45.89
Jacket $45.89
Jacket $45.89
try it on see details
ACCESSORIES
Jacket $45.89
Jacket $45.89
Jacket $45.89
SALE Total : 174.38
360 view
change model
see back
upload your own photo
Jacket $45.89
Jacket $45.89
Jacket $45.89
save the look
Your Account
Hello, Lauren MEN
Wish List & Cart
WOMEN
NEW ARRIVALS CLOTHING
KarmaWorld
+Denim +Knit Tops +Outerwear +Pants +Shirts +Shorts +Sweaters +Sweatshirts +T-Shirts +Tank Tops +Undergarmens
Jacket $45.89
Jacket $45.89
Jacket $45.89
try it on see details
ACCESSORIES
Jacket $45.89
Jacket $45.89
Jacket $45.89
SALE Total : 174.38
Recent Purchases
360 view
change model
see back
upload your own photo
Jacket $45.89
save the look
Jacket $45.89
Jacket $45.89
TRAVELING BOUTIQUE User gets a notification that a traveling boutique is in their area.
5:30
Thursday, December 15
K
Karmaloop truck has arrived at location
slide to unlock
TRAVELING BOUTIQUE K
Traveling Boutique
Location Inventory
Settings
Unlocking phone opens the app and user can chose to see the Location, edit their settings or see the inventory on the truck. So select simply tap and drag in the direction of the arrows.
TRAVELING BOUTIQUE Once in location user can see where the truck is located via google maps. They can also get directions. The timer at the top lets users know how long the truck will be in that location.
K
Traveling Traveling BoutiqueBoutique Location Location
03:45:12
TRAVELING BOUTIQUE K
Traveling Boutique
K
INVENTORY
tops bottomss hoes accessoriesm
ore
Location Inventory
Jacket $45.89
Jacket $45.89
Jacket $45.89
Settings Jacket $45.89
Jacket $45.89
Jacket $45.89
Inventory shows users what items are on the truck. Tap an item to see more info
TRAVELING BOUTIQUE Two finger scroll to view more items.
K
INVENTORY
tops bottoms shoes accessories
Jacket $45.89
Jacket $45.89
more
Jacket $45.89
TRAVELING BOUTIQUE Shake the phone to get a random mix of the inventory.
purchasing from the TRAVELING BOUTIQUE K
Traveling Boutique
Location Inventory
K
SETTINGS
Location
Baltimore, MD
Quick Pay
*********5346
Add/Change Account and assign fingerprint
Your Sizes
ON
Small
Tops Bottoms
Settings
OFF
26�
Dress
2
Shoe
8 SAVE
Users go to Settings to edit location, payment information, and sizes. Only items available in your size will show up in your inventory unless you turn the size sorter off.
purchasing from the TRAVELING BOUTIQUE K
SETTINGS
Credit Card
Checking Acct
Type
Visa
Name Card Number CVC Expiration
Month
Year
Assign Fingerprint
Here users edit their payment info and assign their fingerprint to it. A screen appears, similar to the payment page, where you save your fingerprint scan.
purchasing from the TRAVELING BOUTIQUE Users can see more item details and can as the item to their shopping cart. BACK
UNIF The Glam Jacket $49.95
Quantity
Colors
Size small see specifics
only 10 left in your size
ADD TO CART QUICK PAY & PICKUP
purchasing from the TRAVELING BOUTIQUE K
QUICK PAY & PICKUP
K
TOTAL: 67.98 Account *********5346
5...4...3...2...1
Your Order Has Been Placed Confirmation #23238475
place left thumb and hold for 5 seconds
When done shopping users press quick pay to pay via fingerprint scanner. A fingerprint is linked to a credit card or checking account. To change the account just click the account button. To edit the cart and see a breakdown of the total simply click the total. Confirmation page where users can save their receipt to their passbook for easy r etrieval when they reach the truck.
PIC-N-MATCH This app allows users too take pictures of clothes and find color or style matches for that item.
PIC-N-MATCH Pressing the camera button on the homepage of the app activates the phone’s camera. Users take a pic of clothing they see. They can zoom in our out with two fingers. Once the pic is taken you see a preview. You approve the photo or trash it and take another one.
OFF
OPTIONS
HDR
OFFO
PTIONS
HDR
PIC-N-MATCH nce the pic is approved, users choose what item they are looking for. 1) The same style. In this case a trench coat 2) The same color. In this case a bright royal blue. 3)Or an exact match
PIC-N-MATCH Exact match will give users a list of all blue trench coats that Karmaloop sells. Style match will display all the trench coats that the site offers. Color match will send you to this page where users select what kind of item they are looking for.
PIC-N-MATCH If the user clicks dresses, then all dresses with that shade of blue will appear. Use a two finger swipe to scroll through. When you find a dress you like, simply click on the picture and the app will take you to the product page for that item.