UX/UI
E- COMMERCE
As part of the student project, we were asked to design a website with the goal of creating an aesthetically pleasing and enjoyable user experience, with an emphasis on functionality. The exercise focused on developing a website for an online store offering unique home design items, with a focus on combining modernity and clean lines.
Throughout the process, we concentrated on a complete workflow – from building the brand identity, through selecting colors and fonts that reflect the spirit of the site, to designing a personalized user experience. The goal was to create a website that combines design inspiration with a comfortable and inviting shopping experience.
About
As part of the student project, we were asked to design a website with the goal of creating an aesthetically pleasing and enjoyable user experience, with an emphasis on functionality. The exercise focused on developing a website for an online store offering unique home design items, with a focus on combining modernity and clean lines.
Throughout the process, we concentrated on a complete workflow – from building the brand identity, through selecting colors and fonts that reflect the spirit of the site, to designing a personalized user experience. The goal was to create a website that combines design inspiration with a comfortable and inviting shopping experience.
About
Key Features
Simple and Intuitive Navigation: Moving through a clear menu organized by categories, making it easy for users to find what they’re looking for. We also added a search icon at the beginning of each page to further assist with finding items.
Simple Checkout Process: A clear and minimalist shopping cart and a fast checkout process with no complicated steps.
User Experience
Personalization
Smart Recommendations: Products suggested based on previous searches or purchases.
Filtering and Sorting: Advanced filtering options by categories, prices, and colors.
Accessible Design
Mobile Friendly: The website is optimized for viewing and managing purchases from mobile devices.
Color Contrast: The selection of colors that ensures easy readability for all users, including those with visual impairments.
Readable Fonts: Using fonts that are suitable for reading at all sizes
Pain Point
Users struggle to quickly find the exact item that suits their needs, especially when there is a wide variety of products.
Uncertainty about product quality.
The challenge of envisioning items in the home
Solution
Solution
On every page of the website, we added a prominent and accessible search icon to simplify navigation. With just one click, users can answer simple questions like, "What size are you looking for?" or "What’s your budget?" and receive personalized results that narrow down the options to the most relevant products.
We provided high-quality product images from various angles, including a zoom feature.
We added user reviews and ratings to help customers check others' experiences.
We included detailed information about materials, dimensions, and maintenance instructions for each item.
Visualization tools that allow users to "place" the product in a simulated home space.
Pain Points and Solutions
Market Analysis
A visually pleasant font
Effective contrast and harmony
Affordable prices
Organized navigation bar
Innovation and uniqueness
Organized
Chat can be hidden
Image in the navigation bar
v
v
v
v
v
v
v
v
v
v
v
v
x
x
x
v
v
v
v
v
x
x
x
x
x
v
v
v
v
v
v
v
v
v
v
v
v
v
v
v
v
v
v
v
v
v
v
v
v
v
v
v
v
v
v
v
v
v
v
v
v
v
v
v
v
v
x
x
x
v
v
v
v
v
v
x
x
x
v
v
v
v
v
v
x
x
v
v
v
v
v
v
x
x
x
x
Before creating the website, we conducted in-depth market research to understand the latest trends in design and online shopping. This research included analyzing competitor websites, identifying the target audience and their preferences, and examining users' needs and expectations for unique home items.
The insights we gathered guided us in choosing a design that emphasizes originality while delivering a user experience that offers convenient navigation and a simple purchase process. The goal: to create a website that highlights the uniqueness of our products while aligning with market trends and demands.
How much will discounts and promotions influence your decision to purchase furniture on the website?
It will have a strong influence.
Will have a little effect
Will not affect
7.3%
12.2%
80.5%
Do you prefer furniture that requires assembly or pre-assembled furniture?
No preference
34.1%
Pre-assembled
39%
Can be self-assembled
26.8%
Have you ever purchased furniture online before?
No
43.9%
Chairs
15.8%
Beds
10.5%
desks
13.2%
Tables
18.4%
What type of furniture are you interested in?
Tom, a 29-year-old cybersecurity expert from Tel Aviv, is looking for original items with a creative touch for his home. He shops online (56.1% of buyers), but struggles to find unique designs on regular websites. He’s interested in seating items like sofas (42.1%) and seeks a user-friendly experience. Tom loves taking advantage of sales (like 80.5% of users), which is why our website offers a stylish catalog, advanced search, and sales tailored to his unique taste.
Tamar, a 32-year-old marketing professional from Tel Aviv, is looking for unique, stylish items that reflect her personal taste. She shops online (like 56.1% of users), but is sometimes frustrated by lengthy searches on unfocused websites. She prefers ready-made furniture (like 39% of users) and is particularly interested in sofas (42.1%). Sales strongly influence her purchasing decision (80.5%). Our website meets her needs with a focused catalog, easy navigation, and exclusive deals.
The font we used: HEEBO
1234567890
+=_-()*₪^%$#@!|
אבגדהוזחטיכלמםנןסעפףצקרשת
1234567890
+=_-()*₪^%$#@!|
אבגדהוזחטיכלמםנןסעפףצקרשת
1234567890
+=_-()*₪^%$#@!|
אבגדהוזחטיכלמםנןסעפףצקרשת
1234567890
+=_-()*₪^%$#@!|
אבגדהוזחטיכלמםנןסעפףצקרשת
1234567890
+=_-()*₪^%$#@!|
אבגדהוזחטיכלמםנןסעפףצקרשת
1234567890
+=_-()*₪^%$#@!|
אבגדהוזחטיכלמםנןסעפףצקרשת
1234567890
+=_-()*₪^%$#@!|
אבגדהוזחטיכלמםנןסעפףצקרשת
1234567890
+=_-()*₪^%$#@!|
אבגדהוזחטיכלמםנןסעפףצקרשת
1234567890
+=_-()*₪^%$#@!|
אבגדהוזחטיכלמםנןסעפףצקרשת
Typography and Colors
Blue “Sky”
B3E1E5
R179 G225 B229
C28 M0 Y10 K0
marshmallow White
F8F9F2
R255 G242 B180
C1 M2 Y36 K0
“Banana” Yellow
FFF2B4
R255 G242 B180
C1 M2 Y36 K0
Bierdi Color
231F20
R35 G31 B32
C70 M67 Y64 K74
1
2
3
-
+
כפתור
כפתור
לורל
UI KIT
חדר שינה
גיפט- קארד
שולחנות
חדר רחצה
מטבח
הכי נמכרים
חדש
עברית
מבצע לסופ״ש אחד בלבד! 20% הנחה על כל הספות!
סוג המוצר
בחר את קנה המידה הרצוי
באיזה גוון תרצה את המוצר?
כמה אתה מעוניין לשלם?
מה
גודל
צבע
תקציב
דף בית
דף קטגוריית ספות
דף מוצר
דף תשלום
דף תשלום
דף תודה
Web
Mobile
WIREFRAMES
Social media
Thanks for watching!
Key Features
Personalization
Smart Recommendations: Products suggested based on previous searches or purchases.
Filtering and Sorting: Advanced filtering options by categories, prices, and colors.
Accessible Design
Mobile Friendly: The website is optimized for viewing and managing purchases from mobile devices.
Color Contrast: The selection of colors that ensures easy readability for all users, including those with visual impairments.
Readable Fonts: Using fonts that are suitable for reading at all sizes
Simple and Intuitive Navigation: Moving through a clear menu organized by categories, making it easy for users to find what they’re looking for. We also added a search icon at the beginning of each page to further assist with finding items.
Simple Checkout Process: A clear and minimalist shopping cart and a fast checkout process with no complicated steps.
User Experience
Pain Points and Solutions
Users struggle to quickly find the exact item that suits their needs, especially when there is a wide variety of products.
On every page of the website, we added a prominent and accessible search icon to simplify navigation. With just one click, users can answer simple questions like, "What size are you looking for?" or "What’s your budget?" and receive personalized results that narrow down the options to the most relevant products.
Uncertainty about product quality.
We provided high-quality product images from various angles, including a zoom feature.
We added user reviews and ratings to help customers check others' experiences.
We included detailed information about materials, dimensions, and maintenance instructions for each item.
The challenge of envisioning items in the home
Visualization tools that allow users to "place" the product in a simulated home space.
Market Analysis
Before creating the website, we conducted in-depth market research to understand the latest trends in design and online shopping. This research included analyzing competitor websites, identifying the target audience and their preferences, and examining users' needs and expectations for unique home items.
The insights we gathered guided us in choosing a design that emphasizes originality while delivering a user experience that offers convenient navigation and a simple purchase process. The goal: to create a website that highlights the uniqueness of our products while aligning with market trends and demands.
Have you ever purchased furniture online before?
No
43.9%
Yes
56.1%
Chairs
15.8%
Beds
10.5%
desks
13.2%
Tables
18.4%
What type of furniture are you interested in?
How much will discounts and promotions influence your decision to purchase furniture on the website?
It will have a strong influence.
Will have a little effect
Will not affect
7.3%
12.2%
7.3%
12.2%
80.5%
Do you prefer furniture that requires assembly or pre-assembled furniture?
No preference
34.1%
Pre-assembled
39%
Tom, a 29-year-old cybersecurity expert from Tel Aviv, is looking for original items with a creative touch for his home. He shops online (56.1% of buyers), but struggles to find unique designs on regular websites. He’s interested in seating items like sofas (42.1%) and seeks a user-friendly experience. Tom loves taking advantage of sales (like 80.5% of users), which is why our website offers a stylish catalog, advanced search, and sales tailored to his unique taste.
Tamar, a 32-year-old marketing professional from Tel Aviv, is looking for unique, stylish items that reflect her personal taste. She shops online (like 56.1% of users), but is sometimes frustrated by lengthy searches on unfocused websites. She prefers ready-made furniture (like 39% of users) and is particularly interested in sofas (42.1%). Sales strongly influence her purchasing decision (80.5%). Our website meets her needs with a focused catalog, easy navigation, and exclusive deals.
Typography and Colors
“Banana” Yellow
FFF2B4
R255 G242 B180
C1 M2 Y36 K0
marshmallow White
F8F9F2
R255 G242 B180
C1 M2 Y36 K0
Blue “Sky”
B3E1E5
R179 G225 B229
C28 M0 Y10 K0
Bierdi Color
231F20
R35 G31 B32
C70 M67 Y64 K74
The font we used: HEEBO
1234567890
+=_-()*₪^%$#@!|
אבגדהוזחטיכלמםנןסעפףצקרשת
1234567890
+=_-()*₪^%$#@!|
אבגדהוזחטיכלמםנןסעפףצקרשת
1234567890
+=_-()*₪^%$#@!|
אבגדהוזחטיכלמםנןסעפףצקרשת
1234567890
+=_-()*₪^%$#@!|
אבגדהוזחטיכלמםנןסעפףצקרשת
1234567890
+=_-()*₪^%$#@!|
אבגדהוזחטיכלמםנןסעפףצקרשת
1234567890
+=_-()*₪^%$#@!|
אבגדהוזחטיכלמםנןסעפףצקרשת
1234567890
+=_-()*₪^%$#@!|
אבגדהוזחטיכלמםנןסעפףצקרשת
1234567890
+=_-()*₪^%$#@!|
אבגדהוזחטיכלמםנןסעפףצקרשת
1234567890
+=_-()*₪^%$#@!|
אבגדהוזחטיכלמםנןסעפףצקרשת
UI KIT
1
2
3
-
+
כפתור
כפתור
לורל
חדר שינה
גיפט- קארד
שולחנות
חדר רחצה
מטבח
הכי נמכרים
חדש
עברית
מבצע לסופ״ש אחד בלבד! 20% הנחה על כל הספות!
סוג המוצר
בחר את קנה המידה הרצוי
באיזה גוון תרצה את המוצר?
כמה אתה מעוניין לשלם?
מה
גודל
צבע
תקציב
WIREFRAMES
Web
דף בית
דף קטגוריית ספות
דף מוצר
דף תשלום
דף תשלום
דף תודה
Mobile
Thanks for watching!