Gardens of Eden (GOE) is a holistic wellness ecosystem built on four pillars: Active, Rest, Nutrition, and Beauty. Three websites—Wellness, Store, and Coffee—were designed in Figma, developed in Webflow, with Memberstack and Shopify integrations.
Overview
The GOE Wellness platform serves as the digital hub of the brand, allowing users to subscribe and access exclusive content within the four wellness pillars. Each pillar introduced experts—coaches in Active, chefs in Nutrition, skincare specialists in Beauty, and meditation guides in Rest—while also hosting dedicated blogs for ongoing news and insights. Exclusive live-streamed sessions via Vimeo were gated with Memberstack, providing a premium yet seamless user experience.
Following the success of the wellness platform, two e-commerce extensions were launched: GOE Store, dedicated to wellness products, and GOE Coffee, focused on the brand’s own coffee line. Both were first designed and developed in Webflow, then converted to Shopify via Udesly to combine the flexibility of Webflow’s layouts with the scalability of Shopify’s e-commerce engine.
This multi-site ecosystem created a unified brand experience while offering users a smooth and engaging journey across wellness content, products, and lifestyle.
Challenge
The primary challenge was to harmonize content, subscriptions, and e-commerce across three distinct websites, ensuring each served its function while feeling like part of a cohesive ecosystem. For GOE Wellness specifically, it was crucial to balance engaging, inspirational design with the technical requirements of gated content, blogs, and live streaming.
Solution / Approach
The project began with a comprehensive sitemap for all three websites, followed by UX flows and UI design in Figma. Once the wireframes and visual system were approved, the development phase started in Webflow, where CMS collections were created for blogs, experts, and wellness content.
For GOE Wellness, Memberstack integration allowed subscriptions to be segmented by pillar (Active, Rest, Nutrition, Beauty), while Vimeo live streams were embedded and gated for subscribers. For GOE Store and GOE Coffee, the Webflow builds were migrated to Shopify using Udesly, ensuring e-commerce scalability without sacrificing the original Webflow design system.
The result was a fully scalable digital ecosystem with a cohesive design system applied across all three platforms, combining lifestyle, learning, and commerce into a single brand universe.
Key features & Highlights
Multi-Site Ecosystem
– Wellness platform + Store + Coffee websites.
Figma UX/UI
– Complete design system applied across 3 websites.
Memberstack Integration
– Subscription plans with gated content.
Webflow CMS
– Dynamic content for blogs, experts, and wellness articles.
Vimeo Integration
– Live-streaming sessions gated for members.
Webflow to Shopify
– Store and Coffee websites converted via Udesly.
E-commerce Ready
– Shopify-powered product management with Webflow layouts.
Results / Impact
The GOE project resulted in a holistic digital ecosystem that combined content, community, and commerce under one consistent brand identity. Users could access exclusive wellness content, participate in live sessions, and purchase products seamlessly across platforms. By merging design elegance with technical scalability, GOE created a strong digital foundation to grow its wellness community and lifestyle brand.