Case study 01

Website design for a global telecommunications organisation

Overseeing the user experience design and daily management of the UK website for Three Mobile during a 12-month period — ensuring the website was current, functional and commercially effective.

UX Design Content Design End-to-end design

At a glance

My roleDigital Content Editor
Role detailsResponsible for day-to-day design decisions, stakeholder liaison, and delivery of all digital touchpoints across the website.
Project objectivesMaintain and enhance the Three Mobile UK website to improve user experience, and ensure content remained accurate, accessible, and on-brand to support commercial campaigns.
Services delivered
  • UX design
  • Defining user flows
  • Content design
  • Design QA
  • Working in staging environments
  • Ongoing site maintenance
  • Stakeholder management
Project overviewWhile embedded within the Three Mobile digital team, I led on content and design work across a 12-month engagement. This involved working on new product launches, which included designing new page templates as well as optimising and improving user journeys. Other work involved producing content for the wider online user experience and driving site-wide user experience improvements.
Software used
  • Adobe Experience Manager (AEM)
  • Figma
  • Jira
  • Confluence
  • FatWire Content Management System
  • Google Analytics
  • Hotjar

Success metrics

26new product launches inside 12-month timeframe
+38%Increase in new product page engagement rate from users
-47%Reduction in basket drop out compared to older products
100%On-time delivery of all new product launches

What I did

The challenge

Three Mobile required a Digital Content Editor to work in its Agile website development team to undertake the management of its UK website. This included managing multiple workstreams and responding to changing commercial priorities while also maintaining content and design standards across a high-traffic consumer website.

Three Mobile homepage panel design
Three Mobile UK website homepage promoting the switch to 5G

My approach

Working alongside the digital product team, I established best practice processes to set the wider team up for success. These processes included:

  • identifying clear communication channels to ensure the entire team was aligned
  • collaborating with stakeholders to clarify project requirements
  • translating business requirements into clearly defined user-centred briefs
  • defining rigorous testing to ensure the integrity of work before publication
  • delivering production-ready website assets

Every new page and feature on the Three website was clearly defined using both the Three Mobile brand guidelines and style guide. From here, I undertook quick wireframing and prototyping in testing environments to ensure the quality of all work before moving all new work into production.

The production-ready work was moved into the live Three Mobile website using a complex content management system that required HTML, CSS and JavaScript skills to ensure correct and efficient functionality.

Three Mobile device panel design
Promotional device panel featured on Three Mobile homepage

The outcome

Throughout the 12 months I worked with the organisation, I consistently led on high-profile product launches and supported regular marketing campaigns on the Three Mobile website. This was supported by the introduction of best working practices and efficient collaboration among internal stakeholders.

As a result, the business saw increased user engagement across key commercial areas of the website while the design process improved significantly, allowing the business to increase product launches throughout the calendar year.

Three Mobile why panel design
Reasons to switch to Three Mobile feature panel