Peekabuy

Peekabuy is a collaborative and creative startup that founded with the mission to understand how people style and shop. I started to work as a UX design intern in May 2015 after graduating from Carnegie Mellon University. In such an agile environment, I collaborated with the product manager, UX researcher, and engineers efficiently to launch 2 mobile apps - Flaunt Street and StyleIt within 3 months.

Responsive image

Be Agile in a Fast Moving Startup

As the UX Design Intern, I was involved in every aspect of the product development process, from brainstorming the new features, defining user flow, creating interactive prototypes, conducting user testing, maintaining the design guideline to tweaking pixel-perfect mockups before launch. I have utilized my full range of product design, interaction design, and visual design skills to lead the product design in Peekabuy.

Flaunt Street

There are some moments that you feel you need a few outfit inspirations from others for your style and fashion. And there are some moments that you have one item like a top, a skirt or a bag and you don’t know how to match it with other fashion items.

Flaunt Street is a solution to problems like these. There are three main sections in Flaunt Street.

Trends: Thousands of style blogs, street looks and OOTDs images are all in one app.

Match: Match your own items and see how other fashionistas pull them off. Just take a picture of an item you like and Flaunt Street will provide a fashion outfit with it.

Shop: Shop directly from your favorite brands, including all sales, in one place.

Target Users

Our mobile app is mainly collecting and preparing styles for ladies who are interested in styles and fashion. Based on interviewing 5 people, I portrayed one persona.

Case Study: Improving "Match" Experience

Problem

“Match” helps users to create personalized outfits based on their own items. Users first take a picture of one item, then the app will provide some fashion outfits references based on our own algorithms and collections. But from the back-end customers' data, there is a significantly lower number of users using this feature.

Pain Points

I started to figure out the reasons behind it. I analyzed the feedback from our app reviews and surveys, and found out two main issues to solve:

1. Users need to set a lot of selections before generating outfits.

2. The task flow is too long and users have to finish every step.

Solution

I observed 4 users interactions with Flaunt Street and found they really spent too much time to select the occasion, weather and specific category for the item. Then I asked 5 fashionistas several questions about how to combine or delete categories and sub-categories.

Finally, I got 3 ideas to solve the problem:

1. Delete the options for occasions and weathers, and show different outfits on the results page

2. Reduce the number of categories and sub-categories and re-organize the layout

3. Users can skip any steps or close the task directly

Outcome

Overall, this feature shipped and we saw a significant improvement in accomplishing this step. More than 15% users get their own outfits than the previous version.

Other High-Fidelity Mockups

Trending

On the trending page, the popular content is picked by our fashion editors.

Shop

Users could buy most of products they find on Flaunt Street. Products are editted into three categories according to customers' needs.

Likes

"Like" page stores all users likes and saved, and "My Orders" page displays all the order history on Flaunt Street.

StyleIt

StyleIt is a fashion mobile application defines itself as a personal styling assistant. It has 5 main features: My Feed, Discover, Create, Products and My Profile. Users can not only browse popular styles, but also create their styles with own specific items. It also provides a shopping platform for users to buy fashion items.

Onboarding

From our user testing results, 60 percents of users had no idea about StyleIt at the first time, and wasted a lot of time to figure out what our app it is. To resolve it, we brought out several ideas like video tutorials, and image tutorials. But the video tutorials forced users to watch the whole video for a few time, and unfortunately some users just skipped the video directly. So we decided a short, simple and easy-to-understand image tutorial is better.

My Feed & Discover

"My Feed" page is to display contents the user has followed. And "Discover" page is to encourage the user to find out new things. Because of these two pages are very familiar, I chooose to use one column in "My Feed" and two columns in "Discover" to distinguish them. These two pages are also regarded as social media platforms so users can leave comments.

Create

"Create" page helps users to create personalized outfit based on their demands and preference. I designed the popup "creating button" to attract users' attention. Once the app created an outfit for users, they could edit each item and find the real price of the item.

Products & My Profile

Users could buy most of products they find on StyleIt. And the profile page saves all items and outfits users like. Products page is one way to make profit.

UI Specification

To make sure all of designers and engineers keep the same standard, I create the design guideline and the icon list.