Figma to Shopify Landing Page — Design & Development

Muhammad

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