Website
Designing a Two-Generation Postpartum Care Toolkit
Working with the University of Illinois Chicago’s Institute for Healthcare Delivery Design (IHDD), I designed the toolkit to explain the UI Health Two-Gen model and to inspire healthcare leaders to integrate similar enhancements into their postpartum care services to address the maternal health crisis.
Timeline
110 hours, Feb 2024 - May 2024
Company
UI Health
Interaction Designer. Research, wireframing, prototyping, visual design
My role
Tools used
Figma, InDesign
Since 2020, the University of Illinois Health System (UI Health) has successfully implemented Two-Generation care clinics on the west and south sides of Chicago. This innovative care model combines dyadic care with behavioral health support and aid for social needs for postpartum families up to two years after birth. This model, known as UI Health Two-Gen, has begun to offer advantages to postpartum families beyond traditional care.
Research
I conducted secondary research and competitive analyses to better understand the best practices used in healthcare design for both websites and toolkit PDFs.
The team had been working on this project for months before I was brought on board to execute the design of the toolkit. Because of this, much of the research had been done for me and compiled for easy access to refer to throughout the project.
I interviewed the client over Zoom to gain insights into the needs, wants, and motivations for the project.
Define
I took an iterative approach to this project, gaining feedback throughout that made ann impact at each stage of the process.
For the information architecture stage of this toolkit, I created a sitemap, user flows, and low-fidelity wireframes.
Design
Because I was building a toolkit to function as part of an already established website, I followed the pre-existing design guidelines for text, colors (though I had to expand on the monochromatic palette when necessary to create visual interest), and navigation.
This toolkit was an interesting design challenge as I had to make it function as both an interactive, responsive website and a static PDF. This meant that I had to emphasize content structure and navigation in order to create a logical journey for the user.
This project was also extremely text-heavy, therefore it was important that I find an efficient way to break up the content to improve user attention.
Landing Page
The primary goal of the landing page was to give a brief overview of the toolkit for new users as well as establish a navigation for the toolkit itself, separated from the I PROMOTE-IL website.
Toolkit Body
The major body of the toolkit follows the format of this page. It was important to both the client and me to create a story within the body portion of the toolkit to break up the text in a digestible and highly useful way for the user. By limiting distractions and emphasizing engagement within the flow, we can keep the user on the site for longer.
What is UI Health Two Gen? (Left)
Additional Considerations and Resources (right)
These are two of the remaining unique pages from the site, both of which required pulling out information to increase emphasis and continue the theme of breaking up what could become quite exhausting text for the eyes.
The Additional Considerations and Resources page was extremely long. Still, by utilizing a design system already present within the larger I-PROMOTE site, the accordion, we were able to collapse much of this information and hide it for easy site maneuverability.
Both also needed graphics that would translate well to a PDF.
Final Design
The website is up and operational. Feel free to check it out below!
More Projects
Previous
Reboot Chronicles
Next
Chez Nous
