ROLE:
Design and Framer Development
SECTOR:
E-commerce, Framer
COLABORATORS:
Solo
DATE & DURATION:
2025
2 Weeks
Challenge and Solution
The challenge was connecting Framer to Shopify while keeping Luméa’s clean and luxurious design intact. Shopify limits design flexibility, and Framer alone cannot handle e-commerce data. The solution was using the Frameship plugin to create a direct and secure connection between Framer and Shopify. This setup enabled live syncing of product information, inventory, and pricing, while keeping full creative control inside Framer.
Body
Headings
Design and Responsiveness
Luméa was designed for premium skincare brands that value clarity and trust. Its minimal layout highlights product photography and ingredient storytelling. The design system uses neutral colors, soft spacing, and consistent typography. The site is fully responsive and performs smoothly on desktop, tablet, and mobile. Each component resizes fluidly, and the checkout flow remains fast and intuitive across all devices.
Content and Result
The content structure combines Framer CMS and Shopify data. Categories, FAQs, and blog posts are managed within Framer, while product details are automatically synced through Frameship. This hybrid setup keeps everything accurate and scalable. The final result is a polished and reliable e-commerce website that blends Framer’s creative freedom with Shopify’s stability and data management
