KSP Redesign

a redesign of an e-commerce website
student project
ksp hero image

Story Time

The assignment was to take a site you love buying from and improve it's Ux and Ui. I frequantly buy from KSP because of their low prices and fast delivery service , but their site is quite a mess. so I took the challenge on to redesign it.
What I did:
Design
Prototyping
Type of Project:
Website redesign
My Tool Set:
figma logoillustrator logo
picture of ksp store

Redesign

Homepage
ksp home page design
ksp home page design
Mega menu
ksp mega menu design
Result page
ksp result page design
Product pop up
ksp pop up product page design
For best viewing of the design please view on desktop

UI Design

Typography
Heebo
Colors
Components
ksp product card component

Challenges

  • Trying to simplify the huge navigation menu, while maintaining most of the categories

Goals

  • Create a good information architecture to help the customer in the buying process, and avoid confusion and lower the bounce rate

Original design

For best viewing of this exsample please view on desktop
Home page
exsample of ksp old design
Mega menu
exsample of ksp old design
Product page
exsample of ksp old design

User Flow

Home page
arrow
nav menu
arrow
choose
category
arrow
result
arrow
arrow
fliter/sort
arrow
choose
product
arrow
product pop-up
arrow
buy