Shopify E-Commerce Website for Clean Up Green
A collaborative e-commerce revamp, from outdated design to a modern storefront.
🧩 The Challenge
The client's old Wix site had poor color contrast, messy content, no shop page, and lacked mobile responsiveness. Navigation was unclear and visuals were inconsistent.
🧠 Our Solution
We used Shopify CMS to build a new storefront focused on usability, product discoverability, and performance. Mobile-first design and structured content were key.
🤝 Client Collaboration
Through regular meetings, we understood the client's goals and clarified key needs. Their feedback helped guide the entire design and development process.
📐 Design Sprint
We conducted research, defined flows, and ideated wireframes in Figma using a mobile-first approach. Lo-fi and hi-fi mockups went through multiple review rounds.
💻 Development
I led the front-end build using Liquid, HTML, CSS, and JavaScript. I also contributed to design refinements and made sure the site was fully responsive and accessible.
🚀 Final Outcome
We created a polished, responsive, and user-friendly Shopify store tailored to the client's goals. While we’re still awaiting their final feedback (they're currently on vacation), we're confident the revamped experience aligns with their vision and objectives.
🧩 Figma Design Mockup
Thanks to my team’s designers who created the initial Figma mockups. While I was primarily responsible for development, I also contributed to the design process when needed. I adjusted several Figma frames to ensure responsiveness across devices, incorporating media query considerations. The areas where I made significant design modifications have been highlighted to show my hands-on involvement beyond just coding.
Home Page
Shop
How to use Page
How to use products
