Analyze best web practices.
Discuss with stakeholders to understand their needs.
Discuss with engineers to understand the constraints (Shopify limitations, skills,…).
Propose relevant UX options, gather feedback and iterate.
Introduce UX process.
Infographic by Francois Bouniq-Mercier
Because of the team time constraints, we decided to create an ‘ideal’ wireframe, to implement, to and then to evaluate the live website (A/B testing).
Discussing with stakeholders to define the new functionality.
Introducing the benefits of prototyping.
Proposing UX options and targeting different users.
Testing UX options (remote test recorded through questions and HotJar).
Three concepts were proposed.
From the ideation phase, two concepts were retained and fleshed out.
Development of the side module.
Prototyping and remote testing for optimisation.
Introducing the benefits of building an atomic component library.
Working with UI designer, creatives and dev to develop the UI.
Assisting dev though UI implementation.
Facilitating the UI QA with relevant tools.