Notes

Most of the wireframe was already built. I have removed the pages I wasn't involved with.

I added additional pages which include checkout, order confirmation and quote pages, using the desktop wireframes as a guide.

Amending product listing, product details and basket pages.

Also adding more links and sub links to the navigation menu.

User journeys

1. Scenario

Adding an item to the basket The example is iflo Metz L Shaped Shower Bath Screen 1500mm x 810mm.
The user clicks in the navigation menu:

  • Bathrooms
  • Shower Trays & Enclosures
  • Screens
  • Category page screens select: iflo Metz L Shaped Shower Bath Screen 1500mm x 810mm
  • Product detail choose option add to basket

2. Scenario

Some of the product will not have a price, a quote needs to be requested. The example is Mira Advance Flex 9.0kW White Chrome.
The user clicks in the navigation menu:

  • Bathrooms
  • Showers
  • Electric Shower
  • Category page electric shower select: Mira Advance Flex 9.0kW White Chrome
  • Choose option
  • Add item to the quote list
  • View quote list

3. Scenario

An item is not available in the local area, user adds the product to their basket, but it is substituted for a similar item in the basket The example is Thistle Board Finish Plaster.
The user clicks in the navigation menu:

  • Insulation & Plasterboards
  • Plaster & Plasterboards
  • Plaster
  • Category page screens select: Thistle Board Finish Plaster
  • Product detail choose option add to basket
  • Basket view