Snapshop

A new way to find clothes.

snapshop

Imagine a mobile app that enables you to impulsively identify and purchase a garment or accessory that you see in real life.

Research, Wireframing & UI
Year: 2016

Problem

We could say that people tend to copy what other people wear these days, it's true and valid that we're all influenced by our surroundings. To achieve that, people mostly use search engines to find that awesome shirt or beautiful hat that they had seen celebrity wearing.

There are a lot of websites and blogs especially focused on that, where the whole outfit of any celebrity is manually analyzed in order to provide links to online stores, so their readers can buy those clothes for themselves.

When someone sees a interesting clothing that other person is using on the streets, or on the web, should be possible to identify that same item or another similar one instantly.

girl

Solution

I imagined a application concept where you could easily search clothes and accessories by using an image. Imagine a app that receives an image, identifies the garment, shows you all the available options that are either equal or similar to the garment, and provides you a centralized way to buy it from a bunch of different online stores.

Contextual interviews

I've interviewed two friends and asked a simple question to them, with that I would get contrast feedback against my initial idea.

Question
"Imagine a mobile app that enables you to identify and purchase a garment that you see in real life, how you imagine this working in your phone?"

User 1
Sara Oliveira, 28yrs old, Portuguese - “When I imagine this, the idea that comes to my mind is open the app that access my phone, taking a photo and in a few seconds I have what I’m looking for and where is the closest store. If I wouldn’t have a store in 10km around, the app should give me the possibility of purchasing it online directly on app, in a simple way: one screen with: choosing size, add delivery address and payment.”

User 2
Riia Hyppönen, 27yrs old, Finnish - “Well I imagine it would base on online stores so excluding handmade (etc) items of course.. by taking a picture the app would identify the product and/or maybe other similar ones and give you a list where you can find it and for what price and maybe direct you to the online store :) or you could insert the keywords manually and it tries to search the available options for you, or by scanning the code that is now in every clothes (where are the material details and stuff), but then it must be your friend or family to actually ask to scan the code :D I don’t know.. all that comes to my mind.”

I’ve made these interviews after sketching some ideas, and I was surprised that both answers significantly converged to my initial idea. That gave me confidence to continue with this concept in mind.

App-Flow & Wireframes

In order to get a overview I created this user flow chart.

snap

This flow of the app is focused on the main interaction, the most differentiator one, the interaction from when the user takes a photo and identifies something.

Screen 3.1 — Alternative Options (Image Bellow)

I’ve imagined two solutions for the identify interaction.

In the first one 3.1 — Highlight (A) the user is invited to highlight in the photo the item that he wants to find, drawing with a finger above the photo revealing where is the item.

The second one 3.1 — Highlight (B) is maybe a the easiest solution for the user, but really more heavy in tech terms, I imagined a service that provides to the application a full analysis to garments and accessories available in a image, giving to the user a option to choose which one he want to search.

wire

User Interface

ui