Brand, 3D and a modular Webflow store for a flip phone
A full build from identity to launch: 3D renders, a Webflow site with Shopify products, inventory and checkout synced through Smootify, and a Mapbox store finder.
Built by Shreyas Paul. Published on Contra, May 2025.
- Webflow
- Smootify
- Shopify
- Mapbox
- 3D renders
- Syncs products, inventory and checkout from Shopify into the Webflow build.
- Lets the team keep Webflow’s design freedom with Shopify as the back end.
From identity to product
A full-circle project: the team built the brand identity, the user journey and the finished store. They describe it as a full-stack design and development job, not a website gig.
Branding and visual direction
The identity started from scratch: colour palette, typography and art direction, aiming for something nostalgic and futuristic at once, modern and confidently minimal.
UX, UI and 3D renders
Every page and micro-interaction was designed for the site and the product. Hyper-realistic 3D renders present the phone like a flagship device, and they became the soul of the site.
Webflow build, Shopify sync
The site is built in Webflow with a modular e-commerce system. Products, inventory and checkout come from Shopify, synced with Smootify, so the team kept Webflow’s creative freedom on top of Shopify’s back end.
A store finder on the contact page
The contact page has an interactive store locator built with Mapbox, custom-styled to match the rest of the site.
Modular, ready to grow
Product cards, hover states and layouts are all modules, so the site can be updated or extended without a rebuild.
This case study is based on Shreyas Paul’s project page on Contra. The work and the images belong to its authors.
Build the next one
with Smootify.
Free to build, pay only when you go live. One Shopify app instead of ten, billed on the store’s Shopify invoice.
- One app on the Shopify bill, not ten
- Free to build, pay only when you go live
- Works on Basic, Grow and Advanced
- Your 1.x store keeps working
- Every element stays yours to change
- Docs indexed in llms.txt