The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Redesigned Zaffo Coffee's entire Shopify store from the ground up.
The goal: make the site feel as warm as the coffee, while actually driving online orders.
Stripped the homepage to essentials. One hero, one CTA, clear product paths. Built it in Figma, developed on Shopify, handed off specs through Zeplin.
Conversion-focused design isn't about removing personality. It's about removing friction.
This collection includes multiple Shopify store design projects created as part of my practical learning and skill development in eCommerce design and branding.
These projects were built across different niches, including fashion (denim/jeans) and beauty & personal care (organic hair oil), to understand how design strategy changes based on industry, target audience, and product type.
The main objective of this work was to gain hands-on experience in building complete Shopify store structures, focusing on layout design, user experience, and conversion optimization.
Each store was designed with a niche-specific approach — for example, the denim store emphasized modern, youth-focused branding and visual impact, while the hair oil store focused on trust, simplicity, and product clarity.
Key Areas of Focus:
Shopify store design and structure development
Niche-based branding and layout strategy
UX/UI design for better customer experience
Conversion-focused homepage and product page design
Mobile-first responsive design
Product organization and category structuring
Visual hierarchy and modern eCommerce styling
These projects helped me develop a strong foundation in creating functional, visually appealing, and conversion-oriented Shopify stores tailored to different industries.
🚀 Built something for fellow Shopify developers.
While developing Shopify themes, I found myself repeatedly searching through docs, old projects, and snippets just to remember a Liquid filter, schema setting, or object property. So I created the Shopify Liquid Cheatsheet on HTML2Liquid.
🔥 What's included:
• 77+ Shopify Liquid examples
• Variables, Objects, Filters & Tags
• Sections & Schema patterns
• Forms, Media & Pagination examples
• Product, Collection & Cart snippets
• Searchable snippet library
• Live Playground with instant preview
• Mock Shopify data for testing Liquid code
The goal was simple: make Shopify theme development faster by keeping commonly used Liquid patterns in one place.
If you're building custom Shopify themes, sections, snippets, or working with Online Store 2.0, I'd love your feedback.
Try it here: https://www.html2liquid.dev/cheatsheet
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
portfolioreview
The best portfolios tell a story, not just show a grid. Share yours for feedback.
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?