Crabtree & Evelyn

Ecom website redesign to increase sales, number of visits, and returning visitors

Client
  • Crabtree & Evelyn
Role
  • Lead and contribute to the UX process: Define and develop relevant UX actions.
  • Work broadly with design, content strategy, engineering, and marketing to actively encourage team involvement in UX and research.
  • Turn user data into actionable product/service requirements that feed into prototype development, and influence product direction.
  • Develop wireframes, and prototypes to encourage collective decision-making.
  • Introduce the concept of user and user needs through usability testing and surveys.
  • Work closely with developers to build the design system and automate QA.

First step

Team’s introduction to the UX process

  • Interview stakeholders to understand their needs.
  • Analyze best web practices.
  • Discuss with engineers to understand the constraints (Shopify limitations, skills,…).
  • Propose relevant UX options, gather feedback, and iterate.

Infographic by Francois Bouniq-Mercier

UX

Because of the team’s time constraints, we decided to create an ‘ideal’ wireframe to help with in-house alignment, to test some of it, implement it, and then evaluate the live website (A/B testing).

New feature design & testing

Ideation

Development

two concepts were retained and fleshed out.

Testing

Team decision

Development of the side module.
Prototyping and remote testing for optimisation.

UI

Templates & design system

Introducing the benefits of the atomic library.
Working with UI designer, creatives, and dev to develop the UI.
Assisting dev through UI implementation.
Facilitating the UI QA with relevant tools.

Templates & design system

Introducing the benefits of the atomic library.
Working with UI designer, creatives, and dev to develop the UI.
Assisting dev through UI implementation.
Facilitating the UI QA with relevant tools.