Case Study
Bella+Duke Nutrition Plan
An interactive tool that generates unique meal plans tailored to each pet, helping owners understand exactly what their pet needs while driving engagement and simplifying the path to purchase.
WordPress Plugin • Tailwind CSS • Alpine.js
The challenge.
Bella+Duke's raw pet food requires precise portioning based on each pet's breed, age, weight, and activity level. They needed an interactive tool that could guide pet owners through this complexity while making the experience enjoyable and educational.
Working with their internal tech team, we built the interface to connect with their internal system via API. Collaborating closely with their UX team, the tool needed to recommend a range of products based on the information provided in each step, and work flawlessly across all devices. Especially mobile, where most of their traffic originates.
- Multi-step interactive questionnaire.
- Complex nutrition calculations.
- Real-time product recommendations.
- Internal API integration.
- Mobile-first responsive design.
- Analytics and conversion tracking.
Technology stack.
WordPress Plugin
Built as a custom WordPress plugin, seamlessly integrating with their existing site while providing a fast, interactive experience as users input their pet's details.
Tailwind & Alpine.js
Tailwind CSS for rapid, responsive styling and Alpine.js for lightweight interactivity, delivering smooth transitions between steps without heavy JavaScript frameworks.
Internal API
Integration with Bella+Duke's internal API to fetch product data and generate personalised recommendations based on the nutrition calculations.
Working together.
Nutrition experts
Worked directly with Bella+Duke's in-house nutritionists to understand feeding guidelines, portion calculations, and the science behind their recommendations.
UX and design team
Collaborated on user flows, question sequencing, and visual design to ensure the tool felt on-brand and guided users naturally through the process.
Marketing team
Implemented tracking and analytics to measure conversion rates, drop-off points, and user behaviour. This enabled continuous optimisation of the tool.
Product team
Ensured product data, pricing, and availability were accurately reflected, with automatic updates when their catalogue changed.
The outcome.
The Nutrition Plan became a key part of Bella+Duke's customer journey, helping pet owners understand exactly what their pets need while simplifying the purchase decision. It's now one of the primary entry points to their ecommerce funnel.
Interactive
Engaging multi-step experience that educates while it sells
Precise
Accurate nutrition calculations trusted by thousands of pet owners
Integrated
Seamless connection to checkout and subscription system
"NRCM have been incredible to work with. Dan is very knowledgeable but also great at sharing that knowledge so everyone is on the same page. The quality of work, timely delivery and professional approach has been perfect in helping us deliver some milestone projects."
Cheryl Barr
Bella+Duke
Need something custom?
Let's build it together.
Interactive tools, calculators, configurators. If you can imagine it, we can build it.