E-Commerce Web Site Redesign and Optimization

Challenge

An e-commerce company wanted to update a website for a newer e-commerce platform. The client's request was to make it look modern but keep the company's branding. 

Stage 1: Analysis

We found several "problem spot" on the home page that might lower a web site usability and conversion rate:

  • too many action button on the same page

  • some in-active design elements looked like buttons

  • links to important files were not obvious and overlapped other design elements

Old wedsite version:

press to zoom

press to zoom
1/1

Stage 2: Wireframing

During wireframing process, we applied new design decisions for the problems we discovered in the first stage:

  • simplifying design and creating web site hierarchy by splitting content into blocks

  • adding buttons instead of links   

press to zoom

press to zoom
1/1

Stage 3: Creating an interactive prototype

Home-mockup
Home-mockup

press to zoom
Home-mockup
Home-mockup

press to zoom
1/1

The same process was applied to a mobile version.

Home Mobile
Home Mobile

press to zoom
Home Mobile
Home Mobile

press to zoom
1/1
Home Mobile Mockup
Home Mobile Mockup

press to zoom
Home Mobile Mockup
Home Mobile Mockup

press to zoom
1/1