Homepage.jpg

PEDRO's Homepage Re-Design

 

PEDRO’s Homepage Re-Design

(Web Design, UI / UX Design, Responsive Design)

Completed in 2019, a total of 3 homepages were re-designed, in both desktop and mobile devices:
1. Main Homepage — features both women and men content
2. Women’s Homepage — features only women’s content
3. Men’s Homepage — features only men’s content

Homepage 01

Main Homepage

The idea of the first banner featuring both genders is to let customers know that PEDRO caters to both women and men. For “Explore by Categories” section at the bottom of the page, the idea is to allow customers to switch tabs to see and shop by different categories featured for both genders.

 
 
main-homepage
 
 
 

Homepage 02 and 03

Women’s and Men’s Homepage

As this homepage is featuring just one gender, the idea is to put the latest collections at the top, so customers would be able to see the content and/or products first. Following that, it features a new arrival slider — acting like a break in between for customers to browse the latest products of the week. The homepage then ends with more collections for customers to discover.

 
 
women-homepage
 
 
 
men-homepage
 
 

function 01

Homepage Slider

Allows users to click left and right to view more products.

 
 
product-slider
 
 
 

function 02

Mega Menu

A re-designed new mega menu layout in conjunction with the new homepages.

 
 
Mega-Menu.gif
 
 
 

Completed project in 2019. All images, copywriting, icons, logo and content belong to PEDROSHOES.COM.