HeartStamp
Personalized cards, printed and digital, made in seconds with an AI design assistant.
HeartStamp is a platform for designing and sending personalized greeting cards. Its AI assistant, Stampy, turns a selfie or an idea into artwork and drafts the message; digital cards go out by link or QR code, and printed cards are mailed straight to the recipient. Our work covers the customer-facing web app and the company design system, in close collaboration with design, product and backend teams from Figma handoff to production.
Visit heartstamp.com- Role
- Frontend engineering and design system
- Timeline
- Ongoing
Highlights
- Core parts of the card editor: text and font tools, shape handling, image cropping and print-ready card panels
- Stampy, the in-app AI design assistant, for desktop and mobile
- The guided card creation flow, taken from prototype to alpha release
- A rebuilt homepage and site navigation, with CMS-managed content and SEO improvements
- Interactive 3D product previews built with React Three Fiber
- Checkout and ordering with Stripe, including direct mail orders and upsells
- Internal admin tools for managing card templates and print settings
- The frontend side of a content migration from Sanity to an in-house CMS
- Reusable components for the company design system
Tech
- React
- Next.js
- TypeScript
- Tailwind CSS
- Redux Toolkit
- React Three Fiber
- Stripe
- Sanity
- Playwright
- Figma