πΊπΈ Shopify Store Setup Foreign Waters (DTC | Supplement)
Collaborated with Granvia Studio, a graphic design agency, to design and develop the Shopify store for Foreign Waters, a next-generation wellness brand focused on clean energy and mental clarity. Working from their Figma designs, I handled the Shopify development and CRO optimization, rebuilding the subscription modules from scratch to overcome the limitations of the initial V1 design. The result was a more intuitive, conversion-focused shopping experience with improved subscription functionality, product storytelling, and mobile usability.
Health-conscious consumers, busy professionals, entrepreneurs, creatives, and active individuals looking for clean, functional beverages that support natural energy, mental clarity, focus, and everyday wellness without relying on traditional energy drinks.
The Challenge
Foreign Waters needed a Shopify store that could bring its unique brand identity to life while delivering a seamless shopping experience. Although Granvia Studio had created a strong visual direction in Figma, translating those designs into a fully functional Shopify storefront presented several challenges, particularly around subscription functionality, mobile usability, and conversion optimization.
The initial subscription modules had limitations that affected the customer experience, making it harder for shoppers to understand their purchasing options and subscription benefits. The challenge was to preserve the original creative vision while rebuilding key components to improve usability, simplify the buying journey, and encourage both one-time purchases and recurring subscriptions.
Before the project, Foreign Waters faced several challenges that needed to be addressed to create a more effective Shopify shopping experience.
Limited Subscription Functionality: The initial V1 subscription modules lacked the flexibility and usability needed to clearly communicate subscription options and benefits.
Mobile Shopping Experience: Key elements needed refinement to ensure a smooth, intuitive experience across mobile devices.
Conversion Barriers: The purchasing journey needed clearer calls to action, better product information hierarchy, and a more streamlined path to checkout.
Product Storytelling: As an emerging wellness brand, Foreign Waters needed to communicate its product benefits, ingredients, and unique value proposition more effectively.
Design-to-Development Challenges: Granvia Studio's Figma designs required custom Shopify development to preserve the creative direction while ensuring performance, responsiveness, and functionality.
Solution
Collaborating with Granvia Studio, I transformed their Figma designs into a fully functional, mobile-first Shopify storefront while implementing CRO improvements to create a smoother shopping experience.
Custom Shopify Development: Translated the Figma designs into responsive Shopify sections, preserving the brand's visual identity while ensuring flexibility, performance, and ease of management.
Subscription Module Rebuild: Redesigned and developed the subscription modules from scratch, overcoming the limitations of the initial V1 design and making it easier for customers to compare one-time purchases and subscription options.
Conversion Rate Optimization: Improved product page layouts, calls to action, content hierarchy, and purchasing flows to reduce friction and guide customers toward checkout.
Mobile-First Optimization: Refined layouts, spacing, interactions, and subscription functionality to deliver a consistent shopping experience across mobile devices.
Product Storytelling: Structured product information and key benefits to better communicate Foreign Waters' value proposition and help customers make informed purchasing decisions.
Shopify Theme Flexibility: Built reusable, customizable sections that allow the brand to update content, launch campaigns, and manage its storefront without relying on developers for every change.
The result was a more polished, conversion-focused Shopify experience that combined Granvia Studio's creative vision with improved usability, stronger product storytelling, and a more intuitive subscription purchasing journey.
Custom Shopify Theme Development: Converted Granvia Studio's Figma designs into a fully responsive Shopify storefront, maintaining design accuracy across desktop and mobile.
Rebuilt Subscription Modules: Developed custom subscription components from scratch to improve usability, clearly present purchasing options, and simplify the subscription experience.
Optimized Product Pages: Improved product layouts, information hierarchy, and calls to action to create a more intuitive purchasing journey.
Mobile-First Experience: Refined responsive layouts, navigation, spacing, and interactive elements to improve usability on smaller screens.
Enhanced Product Storytelling: Improved how product benefits, ingredients, and key selling points were presented to help customers better understand the brand's value.
Conversion-Focused UX: Reduced unnecessary friction throughout the shopping journey with clearer purchasing options and more accessible calls to action.
Reusable Shopify Sections: Built flexible, customizable sections that allow the Foreign Waters team to manage content and make updates directly through the Shopify theme editor.
Performance-Conscious Development: Prioritized lightweight, native Shopify functionality to minimize unnecessary dependencies and support a faster, more reliable storefront.
Used Shopify apps and theme
Result
The project delivered a fully redesigned, mobile-first Shopify storefront that successfully brought Granvia Studio's creative vision to life while improving the overall shopping experience.
By rebuilding the subscription modules from scratch, optimizing product pages, and refining the customer journey, Foreign Waters gained a more intuitive storefront with clearer purchasing options, stronger product storytelling, and a smoother path to checkout.
The custom Shopify development also provided the brand with greater flexibility to manage content, update sections, and support future growth without relying heavily on third-party apps or ongoing development.
The result: A modern, conversion-focused Shopify store that balances strong visual design with functionality, usability, and a better foundation for customer acquisition and recurring subscriptions.
