Reviews and user testing of the existing site as well as competitors' provided an understanding of why customers read case studies, where and how they expect to find them and how and when they use them.
Miro was used to visually summarise the results from user interviews and it became clear that they use case studies to;
Customers also want to know a product's track record, if it's been used in similar circumstances and how successful it
— From user interview
— From user interview
Visualising the core user flow and referring to the competitor review informed the requirements for the site, synthesising these in an affinity map shaped the development of the information architecture, site map and navigation scheme.
Utilising insights from the research phase along with inspiration from a moodboard and persona, brainstorming was used to generate ideas and solutions round how to make:
These were refined through iterative sketching and narrowed down to three key concepts via dot-voting.
Case studies and products used were made more discoverable by;
Since this design has been re-visited the following iterations have been made;
A contact-us carousel was added to help customers find a person's contact details quickly from relevant pages i.e case studies and product pages
The main filters by well phase (Topside, Completion etc.) were made more visual with small cards.
Further ideas include:
Thanks for checking out my portfolio.