Problem statement and Product vision
Brief: Look into the best practice of User Experience (UX- think about the users’ needs at every stage of the process) and user Centered Design (UCD - making sure the right Mobile App or a product is Usable), Information architect and make an impact on the user journey for the “KO CLOTHING” Clothing brand caries mobile app, that would meet the needs and target of the users KO Clothing is a clothing brand company, dynamic and diverse that offers a wide range of authoritative fashion focused around fit, detail and fabric. Not only they drive trends, is about to change the way people shop
DELIVERABLES
UX Process: Plan the necessary methods for user experience
PERSONAS: To create reliable representations of the key audience for reference
COMPETITORS Analysis: Gather information about the competitors strategies
USER FLOW: Identify the user journey focusing on user’s need
WIREFRAME: Initial sketch to cover areas of user experience and the journey
WIREFRAME: Refine wireframe on a digital plat form to clearer and concise user experience USABILITY TESTING: evaluate the app by testing it on users. To do this prototyping the mobile app would be ideal.
UX PROCESS
Before every project , i will gather the right information and the key goals of what the product needs to achieve as well as the user’s needs. Below is the few points i gathered when caring out my user experience for every product
The two things i will nee to establish first, before going into the structure of the app
PERSONAS
Business Goals?
What is the expected business outcome for the product?
Expand customers base and market share, deliver product to other cities around the country being competitive on clothing and online ordering & delivery product in particular
What are the users goals?
Quickly and easily shop without spending extra time on it (purchase online). Get what they actually ordered for (Get product in particular)
Card Sorting
The Goals:Find out how hypothetical users naturally categorize KO CLOTHING items by using the card sorting technique to determine the information architecture for online shopping services
USER FLOW
Product UI Requirement
Homepage. Store Department page. Product Detail page - there are available multiple templates depending on the type of product. User's Shopping Lists page, Detail page of shopping list
3. User Tasks Checks out, Signs up.
Requirement
We need a checkout flow that requires a user to log in or sign up before completing fields for: shipping address, billing address, credit card information, delivery options, confirm and pay. If user has completed checkout process earlier (has placed an order once) then all those info should be saved and filled automatically for next checkout processes without need to enter it again each time. Delivery confirmation should appear when checkout process is done and the order is placed
Pages to design
Shopping cart page. Login / Sign up forms. Checkout page with three subsections: Payment info, Shipping address, Delivery options (date & time). Confirmation / Place order page.
How the design could achieve these requirements For not logged in user we need a design for login / sign up process that appears / feels short. For first time users the checkout process should appear smooth and consistent and ask user to enter all needed info gradually, step by step, provide tool tips where its needed. Delivery confirmation should appear to inform user that his order has been received
LANDING PAGE
BRANDING
WIREFRAMING
FINAL DESIGN
THANKS FOR WATCHING