.png)
Roles, Responsibilities, & Design Tools
Role / Responsibilities: Lead Designer (user flow, low-fidelity wireframing, high-fidelity wireframing, styling, mock-up and prototype), no other team members.
Design Tools: Figma was used for creating the mockups and prototypes.
Problem & Resolution
Some problems to take into consideration is potentially developing personas that unintentionally stereotype or generalize the LGBTQIA+ community, and that the information architecture may not effectively prioritize LGBTQIA+ health concerns. To combat these concerns I worked on refining the verbiage and designs based on authentically representing the diversity of experiences within the community. Additionally, an intuitive navigation structure is crucial, so ensuring that critical health information is easily accessible and prominently featured was a top priority.
Project Overview
Rainbow Care is a personal project with the concept of designing a welcoming and compassionate medical platform, focusing on providing a positive user experience for LGBTQIA+ individuals. The project places a strong emphasis on creating an inclusive and supportive environment through thoughtful UI and UX design. The goal is to offer accessible medical information, appointment booking, and resources for the LGBTQIA+ community, recognizing their unique needs and concerns.
The Process
The color palette chosen for Rainbow Care is a cornerstone of the design strategy. It aims to embody the spirit of the LGBTQIA+ community while fostering a sense of inclusivity and comfort. The colors selected are vibrant, diverse, and carefully curated to resonate with the community's identity. The color palette is designed to be inclusive by embracing a spectrum of identities, representing the fluidity and diversity within the LGBTQIA+ community.
Navigation was a key consideration in the design process, emphasizing the importance of an intuitive and user-friendly layout. The structure of each page was organized logically with the expectations and behaviors of different user groups, which ultimately contributed to a more inclusive and user-centric platform The layout of Rainbow Care's pages is designed to be intuitive, with a clear and logical structure that prioritizes ease of navigation. The flow is strategically organized to guide users to essential sections such as search compiled specialists, supplemental resources, and appointment scheduling. The information architecture was meticulously crafted to organize content logically. A user-centric approach prioritized information based on the hierarchy of user needs, enabling users to access vital information effortlessly. Interactive elements, such as hover effects and smooth transitions, were strategically implemented to engage users and enhance the overall experience.
Content placement is crucial to ensuring inclusivity. Information relevant to LGBTQIA+ health concerns is prominently featured, allowing users to access resources without unnecessary navigation. This strategic placement reflects an understanding of the community's specific needs and provides a welcoming environment. Recognizing the diverse needs of the LGBTQIA+ community, the layout emphasizes accessibility. The pages are designed with a user-centric approach, ensuring that information is presented in a format that is easy to comprehend, with clear headings, concise content, and visually distinct sections.
Typography played a pivotal role in enhancing readability and conveying information effectively. Clear and legible fonts were selected to maintain a professional tone, and consistency in font sizes and styles was ensured across the platform. This uniformity not only contributed to a visually cohesive design but also promoted a seamless reading experience for users.
The Outcome
Rainbow Care's UI/UX design is driven by a commitment to creating a positive and supportive space for the LGBTQIA+ community seeking medical information and care. The thoughtful integration of colors, typography, navigation, and inclusive design principles contributes to a platform that is both visually appealing and functionally effective. The project underscores the significance of a holistic UI/UX approach in the context of a medical website catering specifically to LGBTQIA+ patients, emphasizing compassion, support, and inclusivity.
