A concept design for
Online Fashion Store
Role : UI / UX Art Director
Created : 2018
AIM: Build a clean and simplified engaging e-commerce website to give the best browser journey experience for the end user.
Intro / Landing Page
Promotional sliders with parallax animation. Giving access to the user to see all the color options from the slider itself. The slider animation will stop while hover on the color palettes. And it will start showing the quick view of each product in the color palette respectively. The page will redirect to the product details page depending on the color that got hit. Slider animation will start again after 2-3 seconds when the hover moved away from the palette.
Don't want to complicate, so simple dropdown menu for various categories.
Slider navigation from the right for more details about the company, newsletter signup, and social media activities with a background blur effect.
CATEGORY LANDING PAGE
Well organized and categorized landing to give a fresh and rich look. The user can easily choose their category without any hesitation. A specified major portion in the grid for promotional and seasonal sales for the business.
PRODUCT LISTING PAGE
Repeating the same here, organized fresh and rich look with nice pagination on the bottom.
On hover, more option will be added on each product such as colors, add to cart icon and the hero image will be a slide show. Color palette function will work here also, only the difference is the hero image will change with color click and slider will pick the images from the respective color group.
ADD TO BAG FROM PRODUCT LISTING PAGE
The user can add the product to their cart from the product listing page but, they should be able to select the product with the size and quantity. "Wear it with", it's a suggestion for the user to select the best match products for the selected one.
A dropdown filter can save a lot more space on the screen for the products.
PRODUCT DETAIL PAGE
Yeah, the king has arrived! The product is the king for the user as well as the business. So decided to give more room for the product slider for the best product visibility.
SCROLL FROM PRODUCT DETAIL
Giving suggestions for the best matching products and related products to the selected product and from the user's previous search history.
Same as the menu; a simple dropdown.
THANK YOU FOR WATCHING