project
summary
Challenge
My Role
Tool Used
Category
The main challenge was to create a seamless online shopping experience for customers to browse and purchase watches, with a diverse range of styles, brands, and price points.
E-com 🛍️
UI Design 📱
Figma ✨
Solution
We implemented an intuitive and responsive e-commerce platform with advanced filtering options, secure payment gateways, and detailed product descriptions to enhance the customer shopping journey.
design
process
Moodboard
Persona
Hi-Fi
Wireframe
Prototype
MOOD-BOARD
Aa
BLACK + RED
Concept
keywords
The theme was chosen to be black and red to give a sense of sophistication, power, and quality. we want the user to feel both empowered and classy when using the app.
power
energy
passion
red and black
excitement
COLORS
POPPINS
#E10000
Color
Color
Color
#E10000
#E10000
persona
NAME
ALI OSMAN
BIO
AGE
HOMETOWN
ECUCATION
OCCUPATION
29
KSA
Business
Business analyst
He is passionate about fashion, keeping up with the latest trends and expressing his personality through his clothing. He also has a love for watches, seeing them as a stylish addition to his look. He aims to balance his studies with his future interests.
Goals
Pain Points
Explore Career Opportunities in Fashion
Launch a Fashion Related Business
Develop Expertise in Watchmaking or Watch Retail
Limited Practical Experience in Fashion
Financial Constraints on Fashion and Watches
Uncertainty About Career Path
wire-frames
Nike Air Max
SR 80.00
Nike Air Max
SR 350.00
$40
Fabric Luella
Arm Chairs
$32
Herman Miller
Arm Chairs
$40
Fabric Luella
Arm Chairs
$32
Herman Miller
Arm Chairs
Subtotal
SR 375
Shipping
SR 05
Total
SR 380
Summary Detail
The Design
The onboarding screen offers a seamless introduction to its watch. With sleek graphics and clear instructions, users navigate effortlessly through each step.
The home screen greets users with a minimalist yet visually engaging interface. A dynamic search bar shows quick and intuitive navigation. Featuring a curated selection of the trending home watches and personalized recommendations.
The checkout process elegantly organizes into sections for reviewing products, entering delivery addresses, providing payment details, and summarizing your order, ensuring a seamless and transparent shopping experience.
The login/signup page boasts a clean and minimalist design, ensuring a hassle-free user experience. Its intuitive layout guides users smoothly through the process, making account creation or access quick and easy.
Dive into product details with clarity and precision. Crisp images and concise descriptions provide users with essential information at a glance. Intuitive navigation allows for easy exploration of product variations and related items, enhancing the shopping experience.
Onboarding
Home Page
My Cart
Sign in page
Product Detail
********
Password
Sign in
exampel@gmail.com
XWATCH
9:41
hi-fi
The checkout process elegantly organizes into sections for reviewing products, entering delivery addresses, providing payment details, and summarizing your order, ensuring a seamless and transparent shopping experience.
Checkout
prototype
