Northwestern Medicine
UI Design
While at Laughlin Constable, Northwestern Medicine approached the team with an existing design system, which we used to craft the UI for several new experiences on their website.
Strategy
I worked closely with our UX researcher and used A/B testing results to make informed design decisions rooted in real user behavior.
Design System
Even with a partial design system in place, we offered thoughtful recommendations to enhance the user experience and carefully selected components to ensure the right UI decisions were made.
My Role
Northwestern is all about improving healthcare for people in the Chicagoland area, and at Laughlin Constable, we wanted to support that mission in a meaningful way. By making their website more user-friendly and creating thoughtful, great-looking digital and social content, we aimed to help make “Better” more than just a message but something people actually feel.
Key Actions
- Partnered with Northwestern Medicine, who already had a partial design system in place
- Took a close look at their system to find opportunities to improve the overall experience across their digital platforms
- Shared recommendations focused on making things easier for users and internal teams mainly improving consistency across components and patterns.
- Suggested ways to simplify and streamline without losing functionality or straying from the brand
- Helped bring the system more in line with user needs and Northwestern’s larger digital goals
Northwestern Medicine Component Examples
Bridging UX Design and the Design System
Not only was their web experience a priority, but it was also important to make sure our work carried through to other digital and print touchpoints for a cohesive, cross-channel experience.
Contributions
- Focused on leveling up Northwestern Medicine’s digital presence while staying true to their “Better” brand promise
- Made their web experience easier to use by simplifying navigation and improving overall UX
- Strengthened accessibility to make sure everything was inclusive and met compliance standards
- Helped create clean, engaging designs for both web and social that felt aligned and on-brand
- Made sure every touchpoint—whether desktop, mobile, or social—felt connected and easy to use
- Supported their team with smart, scalable design solutions that fit right into their everyday workflows
After working closely with UX to shape the best experience, we transitioned into the UI phase—bringing those ideas to life using the design system.
UX Mapping
UX Location Details
UX Map Detail
UI Mapping
UI Location Details
UI Map Detail
Northwestern Medicine “Better”
We created a dedicated page to show patients that Northwestern truly prioritizes better healthcare.
Merging digital with Print
Northwestern Medicine
UI Design
While at Laughlin Constable, Northwestern Medicine approached the team with an existing design system, which we used to craft the UI for several new experiences on their website.
Strategy
I worked closely with our UX researcher and used A/B testing results to make informed design decisions rooted in real user behavior.
Design System
Even with a partial design system in place, we offered thoughtful recommendations to enhance the user experience and carefully selected components to ensure the right UI decisions were made.
My Role
Northwestern is all about improving healthcare for people in the Chicagoland area, and at Laughlin Constable, we wanted to support that mission in a meaningful way. By making their website more user-friendly and creating thoughtful, great-looking digital and social content, we aimed to help make “Better” more than just a message but something people actually feel.
Key Actions
- Partnered with Northwestern Medicine, who already had a partial design system in place
- Took a close look at their system to find opportunities to improve the overall experience across their digital platforms
- Shared recommendations focused on making things easier for users and internal teams mainly improving consistency across components and patterns.
- Suggested ways to simplify and streamline without losing functionality or straying from the brand
- Helped bring the system more in line with user needs and Northwestern’s larger digital goals
Northwestern Medicine Component Examples
Bridging UX Design and the Design System
Not only was their web experience a priority, but it was also important to make sure our work carried through to other digital and print touchpoints for a cohesive, cross-channel experience.
Contributions
- Focused on leveling up Northwestern Medicine’s digital presence while staying true to their “Better” brand promise
- Made their web experience easier to use by simplifying navigation and improving overall UX
- Strengthened accessibility to make sure everything was inclusive and met compliance standards
- Helped create clean, engaging designs for both web and social that felt aligned and on-brand
- Made sure every touchpoint—whether desktop, mobile, or social—felt connected and easy to use
- Supported their team with smart, scalable design solutions that fit right into their everyday workflows
After working closely with UX to shape the best experience, we transitioned into the UI phase—bringing those ideas to life using the design system.
UX Mapping
UX Location Details
UX Map Detail
UI Mapping
UI Location Details
UX Map Detail
Northwestern Medicine “Better”
We created a dedicated page to show patients that Northwestern truly prioritizes better healthcare.
Merging digital with Print
Northwestern Medicine
UI Design
While at Laughlin Constable, Northwestern Medicine approached the team with an existing design system, which we used to craft the UI for several new experiences on their website.
Strategy
I worked closely with our UX researcher and used A/B testing results to make informed design decisions rooted in real user behavior.
Design System
Even with a partial design system in place, we offered thoughtful recommendations to enhance the user experience and carefully selected components to ensure the right UI decisions were made.
My Role
Northwestern is all about improving healthcare for people in the Chicagoland area, and at Laughlin Constable, we wanted to support that mission in a meaningful way. By making their website more user-friendly and creating thoughtful, great-looking digital and social content, we aimed to help make “Better” more than just a message but something people actually feel.
Key Actions
- Partnered with Northwestern Medicine, who already had a partial design system in place
- Took a close look at their system to find opportunities to improve the overall experience across their digital platforms
- Shared recommendations focused on making things easier for users and internal teams mainly improving consistency across components and patterns.
- Suggested ways to simplify and streamline without losing functionality or straying from the brand
- Helped bring the system more in line with user needs and Northwestern’s larger digital goals
Northwestern Medicine Component Examples
Bridging UX Design and the Design System
Not only was their web experience a priority, but it was also important to make sure our work carried through to other digital and print touchpoints for a cohesive, cross-channel experience.
Contributions
- Focused on leveling up Northwestern Medicine’s digital presence while staying true to their “Better” brand promise
- Made their web experience easier to use by simplifying navigation and improving overall UX
- Strengthened accessibility to make sure everything was inclusive and met compliance standards
- Helped create clean, engaging designs for both web and social that felt aligned and on-brand
- Made sure every touchpoint—whether desktop, mobile, or social—felt connected and easy to use
- Supported their team with smart, scalable design solutions that fit right into their everyday workflows
After working closely with UX to shape the best experience, we transitioned into the UI phase—bringing those ideas to life using the design system.
UX Mapping
UX Location Details
UX Map Detail
UI Mapping
UI Location Details
UI Map Detail
Northwestern Medicine “Better”
We created a dedicated page to show patients that Northwestern truly prioritizes better healthcare.
Merging digital with Print