E-commerce Design in Framer + Frameship

Salah Eddine Messaoudi

ReLab is a Moroccan startup selling premium refurbished tech. I designed and built their full e-commerce experience — from branding and UI in Figma to development in Framer, using the Frameship plugin to connect Shopify. The result: a fast, modern, and scalable site with features like trade-in, credit payments, and WhatsApp ordering — all 100% no-code.
The homepage was carefully redesigned to feel clean, modern, and highly interactive. I focused on creating a more intuitive user experience — with clear CTAs, simplified navigation, and a layout built for conversion. Every section guides the user toward action: browsing categories, exploring best sellers, or requesting a trade-in estimate — all while reinforcing trust with strong visuals and clear value props.
The catalogue page was carefully designed for clarity and efficiency. With smart filters for model, storage, and more — plus sticky navigation and dynamic sorting — users can quickly find what they need. I also included visual highlights like savings, monthly pricing, and warranty badges to drive conversions. Everything is structured for speed, trust, and ease — blending aesthetics with practical UX.
The product page was designed to build trust and drive conversions. Key purchase information—like price, installment options, and product condition—is displayed clearly, supported by trust-building elements such as certification, warranty, and verified customer reviews. The layout guides users naturally from discovery to action, with sticky CTAs and integrated WhatsApp support for easy communication. Thanks to Frameship, all product data is synced directly from Shopify to Framer, making it easy to manage inventory, pricing, and variants while keeping the user experience smooth and dynamic.
Building Relab was more than just designing a site—it was about crafting a high-converting e-commerce experience inside Framer, powered by Shopify via Frameship. The result? A visually compelling, easy-to-manage storefront that reflects the brand’s premium positioning and drives real results. Whether it’s product storytelling, UX clarity, or CMS flexibility, every detail was designed to scale.
👉 Need a custom e-commerce site built in Framer?
Let’s build something that converts.
Like this project
0

Posted Apr 4, 2025

End-to-end e-commerce experience built in Framer, synced with Shopify via Frameship. Clean design, smart UX, and full CMS control.

Likes

0

Views

0

Timeline

Dec 16, 2024 - Jan 2, 2025

B2Influence Website – TikTok Agency Redesign & Build in Framer
GetOut – Full Website Design & Framer Development
Improov
Improov
Mission sérénité
Mission sérénité