Sorting theletters

ಸ್ವಲ್ಪ ತಾಳಿ

Skip to content

Coordinated Behavioral Care (via HumanX) · 2022

CBCLetting a small content team publish without a designer

Designed the website system for Coordinated Behavioral Care, a New York City non-profit: a small number of unique pages plus four templatised page families so the client's team could spin up new content without a designer.

Role
UI implementation
Client
Coordinated Behavioral Care (via HumanX)
Timeline
5 months, 2022 (3 design, 2 dev QA)

Cover mockup comingCoordinated Behavioral Care (via HumanX)

Context

  • The problem: a New York non-profit with a small content team and no designer on hand for every new page.
  • What I did: working to my team lead’s direction, I built the UI for a few unique pages and four page families (eight templates), then ran two months of design-vs-dev QA.
  • The goal: the content team could publish new pages from the templates without a designer.

CBC (Coordinated Behavioral Care) is a non-profit that coordinates Medicaid Health Home services across New York City, with a broad content surface: services, network partners, resources and training. The brief was a website its small team could keep alive without a designer for every new page. Working under my team lead at HumanX, I implemented the UI across the site and ran design-vs-dev QA.

Read the full storyShow less

The site is built from a handful of unique pages (the home page, Health Home, IPA, the network, community-based organisations) and four templatised page families, T1 to T4. To add a new program page, a report or a service, the CBC team picks the family that fits, drops the content in, and publishes.

Every page was designed for the web and the phone.

What I owned

  • UI implementation across the unique pages and the four template families, on web and mobile.
  • Design-vs-dev QA: making sure what shipped in code matched what was in Figma.
The CBC home page on the web: 'Ten Years of Transforming Community Care in New York City' with a photo of a caregiver and an older man, a ten-years badge, and the navigation for Health Home, IPA, Training Institute, Pathway Home and Innovations.
The home page
Four CBC web pages side by side, one from each template family: What is a Health Home?, Health Home for Adults, Member Agencies with a grid of partner logos, and About CBC Health Home.
One page from each template family, T1 to T4
Four CBC pages on a phone: What is a Health Home?, About CBC Health Home, About CBC IPA and Contact, each with a large photo under the page title.
The same pages on a phone

CBC · 15 screens

Results

A site the CBC team can extend on its own: unique pages that tell the story of who CBC is, and four page families to drop new content into. Two months of design-vs-dev QA kept what shipped in code matched to the Figma files.

Credits

  • Design direction: my team lead at HumanX
  • UI implementation & dev QA: myself
  • Client: Coordinated Behavioral Care (CBC), New York City