Identify
Analyse GA4, behavioural data and customer journeys to identify friction and opportunities.
← Back to workMATTRESS
UX/UI · Front-End · Ecommerce
MATTRESS
NEXT DAY
Digital Designer & Front-End Developer
Ecommerce
Eight-figure ecommerce business
Overview
Designing, building and optimising the digital experience of an eight-figure ecommerce business.
As the primary designer and front-end developer at MattressNextDay, I worked across the digital product lifecycle, from wireframes and interface design through to front-end development, experimentation and optimisation.
Working closely with backend developers and the wider team, my role covered customer-facing ecommerce journeys, internal systems, conversion optimisation, accessibility, performance, email and digital campaign creative.
Design decisions were informed by customer behaviour, analytics, technical feasibility, accessibility and commercial performance rather than being made in isolation.
Disciplines
- Product Design
- UX/UI
- Front-End Development
- CRO
- Accessibility
- Ecommerce
- Digital Creative
Design + Development
From initial idea to working interface.
01
Design
Creating wireframes and interfaces for customer-facing ecommerce experiences as well as internal and backend systems.
02
Development
Turning designs into responsive components using HTML, SCSS/Sass and JavaScript while working directly with backend developers.
03
QA
Testing interfaces across browsers, devices and screen sizes, with customer device data from GA4 helping inform testing coverage.
CRO process
Design informed by behaviour, data and testing.
Hypothesise
Define the problem and create a structured hypothesis and testing plan.
Design
Explore solutions through wireframes, interface design and responsive prototypes.
Build
Develop responsive, production-ready front-end experiences.
Test
Run controlled experiments and split tests using AB Tasty.
Iterate
Analyse the results and use the findings to inform future improvements.
Accessibility + Performance
01
Accessibility
Designing and developing with WCAG considerations including keyboard interaction, focus states, responsive behaviour and accessible interface patterns.
02
Performance
Using Lighthouse, Core Web Vitals and page-speed analysis to identify opportunities across front-end performance and asset delivery.
03
Optimisation
Optimising images and video while testing experiences across browsers and the devices most relevant to customers.
Email + Creative
Beyond the website.
My role extended across the wider digital customer experience, including marketing and transactional email design and development.
I also created campaign assets and digital creative across multiple channels, combining graphic design, motion and video with the wider ecommerce experience.
Tools + Technology
- Figma
- Adobe XD
- Photoshop
- Illustrator
- HTML
- SCSS / Sass
- JavaScript
- Git
- VS Code
- GA4
- Google Tag Manager
- AB Tasty
- Hotjar
- BrowserStack
- Lighthouse
- SendGrid
- Brevo
- After Effects
- Final Cut Pro
Next project
Alice & Alan