UI Design: Size Guide

(UI Design, Responsive Design)

A page where customers frequently visits for an e-commerce website, the objective of this page while designing was to make sure it’s clear — customers should be able to find information as quickly as they can. To narrow it down, a toggle menu was designed to separate size guides between Women and Men as the first step. Next, as PEDROSHOES.COM offers both shoes and belts for Men, a drop-down menu was designed to separate both size guides.

For size guide tables, a hover function was designed to help ease the comparison between sizes by countries for customers. The function works in mobile version as well. A “Need Help” section on the right is also being placed at the top of the page, to allow the ease of contacting customer service should customers need additional help.

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