Depatched
Depatched
Depatched
Depatched
Furnitures & Decors Web Ecommerce
Furnitures & Decors Web Ecommerce
Furnitures & Decors Web Ecommerce
Furnitures & Decors Web Ecommerce
Role
UI/UX Designer
Role
UI/UX Designer
Deliverable
Responsive Website Design
Deliverable
Responsive Website Design
About
Depatched is an e-commerce site that sells furniture such as chairs, tables, and sofas, as well as décor such as vases, lamps, and other things that may be used to decorate a space. It provides several variants of various products so that users can choose their preferred option.
About
Depatched is an e-commerce site that sells furniture such as chairs, tables, and sofas, as well as décor such as vases, lamps, and other things that may be used to decorate a space. It provides several variants of various products so that users can choose their preferred option.
The Shop
The Shop
I added category tabs to the top bar of the desktop version of the page and I chose to make it a dropdown on mobile so that it would be easy to access. I also included the color variant option for products on the desktop so that users could see the alternatives without having to enter the product detail page.
I added category tabs to the top bar of the desktop version of the page and I chose to make it a dropdown on mobile so that it would be easy to access. I also included the color variant option for products on the desktop so that users could see the alternatives without having to enter the product detail page.
Product Page
Product Page
For the product page, I used a two-column layout to display the product photos in bigger boxes. The information on the left is not scrollable until the user reaches the last product image.
For the product page, I used a two-column layout to display the product photos in bigger boxes. The information on the left is not scrollable until the user reaches the last product image.
Product Filter
Product Filter
I designed the filter as a center modal with a list of categories in a collapsible style. Users may filter the product by color, size, etc.
I designed the filter as a center modal with a list of categories in a collapsible style. Users may filter the product by color, size, etc.
Shopping Basket
Shopping Basket
A table for the shopping basket was a brilliant idea. It's quite simple to tell which one is which, and I just stacked all product information for mobile.
A table for the shopping basket was a brilliant idea. It's quite simple to tell which one is which, and I just stacked all product information for mobile.
Inspirations
Inspirations
These sections are actually blogs, but I chose to name their insights since they provide visitors with interesting ideas on what furniture or décor is best for them. On the article template page, I added a huge image to the hero section as it engages users to scroll down further.
These sections are actually blogs, but I chose to name their insights since they provide visitors with interesting ideas on what furniture or décor is best for them. On the article template page, I added a huge image to the hero section as it engages users to scroll down further.
