The problem:
Moonpig has recently gone through a fundamental brand shift requiring thought in how to feed the new design approach through the entire design system across mobile and web platforms.
My role:
UI Designer at Moonpig, with a squad of 2 product designers, UX researcher, UX designer and tech team.
UI Designer at Moonpig, with a squad of 2 product designers, UX researcher, UX designer and tech team.
Responsibility:
Interaction and visual design.
Interaction and visual design.
The solution:
Provide guidance in the further development of the new pattern library as well as the purchasing process across web and native app platforms.
Design system and purchase process
![](https://pro2-bar-s3-cdn-cf.myportfolio.com/9f593b92d9f798a7db6ba67a54d675d5/1624acc8-d983-409d-8877-2ca7b3405245_rw_1200.png?h=1a7b498b40834076de65a672423b76bd)
![](https://pro2-bar-s3-cdn-cf2.myportfolio.com/9f593b92d9f798a7db6ba67a54d675d5/3ac6ab82-3d34-4128-8846-4bb663ff4abd_rw_1200.png?h=21fbdc518daf05a615eaef769f0673a5)
![](https://pro2-bar-s3-cdn-cf.myportfolio.com/9f593b92d9f798a7db6ba67a54d675d5/8a5d1639-aaa2-4732-a693-750c1ccd6c87_rw_1200.png?h=afdaf9ba5a3d827b893ba2f0e03d1a2a)
![](https://pro2-bar-s3-cdn-cf.myportfolio.com/9f593b92d9f798a7db6ba67a54d675d5/b63d62d2-3326-4d46-a62e-9406ff511a82_rw_1200.png?h=2b1733e64bf9f31a826b2753d9295ce6)
![](https://pro2-bar-s3-cdn-cf.myportfolio.com/9f593b92d9f798a7db6ba67a54d675d5/15abc485-cb26-4a5c-9a81-b62715b92d8c_rw_1200.png?h=c3faa3c69ad33a45324e6ec89327f0ed)
![](https://pro2-bar-s3-cdn-cf2.myportfolio.com/9f593b92d9f798a7db6ba67a54d675d5/35ad200a-20ed-484d-aa4a-0be53daa3f78_rw_1200.png?h=40aec3619959ecdb7929a5756752a64c)
![](https://pro2-bar-s3-cdn-cf.myportfolio.com/9f593b92d9f798a7db6ba67a54d675d5/bc7fe646-cfb3-4b5d-82a3-e21f2726dc5f_rw_1200.png?h=cd629c49a45ee9f0c22a0662f18e1107)
![](https://pro2-bar-s3-cdn-cf2.myportfolio.com/9f593b92d9f798a7db6ba67a54d675d5/d85f54a5-ed59-4dd2-bc56-d92c2cd7e5a8_rw_1200.png?h=d7a80b39b8726aa5b68a3865ca4d522e)
![](https://pro2-bar-s3-cdn-cf6.myportfolio.com/9f593b92d9f798a7db6ba67a54d675d5/74a7d895-eafc-48e9-851a-992457db3423_rw_1200.png?h=e5f29d828c6f57a7798821cc20a7ec7c)