top of page

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

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​

Screenshot (144).png

HOME PAGE (PROMOTIONS )

Screenshot (147).png

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.

Screenshot (148).png

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

Screenshot (152).png

Clicking on the "see more" button will lead to the new in page.

The page will showcase items that just dropped

Screenshot (153).png
Screenshot (154).png

The page will also showcase seasonal special items.

HOME PAGE (PROMOTIONAL BANNERS )

Screenshot (149)_edited.jpg

These are banners made for the latest sales and specific products like snacks since the target users are students.

HOME PAGE (MORE PROMOTIONAL BANNERS )

Screenshot (156)_edited_edited.jpg

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.

Screenshot (159)_edited_edited_edited.jp
Screenshot (160)_edited_edited_edited.jp

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

Screenshot (167)_edited.jpg

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.

Screenshot (189)_edited.jpg
Screenshot (191)_edited.jpg
Screenshot (192)_edited.jpg

Our Story

Screenshot (193)_edited.jpg
bottom of page