top of page
!
Widget Didn’t Load
Check your internet and refresh this page.
If that doesn’t work, contact us.

Circle Care Center Works to Improve LGBTQIA+ Healthcare Through Website Platform

Overview: Circle Care Center is a Connecticut-based healthcare organization that provides LGBTQIA+ communities with affirming healthcare services and sexual health resources in a safe and non-judgmental environment. 

Problem: The original website was hard for patients and doctors to navigate and get the resources that they needed. Circle Care Center also wanted to display their new service, Circle Care Pharmacy.

​

Solution: As a result, they wanted a redesign the website to meet the clients’, patients’, and doctors' needs, which was to be clear and functional towards their healthcare needs.

Timeline

Q4 2022

Programs

Figma

Skills

A/B Testing      Prototyping      Pixel Perfect      UI Design      Visual Design  

Role

UI/UX Designer (Collaborators: Creative Director, Senior Designer, Project Managers, Developers)

Industry

Healthcare, Public Health Organization

!
Widget Didn’t Load
Check your internet and refresh this page.
If that doesn’t work, contact us.

Discover

Ideate

Launch

Process

Discover

The Design Process Doesn’t Always Look the Same: Coming in Mid-Project But Still Rockin’ It

For Circle Care Center, I was brought it to design out the layouts for the internal pages and the A/B testing processes. So I had to do an initial look-through of the team’s low-fidelity prototypes, or digital designs of webpages with texts, shapes to represent where images go, and icons, to get down the style of the website.

Designing with Established Styles Shows Consistency even in Moments that May Feel Copy and Paste…

One of the other elements that was already established was the design systems aka the colors, buttons, fonts, and how some of the sections should look like image shapes and some information sections. This made the designs fairly simple to create, but I also needed to adapt additional styles to section styles that didn’t exist at the time I started on this project.
!
Widget Didn’t Load
Check your internet and refresh this page.
If that doesn’t work, contact us.

Iterate

But This Consistency Is Needed to Create a Non-Repetitive Design That Makes It Easy to Find What You’re Looking For

The Patient Resources page was one of the most important pages that Circle Care needed to update because it provided a way to easily navigate a lot of information without either being bored or confused as to what you were looking at and what it was for. 

The original website did list some of the resources, but it didn’t explain what the resources were for. Medical forms aren’t something that a normal person would know exactly what they were for, so without a description, it would create an additional point of struggle where some would just “Google it” and guess if it’s correct. Or in the worse case leave the sit all together and try to find other resources that may not even be helpful.

We wanted to get a couple of opinions on how the users could see information, so we created mockups to be used for A/B Testing. This allowed us and the client to better understand what worked, what didn’t, and what we may be missing.

!
Widget Didn’t Load
Check your internet and refresh this page.
If that doesn’t work, contact us.

Designing for Different Screens Means Making The Navigations and Layouts Simplier the Smaller You Get

Throughout the design process, I found that it was important to design for computers/laptops and mobile to understanding how doctors and patients (current and future) would navigate the site. By doing so, we helped patients to find the physicians, medical treatments, and medication that they need making it easier to live their best lives.
bottom of page