Just shared a new reel showcasing some of my favorite web design builds all crafted from Figma to live, responsive Shopify pages.
Each project in this video represents a different brand story designed with clarity, performance, and personality in mind.
I’ve been experimenting a lot with Instant and replo lately to make design-to-live workflows faster and smoother and I’m excited to keep pushing what’s possible.
Always open to collaborations, feedback, and new ideas from the community 💡
Here’s how I redesigned this product page 👇
Not by guessing…
But by answering the questions every customer is already asking.
1️⃣ “Can I clearly see the product?”
→ Cropped image = better focus
2️⃣ “Should I buy now or wait?”
→ Added urgency (low stock)
3️⃣ “Do people trust this?”
→ Reviews moved above the fold
4️⃣ “What exactly is this?”
→ Clear, readable product name
5️⃣ “Why should I buy this?”
→ Immediate value explanation
6️⃣ “What makes it comfortable?”
→ Key benefits surfaced early
7️⃣ “Which one should I choose?”
→ Visual variants = faster decisions
Same product.
Better answers.
Better conversions.
Most pages don’t fail because of design…
They fail because they don’t answer the right questions.
1
60
This product page was designed in Figma and built in Shopify using Replo.
But here’s the difference:
I used Replo AI to translate the design into a working page fast.
The Process
- Designed the structure in Figma
- Used Replo AI to generate the base layout (works like lovable)
- Optimized for responsiveness and usability
What I Focused On - Even with AI, the focus was still:
• Clear value above the fold
• Strong product focus
• Guided storytelling
• Fast decision-making
• Trust signals at the right moments
Result is a fully functional Shopify product page:
• Built faster
• Structured better
• Easy to edit
• Optimized for conversion
4
6
190
Found a hero section design in Figma.
Rebuilt it in Shopify using Instant.
• Responsive across all devices
• Fully functional
• Editable in the builder
2
3
140
This project started with a PNG.
No polished design.
No structure.
Just a rough idea from the client.
From there, I:
- Turned it into a structured Figma design
- Used AI to generate clean Shopify code
- Built reusable sections in the theme editor
The result:
A product page that works and a system the client can actually use.
They can update, adjust, and reuse sections anytime without relying on a developer.
That’s the difference between delivering a page…
and delivering something usable.