On Boarding

Helping every man dress his best.

• Incredibly simple and minimal sign-up page, includes only essential data.

Future Plans: Add logins though social networks - Facebook, Twitter, Google, Yahoo, etc.

On Boarding

Helping every man dress his best.

• The user has the option to skip the setup if they wish to. • Firstly, we ask the user to input their age. • Then, in order to determine an initial fit, we ask the user the current stores they shop at. For

each store we ask for the size and fir for a shirt, pant, blazer etc. This data allows us to better recommend clothes.

On Boarding

Helping every man dress his best.

• In order to better understand the user’s style we try to understand how they spend their typical day and evening.

• These menu’s are contextual, the options change based on the user’s earlier choices.

Home Page

Helping every man dress his best.

The top banner signifies the current promotions, advertisements or special events.

Basic navigational options to different types of clothes.

• Me: User’s Profile Page • Cart: Current items added for purchase • Pierre: Our unique tinder-inspired selection mode • Closet: Saved items that the user liked • Settings: Preferences

Shirts and Detail Page

Helping every man dress his best.

Item List View The shirts (or any item type) page provides a grid view of items that are available for purchase. The name, basic fit and the price of each item is mentioned in the view.

Item Detail View The detail view gives bigger and more images for the item. It provides more fit information and a detailed description. We also show other items that they’ve purchased that this would go well with.

Piérre Mode

Helping every man dress his best.

Piérre Mode is a Tinder-esque selection mode where the user is presented with pieces of clothing which they could either like (green), dislike (red) or like and add to their closet (blue). These decisions could be made using the respective buttons or by swiping them towards the button’s direction.

Piérre Mode Interactions

Helping every man dress his best.

Detail View: By clicking the image or the “i” button, we show the detail view. It is very similar to the previously mentioned detail view. Filter: The filter pop-up allows the user to pick a different type of clothing to browse through. Advanced Filters allows them to pick specific options like fit, cloth type, etc.

Closet View

Helping every man dress his best.

Closet View: The closet view shows all the items the user has likes/saved organized by type. The green plus sign allows the user to add them to their cart. There will also be an option to remove an item from the closet. Clicking on the item will bring up the detail view.

Cart View

Helping every man dress his best.

Cart View: The cart view shows the items that the user has added to their cart to purchase. The Apple Pay button on the bottom allows them to pay with Touch ID. This allows for an easy and incredibly efficient checkout process.