Figma to Shopify Landing Page — Design & Development
Muhammad Saad
Figma to Shopify Landing Page — Design & Development
I designed and developed a high-converting, responsive landing page for Shopify — built entirely from scratch.
🔹 Design Phase:
Started with a strategic layout in Figma focused on CRO (Conversion Rate Optimization)
Wrote compelling, conversion-driven content
Created custom graphics directly in Figma
🔹 Development Phase:
Coded the landing page using Shopify CLI
Used Liquid for dynamic content rendering
Applied CSS3 for styling and responsiveness
Integrated JavaScript (ES6) for interactive functionality
Set up flexible customization using Shopify Schema Settings
💡 The entire build was focused on increasing average order value (AOV) and conversion rates.
Like this project
Posted Jul 18, 2025
Designed and developed a responsive Shopify landing page from scratch using Figma, Liquid, CSS3, and JS—focused on CRO and boosting AOV.
Likes
0
Views
3
Timeline
Apr 1, 2025 - May 1, 2025
Clients
Shopify
