Menu

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.

  • Fashion Store
  • Fashion Store
  • Fashion Store
  • Fashion Store

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.

Fashion Store

CATEGORY MENU

Don't want to complicate, so simple dropdown menu for various categories.

Fashion Store

SLIDER MENU

Slider navigation from the right for more details about the company, newsletter signup, and social media activities with a background blur effect.

Fashion Store

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.

Fashion Store

PRODUCT LISTING PAGE

Repeating the same here, organized fresh and rich look with nice pagination on the bottom.

Fashion Store

PRODUCT HOVER

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.

  • Fashion Store
  • Fashion Store
  • Fashion Store
  • Fashion Store

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.

Fashion Store

FILTER

A dropdown filter can save a lot more space on the screen for the products.

Fashion Store

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.

Fashion Store

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.

Fashion Store

SHOPPING BAG

Same as the menu; a simple dropdown.

Fashion Store

THANK YOU FOR WATCHING