E-COMMERCE · DESIGN SYSTEM
Meemi Art: pattern store & design system
The Plum Studio design system and key screens for meemiart.com, a crochet pattern store: storefront, product, cart, Learn and admin, on desktop and mobile.
- Industry
- E-commerce / Digital products
- My role
- Product & UX/UI Designer
- Timeline
- v1.0 · October 2026
- Platform
- Web · desktop + mobile + admin
Challenge
Find a pattern and own it in under 3 minutes
Most shoppers arrive from Instagram, Pinterest, Etsy or Google on their phone, ready to buy but easily lost. The store also had to work for its owner: adding products, writing blog posts and handling orders and refunds without a developer.
Approach
One system for shoppers and the admin
I mapped 16 user journeys, built the design system as Figma variables that mirror the site's CSS custom properties, then designed the storefront, checkout and admin on top of it.
- 01
Journeys
16 mapped flows: discover & buy, bundles, free patterns, search, library, refunds and four admin jobs
- 02
System
94 variables and 17 text styles. Plum is the brand ink, violet the accent, and marigold is reserved for buy actions
- 03
Screens
Storefront, product, cart drawer, Paddle checkout, Learn, admin editors and the 'Ask Meemi' AI pattern finder
Key screens
Results
What was delivered
- 16
User journeys mapped
- 94
Design tokens (Figma variables)
- 17
Text styles mirroring the CSS
Design system v1.0 for a live brand. Next: test the 3-minute purchase path with first-time shoppers from social.
Find out where your users drop off.
Start with a 5-day onboarding audit. You'll get a clear map of what's losing users and what to fix first.
Onboarding & KYC audit
- Flow review and drop-off map
- Prioritized fix list
- 30-minute walkthrough call