This thumbnail shows a modern forward visual featuring diverse models, communication the app style in clothing and fashion.
Project Summary and Target audience
Project summary and Target audience
This section shows what this project is all about and the target audience of this project. This helps to know what to design on and who to design for.
User Persona
User persona
This section showcase a user persona of a song writer who likes online shopping, user research highlights what this user needs, his fraustrations. It helps to know what users and how to improve users experience.
Style Guide
Style Guide
This section showcase the style guide of this project such as color palette, typography.
Components
Components
This section highlights reusable UI components such as buttons, product display, animations, these ensure design consistency and a smoother user experience.
User Flow
User Flow
This section showcase how user experience will be starting from splash screen to onboarding screens, home screens, product listing, add items to cart and a complete checkout ending with order confirmation.
UI Screens
UI Screens
This sections showcase the UI designs of this project.
Mockups
Login
This is a device mockup of mobile login screen of this design project.
Mockups
Payment
This mockup shows the payment screen of this design project, with an option to make payment using card payment option or payment on delivery for selected products.
Mockups
Onboarding Screen
This mockup shows the onboarding screen of this mobile design project, this screen tells a story of what the project is about before signing up or login.
Mockups
Get Started
This mockup screen is the last screen before signing in or login.
Mockups
Homescreen
This mockup screen shows the home page of this mobile designs, it consists of search button to make it easier for users to search for available products right from home page screen and also categories.
Mockups
Product detail page
This section showcase men's category mockup of product detail page, how much the product costs and how to proceed to checkout.
Mockups
Checkout
This is the checkout screen, it includes product and delivery cost, voucher code, and shipping address with an option to proceed to checking out.
Mockups
Product detail page
This section showcase women's category mockup of product detail page, how much the product costs and how to proceed to checkout.
Mockups
Checkout
This is the checkout screen, it includes product and delivery cost, voucher code, and shipping address with an option to proceed to checking out.
Overview
Buyhaven is a fashion e-commerce mobile app designed to offer users stylish and smooth user experience. This project focuses on blending visual appealing with usability to attract fashion minded users and the target audience in both men and women.
Goals
Design a clean and engaging UI designs for clothing shoppers
Ensuring smooth navigations between screens, from signing up to product discovery to checkout.
Create a responsive mobile layout for easy access on all mobile devices and tablets.
What I Aim to achieve
My goal is to design a user centered app that looks modern and functional. I aimed to improve user engagement throughful user research, and deliver a design that's accessible, compatible on all mobile devices and tablet with seamless user experience and also ready for development.