Case Study — Materno

A maternal-health platform, made legible from the mark to the screen.

Client Metronomic — Materno
Scope Brand identity, two product apps & marketing site
Role Lead Designer — Pritam, all four deliverables

Metronomic

Digital Maternal Healthcare
USA / Global
——
Brand redesign + full product

Metronomic builds digital health platforms that connect the people pregnancy care depends on — OBGYNs, expectant mothers, and the payers covering the cost. Their product, Materno, is a remote pregnancy management platform offering e-consultations, vitals tracking, and personalised care plans for conditions like gestational diabetes and pre-eclampsia.

The platform had outgrown its original identity. The logo needed to be rebuilt, two product interfaces — a web app for care providers and a mobile app for patients — had to be designed from the ground up, and the marketing website had to speak credibly to mothers, hospital administrators, and insurance payers at once.

The brief wasn't four separate projects. It was one problem with four expressions.


For a platform that asks mothers to trust it with a pregnancy, the name has to be unmistakable at first glance.

We started where any design engagement starts — by looking. Shown the existing logo cold, readers consistently struggled to land on the name. The original mark asked one shape to do two jobs: a mother-and-child illustration doubling as the letter "M," where the abstraction let the letterform slip away.

The wordmark compounded it. Set in a hand-lettered script, the "t" read as an "l" or a "j" — people saw "Laterno," or "Jaterno." The opening "M" read as an "E." One reader needed close to thirty seconds to resolve it to "Materno."

For a healthcare platform, that made legibility a credibility question. A name a hospital can read at a glance is the first thing that signals a tool it can adopt with confidence.

[ Logo — original Materno mark: hand-lettered script with abstract mother-child "M" ]

The original mark — the mother-and-child shape carried the letterform


Resolve the brand before designing a single screen.

Every interface in Materno's ecosystem — the provider dashboard, the patient app, the marketing site — would inherit its colour, typography, and credibility from the brand. So the brand came first, and the rest followed in sequence.

  • 01 Brand first. The mark, wordmark, colour, and type were settled before any product design began, giving every screen a trustworthy foundation to build on.
  • 02 Separate the two jobs. The mother-and-child illustration became a standalone mark; the wordmark became a clean serif that reads instantly at any size. Each stands on its own, and they work together.
  • 03 A palette built on trust. Deep navy carries clinical authority, warm terracotta carries maternal warmth — one pairing running through every touchpoint, from app icon to dashboard.
  • 04 Then, in order. Brand, then the provider web app, then the patient mobile app, then the marketing site — each decision informing the next.

Brand Identity

The redesign separated what the old logo had combined. The mother-and-child illustration became a standalone mark — warm and recognisable, no longer asked to serve as a letterform. The wordmark became a clean, confident serif in deep navy, legible at any size.

The colour system moved to a palette grounded in trust: a deep navy primary paired with a warm terracotta that carries maternal warmth. These two colours run through every touchpoint — app icon, website header, provider dashboard.

[ Logo — before / after: original mark beside the redesigned wordmark + mother-child mark ]

Brand identity — the name reads instantly, the mark stands free

[ Specimen — typography & colour system: navy + terracotta, serif wordmark ]

Brand system — typography and colour palette

[ Application — app icon, collateral, or brand-in-context mockup · optional ]

Brand application — the mark in context

Web App — Care Providers

The web app is the provider's tool — where OBGYNs and hospital staff review vitals, manage care plans, schedule e-consultations, and monitor pregnancies remotely. It was designed so the real complexity of remote maternal care stays carried by the system, never surfaced as interface complexity.

  • 01Patient timeline & pregnancy overview
  • 02Vitals tracking — weight, blood pressure, glucose
  • 03Personalised care plans & risk flagging
  • 04E-consultation scheduling & telehealth
  • 05Pre-eclampsia & gestational diabetes monitoring
  • 06Multi-provider access & care team coordination
[ Screenshot — provider web app: patient timeline & vitals dashboard ]

Provider web app — the clinical dashboard

Mobile App — Patients

Materno's mobile app gives expectant mothers a single place to log vitals, follow their pregnancy timeline, read educational content, and message their care team — in a calm interface, not a clinical one.

Both apps were designed to feel like the same product. A nurse who recognises the app on a patient's phone sees the same brand she uses on her dashboard. Deep navy anchors the professional provider experience; warm terracotta signals care and approachability on the patient side.

[ Screenshots — patient mobile app: vitals logging, timeline, care-team chat · 3–4 screens ]

Patient mobile app — vitals, timeline, and care-team messaging

Marketing Website

The site had to speak to mothers, providers, and payers — each clearly addressed, without diluting the message for any of them.

  • Three-audience architecture The homepage sets the platform's purpose in language that's warm but precise. Dedicated sections let providers and patients each go deeper into the content built for them.
  • Clinical credibility, by structure A hospital administrator needs to see a serious clinical tool. The site earns that read through structure and restraint, not decoration.
  • Brand system carried through The navy and terracotta palette, the serif typography, the component language — every element traces back to the identity set at the start.
[ Screenshot — marketing website homepage: maternohealth.com ]

Marketing website — maternohealth.com



The clearest path to credibility was also the simplest: make the name easy to read, settle the brand, and let every screen inherit the trust the product had already earned.

Pritam · 1 Less Design