AI can make mistakes

Projects

Breastmilk Money

Campaign Platform & Technical Architecture

Breastmilk Money is an innovative initiative that introduces the world's first bank account offering interest on breastfeeding. Created in partnership with Herconomy, Nigeria’s leading digital bank for women, and Serviceplan Innovation, the campaign turns an invisible, unpaid maternal act into a visible financial asset. By automatically investing the money mothers save from not purchasing infant formula into a high-yield savings account, Breastmilk Money transforms maternal care into tangible, long-term capital.

Despite its well-documented health benefits, the exclusive breastfeeding rate in Nigeria is only 34%—well below the global average. While some women are physically unable to breastfeed, many are held back by cultural stigma, social pressure, and aggressive formula marketing. As a result, families often spend up to 30% of their household income on formula. To combat this misinformation and foster financial independence, Herconomy needed an ecosystem that visually honored the deeply human, emotional nature of breastfeeding while delivering the structured, practical utility of a banking product.

The Technical Challenge

Translating the organic essence of breastmilk into digital data visualizations presented a unique architectural challenge. The design team envisioned radial data charts that behaved like liquid milk—merging, separating, and flowing across devices. However, standard web animations and video files could not provide the required interactive performance. STD.DEV needed to engineer a highly complex programmatic pipeline that allowed art directors to design static charts in Adobe Illustrator, which the web platform could instantly parse and render as living, real-time fluid dynamics on the graphics processing unit (GPU).

The Solution

STD.DEV built a custom data-translation engine based on Signed Distance Fields (SDFs) and GPU simulations. Daniel Kuhnlein developed a proprietary SVG-tagging exchange format that allowed the design team to export standard vector shapes directly into the Progressive Web App (PWA). A custom parser read these SVGs in real-time, converting them into mathematical SDF representations. By applying smoothmin algorithms, the code seamlessly morphed up to six distinct colors (reflecting real-life breastmilk palettes) between charts, creating an incredibly smooth, fluid visual experience.

Impact

The flawless integration of emotive design and high-end financial architecture yielded massive real-world results. Within its first three months, Breastmilk Money drove a 9% increase in breastfeeding within the target area and generated over 150 million media impressions. The platform resulted in a 5x growth in Herconomy sign-ups and is projected to help mothers generate ₦35 million in savings, successfully redefining the economic value of maternal care.

Bridging emotional storytelling with financial utility required a robust, full-stack approach. STD.DEV delivered the technical backbone of the initiative across three core components:

1. Campaign Website (PWA)

Architecting the central campaign hub as a highly performant Progressive Web App. Alongside hosting editorial resources and photography, STD.DEV integrated "Exposure" (a variable font by 205TF) into the architecture. Inspired by the fluid logic of the SDF charts, custom scripts were written to smoothly animate the font's variable weight axes, ensuring the section headlines behaved like liquid and perfectly matched the campaign's visual identity.

2. Procedural Data Visualizations

Engineering the real-time GPU particle simulation that translated UNICEF and WHO statistics into radial fluid grids. By building a bespoke parser, STD.DEV converted tagged Illustrator SVGs into Signed Distance Fields on the fly. This allowed multiple liquid data points to smoothly morph, separate, and combine in real-time across six different natural breastmilk color palettes using smoothmin mathematical blending.

3. Herconomy App Savings Calculator

Developing the intuitive financial logic embedded directly into the Herconomy banking application. The calculator processed variables including the baby's age, intake levels based on WHO curves, and preferred formula pricing brackets (Premium, Regular, Affordable) sourced from the National Bureau of Statistics. The logic automatically mapped the diverted funds to a high-yield sub-account, projecting growth at a 14.3% interest rate over a two-year cycle.

Breastmilk Money proves that creative engineering can turn complex socio-economic challenges into engaging, empowering tools. By unifying custom graphic-to-GPU pipelines with functional banking calculations, STD.DEV provided the digital infrastructure necessary to transform an invisible act of care into a highly visible, financially rewarding reality.

Credits


Client
Herconomy


Advertising Agency & Creative Direction
Serviceplan Group / Serviceplan Innovation


Web Platform, SDF Simulation & Calculator Engineering
STD.DEV (Daniel Kuhnlein)


Participating Experts & Artists
Ogechi Ekeanyanwu (Journalist), Yagazie Emezi (Photographer), Nengi Nelson (Photographer/Filmmaker), Dr. Lope Adejuyigbe & Titilayo Medunoye (Lactation Consultants), Fariba Buchheim (Director)

What technology was used to create the fluid data visualizations for Breastmilk Money?

The fluid data visualizations for Breastmilk Money were engineered using a custom data-translation engine based on Signed Distance Fields (SDFs) and GPU simulations, with a proprietary SVG-tagging exchange format developed by Daniel Kuhnlein.

Product

Breastmilk Money

Campaign Platform & Technical Architecture

Overview & Campaign Platform for Breastmilk Money

VIDEO

Breastmilk Money Maternal Health FinTech Casefilm

VIDEO

Documentary casefilm presenting the maternal micro-finance health initiative and clinical validation in Nigeria.

VIDEO

Breastmilk Money Interactive Micro-Loan Interest Simulator

VIDEO

Interactive financial simulator showing micro-loan interest rates stepping down from fifteen to five percent through breastfeeding.

VIDEO

Breastmilk Money Mobile Onboarding and Loan Walkthrough

VIDEO

Mobile web walkthrough showing how expectant mothers register at clinics and unlock discounted micro-loans.

VIDEO

Breastmilk Money Clinical Lactation Compliance Grid

VIDEO

Multi-metric dashboard animation tracking clinical lactation verification across participating Nigerian community healthcare centers.

VIDEO

Breastmilk Money Healthcare Cost Reduction Visualization

VIDEO

Animated data visualization demonstrating nationwide healthcare cost reductions achieved through sustained exclusive breastfeeding.

Partner map and organizational chart detailing NGO and health clinic partnerships across Nigerian urban centers.
IMAGE

Breastmilk Money Healthcare Partner Integration

IMAGE

Overview sheet displaying healthcare partner integrations and community lactation clinic networks across Nigeria.

Tablet application screen used by registered nurses to verify maternal attendance and infant growth metrics.
IMAGE

Breastmilk Money Health Worker Interface

IMAGE

Community health worker interface validating nursing milestones through mobile biometric health logs.

Technical architecture diagram illustrating automated micro-finance discount triggers based on clinic health records.
IMAGE

Breastmilk Money Dividend Ledger Architecture

IMAGE

FinTech ledger architecture tracking interest dividend payouts directly to verified nursing mothers.

Editorial layout featuring portrait photography and quotes from Nigerian mothers who expanded small businesses.
IMAGE

Breastmilk Money Maternal Testimonial Feature

IMAGE

Maternal testimonial feature highlighting micro-enterprise growth supported by healthcare interest discounts.

Mobile application interface showing pediatric weight charts paired with accumulating loan interest discount tiers.
IMAGE

Breastmilk Money Growth Tracking Dashboard

IMAGE

Mobile dashboard displaying real-time infant growth curves alongside accumulating financial credit tiers.

Clinical outcome sheet showing statistical reductions in pediatric gastrointestinal infections and malnutrition.
IMAGE

Breastmilk Money Clinical Impact Metrics

IMAGE

Nutritional impact overview tracking reductions in infant illness through sustained exclusive breastfeeding.

Community mobile app layout showing local mother-to-mother mentorship groups and lactation consultation chats.
IMAGE

Breastmilk Money Peer Mentorship Portal

IMAGE

Peer support network interface connecting expectant mothers with accredited community healthcare mentors.

Infographic sheet detailing projected GDP savings from reduced healthcare burdens and enhanced maternal productivity.
IMAGE

Breastmilk Money Macroeconomic Impact Analysis

IMAGE

Economic analysis sheet modeling societal healthcare cost savings generated by nationwide breastfeeding adoption.

Step-by-step mobile UI flow showing patient registration, QR code badge scanning, and financial account setup.
IMAGE

Breastmilk Money Clinic Onboarding Workflow

IMAGE

Mobile onboarding workflow guiding new mothers through medical clinic verification and account activation.