Super Stoma

Super Stoma, eCommerce

Super Stoma offers home care kits and tutorials for children with stomas. We built Daniel Ting Chong’s designs in Webflow, then as a Shopify theme, now live.

View Project
Button Arrow Facing Upward

Milk Moon Studio was given the task of developing Daniel Ting Chong's wonderful designs in Webflow and then migrating the build to Shopify as a native Shopify theme, with the design freedom of Webflow.

The Super Stoma website, crafted by Daniel Ting Chong, showcases his signature blend of bold illustrations and playful design, transforming a sensitive healthcare topic into an engaging and approachable experience.

Desktop monitor on a white desk showing the Super Stoma care tutorials page, a grid of colourful illustrated cards such as how to measure the stoma and cut the baseplate

The brief

Super Stoma is a stoma care brand started by two parents who learned how to care for their own child’s stoma and found it hard to get reliable, friendly information. Working with medical experts, they built expert-backed home care kits and a library of tutorials that give fellow caregivers confidence, safety and a splash of fun. Daniel Ting Chong designed the site, with bold illustrations and a playful palette that make a sensitive topic feel approachable.

Milk Moon Studio took Daniel’s designs and built them in Webflow first, then migrated the build to Shopify as a native Shopify theme, so the shop keeps the design freedom of Webflow. The result is live at superstoma.org. Webflow handles design like this very well, which is one of the reasons Webflow works for us, and our Webflow development service covers builds like this one.

What we built

Homepage

The homepage opens with a full-width illustrated scene, followed by the family’s story, the three promises of efficiency, confidence and safety, and what comes in the home care kit.

Full-length Super Stoma homepage with an illustrated hero, the founders' story, three benefit cards, home care kit packaging, a product list and the footer

Tutorial video page

Care tutorials are laid out as a grid of colour-coded illustrated cards, one per question, such as how to measure the stoma and cut the baseplate or how to empty an ostomy bag. All that illustration is vector artwork, and if that sort of thing interests you, we wrote up what we learned about vector graphics in Webflow.

Full-length Super Stoma care tutorials page: a grid of colour-coded illustrated cards, including measuring the stoma, mouldable rings and emptying an ostomy bag

About page

The about page introduces the two founders and the clinical advisors who back the tutorials, each with a portrait, a short biography and their qualifications.

Full-length Super Stoma about page with the kit packaging, the two founders and two clinical advisors, each with a portrait, a short biography and qualifications

Stoma stigmas

This page tackles four common stigmas head on, and ends with tips for explaining a stoma to young children. For another online shop we built in Webflow, have a look at Recurate.

Full-length Super Stoma stoma stigmas page with four coloured stigma cards (icky, different, limited, embarrassed), a photo of a child on a swing and tips for explaining a stoma to children

More Pages

No items found.

Final Live Implementation

Super Stoma

Elevate your web presence

We are eager to meet you. Book a free, no-strings attached virtual coffee chat with us.

Gradient Background