Client: Meri Meri
Project: E-commerce Figma templates / Shopify platform
Role: Art Director / UI Designer
Website link: https://merimeri.co.uk
Background:
Meri Meri is a design house and children's lifestyle company founded in 1985 by Meredithe Stuart-Smith in Los Angeles, California. The company began as a handmade greeting card business, quickly gaining recognition for its unique designs and becoming a significant player in the alternative card movement of the 1980s.
Today, Meri Meri operates from its head office in Cheltenham, UK, with an additional office in Reno, Nevada. The company employs approximately 85 people across the US and UK and sells its products in 80 countries through over 5,000 shops and online platforms. Their product range has grown to include partyware, seasonal decorations, heirloom-quality children's gifts, and dress-up costumes, all inspired by the imagination of childhood and rooted in sophisticated design.
Homepage template and overall brand aesthetic.
Design:
Although the website designs are created in Figma, it is constructed using the Shopify e-commerce platform. To create Figma templates of the Meri Meri website design, I started by analysing the site's layout, colour scheme, typography, and UI components. I then set up a design system in Figma, including reusable styles, grids, and components for consistency. Finally, I organised the templates into a structured file, making them scalable and reusable for future design iterations.
Blog template with responsive design breakpoints.
Outcome:
The final outcome were well-structured Figma templates including a comprehensive design system with reusable components, typography, colour styles, and grid layouts. The templates allow for easy customisation and scalability, making them ideal for future updates or redesigns. Interactive elements, such as buttons and navigation menus, were set up with variants to streamline prototyping.
Overall, the Figma templates serve as a high-fidelity reference for designers and developers working on the website, ensuring consistency and efficiency in the design process.
