Informing progress & shaping the future

Visit Site
FOIL logo
FOIL brand image - montage of silhouetted business people with beams of light


FOIL is the representative voice of the insurance lawyer community; a national body that through lobbying, education and networking promotes a more transparent claims environment.

The organisation has a large membership base of lawyers, partners and insurers, that through the website have access to a wealth of gated content surrounding latest legislation, news and events within the industry.

FOIL's previous website had served them for nearly eight years. However, motivated by evident usability frustrations and evolving business objectives FOIL realised it was time for change, and so commissioned CobwebMedia to undertake a full UX design process and deliver a new website that would focus on the needs of their users.


The initial phase of our UX design process focused heavily on FOIL's users and what they wanted from the website. Considerable user research was undertaken to identify various user groups and how their needs differed. Analysis of stats, stakeholder interviews and member surveys were conducted in order to glean a thorough understanding of both FOIL's users and the views of it's stakeholders.

Wireframes were then produced alongside a functioning, low fidelity prototype to help demonstrate core functionality. After various iterations, the wireframes were then developed into a series of high fidelity visuals, which were then handed over to development for implementation.

The new website is a real success story. Clean, organised, easily navigable - a much improved user experience all round. Since launch there has been a huge upturn in both traffic and engagement.

Skills Utilised

  • UX & Design
  • WordPress Development
Two mobile devices showing various screens from the new FOIL websiteA mobile devices showing the new FOIL website homepage
A zoomed section of the FOIL sitemap showing user goal priorities
logic and user flow illustration
Laptop presentation of a screen from the new FOIL websiteMobile device presenting a screen from the new FOIL website
An angled view of a sheet of printed website wireframes with annotations
A mobile device sat square on displaying the new FOIL website
Mobile device in-hand showing the activated FOIL website menu
Desktop display presenting newly designed FOIL website homepage
New FOIL website homepage presented on a tablet device

Like what we’ve done for FOIL?

Let’s talk about your project

Contact us


Our work
Hover Icons