Goodnature cover image

Metadata

Sector

  • Hardware

Scope

  • UI/UX Design
  • Front-End Development
  • Back-End Development
  • Web App Development
  • Ecommerce Migration

Goodnature

Goodnature is a family-run business that has been manufacturing commercial cold-press juice equipment since 1976. As Goodnature continued to grow, they realized their legacy website had been fully-squeezed of the functionality it could produce, thus a digital refresh was in store.

Goodnature tasked Monogram with designing and building a new commerce site, knowing our expertise in building composable commerce solutions would provide their users with a great experience.

We took Goodnature to the next level.

Visit Website
Case study image 0Case study image 1
Case study image 0

New look Grounded roots

Monogram carefully crafted a new site design, that stays true to the Goodnature brand and brings new life to their digital presence. From loading states that mimic the rotation of a juicer motor, to the nature-inspired color palette, you’d be hard-pressed to find a juicier looking site.

New Tech

We chose to build this project with SvelteKit because of it’s incredible developer experience, and ultra-fast results right out of the box. Svelte feels very bare-bones, without losing out on functionality. Both developers and users love the results.

Case study image 1
Case study image 0

API-First Commerce

We utilized Swell as our commerce platform because of their dedication to API first development and out of the box features. We easily set up a store, added products, and even turned on subscriptions, all from the dashboard. Swell makes interfacing with your commerce data seamless, therefore we hit the API, and we were off running, building out a custom commerce experience!

Ecommerce Migration

The true power of composable architecture lies in its flexibility, a principle proven when we migrated Goodnature's entire ecommerce backend from Swell to Shopify Plus. The stack was designed for this from the start. By using Prismic's Integration Fields to sync product data, we had already established a crucial separation between our content and commerce layers. Because the CMS and frontend were independent, we simply swapped the core ecommerce technology behind the scenes. This allowed us to retain the exact same content, functionality, and user experience, demonstrating the ultimate value and resilience of a well-architected composable stack.

Case study image 1
Case study image 0

Future-Proof by Design

The true power of a composable stack is its ability to evolve. As Goodnature continued to scale, their business needs shifted, prompting a migration of their commerce engine from Swell to Shopify Plus. This is where our architectural choices paid off. Because the core application (built with SvelteKit) and the CMS (Prismic) were decoupled from the commerce platform, we could efficiently swap the engine powering their sales. The custom user experience, the lightning-fast performance, and the marketing team's content workflow remained entirely intact. This demonstrates the core benefit of our approach: building flexible, future-proof platforms that allow our clients to adapt their technology without a costly, full-scale rebuild.

Working with the Monogram team has felt like a true partnership and more collaborative than I've felt with other agencies. Thank you to Monogram for living up to and beyond our expectations.

testimonial image
Charlie WettlauferPresident & CMO