To begin, we conducted an in depth assessment of the current product page.

When doing this, we pulled in key points we had found in our usability study of the page. We already had a lot of learnings from talking to our customers, so it was important we layered these into our thinking.

We also layered in points from a competitor analysis, to ensure we were aware of what other people in the market were doing on their product pages.

Finally, we layered in key design points that we could work on from a UI perspective, to improve the look and feel of the page.

We then moved onto the wireframing stage of the design process. I worked closely with a UX Designer on this to ensure we were happy from both a UX & UI perspective.

We broke the page down into digestable chunks and began wireframing them.

A lot of parts of the product page are quite complex in terms of business process so we also had to ensure all key stakeholders were involved at this stage to ensure we didn't introduce anything that wasn't going to be feasible from a business management point of view.

We also made sure to cover all of the different scenarios that could possibly occur on this page, to ensure our solution was robust and one that we could have confidence in.