top of page
Clickable image of Hove Soles website
Hove Soles Website link

HOVE SOLES

Responsive Shoe Shopping Website

Website:    Click the link to view.

Brief:   Design a cross-platform responsive website in Adobe XD

Tools:  Adobe XD | Adobe Illustrator & Photoshop | Maze | MS Forms | Google Jamboard

​

​

project overview of Hove Soles website
User Research
User research summary
Persona 1 Phoenix Rey
Persona 2, Hendi Kaihan-Hu
Competitive Analysis Spreadsheet
User Journey Map
sitemap of Hove Soles website
Paper wireframes of Hove Soles website
Responsive versions of paper wireframes
Digital wireframe with design thinking and aligned with user research.
Digital wireframes with screen size variations.
Low-fidelity prototypes for mobile and laptops.
Usability study parameters.
Usability study findings.
Mockups before and after the usability study.
Mockup of buying checkout screen before & after the usability study.
Original screen size of mockups.
Screen size variations of mockups for mobile, tablets and desktops.
High-fidelity prototypes mockups with connections.
Accessibility considerations for buying & selling pages.
Annotations for the buying search results page.
What I learnt and comments from the usability study.
Next steps before sending the designs to engineers for development.
bottom of page