Web design
This project is a high-fidelity web design made using Adobe Xd, I also incorporated skills from Photoshop to make designs & banners
Client: 1st Avenue, a smart e-commerce centre.
HOMEPAGE
The heart icon leads to the favourite page where users can favourite any product they like.
The cart icon leads to the checkout page.
The search icon opens
up to this
This is the menu button, it opens up to look like this
HOME PAGE (PROMOTIONS )
As the users scroll down the homepage they will see promotions for what is new for both the men's & women's sections.
Users can easily add any product they like to their favourite page.
Users can easily add any product they like to their cart, allowing them to continue browsing the website.
If the user wants to look for similar products the "see more" button helps them easily access the page
Clicking on the "see more" button will lead to the new in page.
The page will showcase items that just dropped
The page will also showcase seasonal special items.
HOME PAGE (PROMOTIONAL BANNERS )
These are banners made for the latest sales and specific products like snacks since the target users are students.
HOME PAGE (MORE PROMOTIONAL BANNERS )
This is the end of the homepage. It has banners to promote popular products, urging users not to miss out on the item that is selling fast.
Icon to show that the product is selling fast.
The picture of the bag is hoverable. Making it easy and simple for users to see the inside design of the bag, without having to click on the item.
MENU BAR
Check out some of the pages I made that links to the site's menu bar
MEN'S & WOMEN'S PAGE
The Men's & Women's pages have simple designs with the goal of making it user friendly for the users
PRODUCT PAGE
The picture is easily scrollable allowing users to see different angles of the product easily.
One of my main goals when prototyping this website was to keep users on the page and shopping. Thus, I made the featured and recommended product list at the end of each product page.