MilkMate


Create a simple system for tracking kits usage at MilkMate kiosks across the country with an Admin panel for managing and tracking locations and inventory

CHALLENGE


SOLUTION

An easy scan of a QR code registers kit usage. A web-based admin system gives full visibility into inventory and calculates and displays system KPIs


RESULTS

The on-time, on-budget launch of an app moms love using and a dashboard that gives MilkMate all the information they need to run and grow their business

A revolutionary breast pumping solution for the workplace

MilkMate provides out-of-the-box workplace lactation rooms that increase ease and efficiency for working moms. In addition to a creating a comfortable lactation space, MilkMate kiosks provide a built-in, high-performing breast pump and pre-assembled, recyclable single-use pump parts. As a result, moms don’t need to haul a pump or assemble or clean pump parts (hallelujah!).

As someone who pumped every 2-3 hours for 30-45 minutes every day of my working life for 3 years, I understood immediately the value of MilkMate’s solution. I was intimately familiar with the many minor and major inconveniences of hauling and cleaning a pump and pump parts and safely storing expressed milk — in addition to actually pumping, keeping my milk supply high, and managing working life with a newborn.

MilkMate needed software to track and manage their parts inventory at all of their kiosks in order to be sure that no mom would show up to an empty cabinet. This was a challenge I was eager to help them meet, and over the next year, we had fun designing building and ultimately launching their apps.

B2B
Productivity
ENTERPRISE
IOS
Android
Web Application
Direct-to-Consumer
WELLNESS
PARENT TECH
REACT NATIVE

The goal of the MilkMate mobile app is to track pump part (kit) inventory at kiosks, and the goal of the admin system is to facilitate the management of that inventory.

We workshopped a number of angles for tracking the kits and landed on a QR code that moms scan to track kits upon use. We designed a companion mobile app that is as simple as possible with little to no navigation.

To that we added a few layers of creative messaging, illustrations and animations that have a fun personality and add a dimension of delight to a process that can be painful at worse, inconvenient at best.

The admin panel gives the MilkMate team the ability to bring new kiosks online and off and generates unique QR codes. It gives them visibility into real-time traffic and inventory and calculates return-on-investment for employers.

Direct-to-Consumer App Development | Enterprise App Development | Productivity App Development | Platforms: iOS, Android and Web | React Native App Development | Desktop App | App Design

What we delivered

DESIGN


  • Created easy-to-use, delightful and on-brand user experience for user onboarding and kit tracking

  • Interface design and illustrations leveraging existing brand strategy

  • UX/UI design for parent-facing mobile apps on iOS and Android

  • UX/UI design for internally-facing admin panel

MOBILE TECH STACK


  • React-native

  • React-navigation

  • Firebase (dynamic links, crash analytics)

  • React-native-reanimated

  • React-hook-form

  • React-query

  • Redux

DEVELOPMENT


  • Iterative, agile development process with focus on fast releases to bring solutions live for customers asap

  • Team of four developers focusing on markup, front end, back end, and mobile

  • Dedicated project manager and quality assurance (QA) specialist

  • Continued iteration and development of new features

BACKEND TECH STACK


  • Nest.js

  • MySQL

  • AWS

  • QR code generator

  • Firebase

  • Mailgun

FRONTEND TECH STACK


  • Angular

  • Material design

  • bootstrap

  • rxjs

CORE FEATURES


  • User-facing app: Intro and welcome tours, QR code scanning, kit registration and confirmation, one-tap feedback collection, usage projections, login, sign up, password reset, contact MilkMate

  • Administrative app: Stations dashboard (list all active and inactive stations, filterable); Stations overview (station deatils, kits use stats per station, productivity gains stats per station, download QR code for station); Station usage logs (list of all usage logs with date, time and kit size logged + filters); Anonymized station users dashboard (list of all users with average estimated and actually used kits per week, projected use, productivity gains, usage logs); Station notes; Data room metrics (number of all active stations per all stations + filters, number of all currently pumping users per all stations + filters, number of all-time users per all stations + filters, “projected use” stats per all stations + filters, “kits use” stats per all stations + filters, “productivity gains” stats per all stations + filters; Data room usage logs (list of all usage logs with date, time, and kit size logged per all stations + filters, export usage logs per all stations + filters); Clients dashboard (list of all added clients with their stations and locations, client details (update details, delete, add station, delete station, update station details, decommission station); App content management (“Daily Drop” text, links and order; Feedback questions, options, order, view metrics)

Previous
Previous

Loch Kelly