Projects A guided assessment that replaces a product catalogue

A guided assessment that replaces a product catalogue

Built for Balanced Eco Solutions, whose customers were lost in dozens of condition-specific products

Demo recreation of the wellness assessment result screen
An HTML mock of the assessment flow, built to show the real design. Demo data. Recreated to show the work.
How long
2025
My role
Software ArchitectureUX / UI, Development, Database Design
Kind of project
New systemMedium project

The problem, in the owner’s words.

Balanced Eco Solutions sells herbal supplements for horses and dogs, organised by condition: sarcoids, laminitis, gastric ulcers, allergies, joint and respiratory issues, and more. Worried owners arrived at the site not knowing which of dozens of products applied to their animal. They wanted to be guided to the right answer, not handed a catalogue to search through.

What I did.

I built the Whole Horse Wellness Assessment: a guided, multi-step assessment as a React app embedded directly into a WordPress page: about the animal, its symptoms across six wellness systems, lifestyle and feeding, then a scored result. The result names a primary and secondary priority and recommends a foundation and additional support protocol, each linked straight to checkout. A paid consultation is offered as a low-risk next step, applied toward any purchase made within 30 days, not pushed as a hard sell. I also built the admin console the client uses to manage the assessment’s questions and scoring, and secure photo uploads so an owner can attach a photo of a skin condition to their submission.

What they got.

A tool built to turn "I don’t know what to buy" into a specific, personalised recommendation with a single click to purchase, plus a lead capture step for anyone not ready to buy yet.

For your technical person

React single-page app embedded in WordPress via a custom plugin (shortcode-based: one shortcode for the customer-facing assessment, one for the operator console). Custom database tables store assessment configuration and customer submissions. Results link to WooCommerce products for one-click checkout. Uploaded photos, including sensitive images like sarcoid photos, are stored in a protected, non-public folder. Local development runs on a Dockerised WordPress and MySQL stack configured for large media uploads (6GB limits set at both the PHP and Apache layers, since supplement and treatment photos can be large). Accessibility target: WCAG 2.1 AA, with attention to large tap targets and clear validation messaging since the flow is a long multi-step form.

Running into the same problem? Tell me about yours.

+27 87 150 9305

Monday to Friday, 09:00 to 20:00 SAST. Or email info@antondevilliers.com.

Tell me the problem

Step 1 of 3. Pick what’s closest. You can explain in your own words next.

I reply myself, usually the same working day. The first conversation is free, and you’ll know the price of every piece before it starts. How a project works · Privacy

WhatsApp