WeSewFine

Overview

Purpose: I designed this project to create an online store for fashion crafts. This app helps them to make a living or make extra money from selling their exclusive fashion ideas.

Role: UX/UI design

Tools: Sketch, InVision, Photoshop

Timeline: July 2019-2020

Problems and Goals

By searching similiar kind of apps, I came across one app called as Etsy but it is only arts and crafts related where as my app is about fashion too. I have all kinds of crafts and fashion options where we provide personal designers also who can help you to customize clothes according to your choice and size.

Competitive Analysis

I have searched many apps but couldn’t find easiest way to filter the desired product and the customers can filter the products based on their color choice. The challenges I faced in this app was to create circular buttons aligned with the circle which took more time than I expected.

Main Highlights

The main highlights of the app which are most liked by the users are following,
1. The design of the app to search the products easily through the filter.
2. There is an extra service provided to customers to customize their products through our personal designers.

Problem statement

Users need a quick and easy search while buying their products through the mobile application, where users can customize their clothes according to their choice and size. By creating the circular search filter in the mobile app, users can quickly appoint the personal designer and also reach out for consultation/feedback to get their designs and reviews.

User Flow

Next, I created user flows to demonstrate the steps that the user needs to follow while completing a task based on their specific needs and goals.

User Flow

Moodboard

I created a moodboard, which is “Strong and Beautiful.” It aligns more closely with my persona, who loves to buy fashion crafts. A modern-looking app with a focus on buying or customizing to clothes along with designer and intuitive navigation might be more helpful to her.

moodboard

Low-Fidelity Wireframes

Low-Fidelity Wireframes

Mid-Fidelity Wireframes

Mid-Fidelity Wireframes

High-Fidelity Wireframes

High-Fidelity Wireframes Mockup-Wireframes Mockup-Wireframes