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.
