Modern Milkman
Modern Milkman website redesign
Role: Senior UI Designer
![Milkround Builder](/mm-homepage-hero.a48645e9.png)
01
Discovery Phase
Discovery Phase
I led a discovery workshop with UX designers and the marketing team to conduct competitor research and gather inspiration for The Modern Milkman website re-design project. Through affinity mapping and ‘How Might We’ (HMW) statements, we distilled insights and set clear project goals.
![Colours](/mm-homepage-01-01.8031159d.png)
02
Wireframing
Wireframing and stakeholder feedback
I then collaborated closely with UX designers and the Brand Manager on an initial wireframing session, aimed at defining a robust MVP (minimum viable product).
Gathering valuable stakeholder feedback, we refined our vision into high-fidelity wireframes. Then, I crafted the final website design, balancing UI, UX, and brand guidelines, delivering a user-centric MVP that exceeded stakeholder expectations.
![Message on a Bottle Outcome 1](/mm-homepage-02-01.31b557ee.png)
03
MVP Design
MVP Design
I crafted a visually appealing MVP for Release 1, focusing on UI principles, accessibility, and brand coherence. Careful information architecture guides user navigation. Our standout features include a dynamic plastic bottle counter and TrustPilot widget for social proof. We streamlined product visibility and showcased key benefits through a skinny banner. To ensure our design aligned with our objectives, we implemented Hotjar software for results tracking and optimisation.
![Message on a Bottle Outcome 1](/mm-homepage-03-01.759860af.png)
![Message on a Bottle Outcome 2](/mm-homepage-03-02.eb51319a.png)
![Message on a Bottle Outcome 3](/mm-homepage-03-03.2b3a39ae.png)