Visualizing Health Awareness: Inside and Out

UI/UX, Interaction Design, Web Design

Overview

The UI design for the UCLA BeWell campus-wide initiative serves as a daily companion for students, empowering them to cultivate a well-rounded and healthy lifestyle. Centered around the four themes of EAT, LIVE, MOVE, and MIND, the interface provides easy access to relevant information tailored to student life. Drawing inspiration from the campaign's visual style, the UI elements reflect the circular, cell-like forms characteristic of the BeWell branding.

Approach

The approach to UI design for the UCLA BeWell initiative focused on creating a seamless and intuitive user experience that resonates with students' lifestyles and preferences. Through collaboration with stakeholders and user research, we identified key priorities and pain points to inform the design decisions. Emphasizing simplicity and clarity, we crafted interface elements that align with the BeWell campaign's visual identity while prioritizing usability and accessibility.

Thematic Organization
The UI design organizes content into four main themes—EAT, LIVE, MOVE, and MIND,—to help users easily navigate and access information relevant to their well-being goals.

Visual Consistency
Leveraging the circular and cell-like forms from the BeWell branding, the interface maintains visual consistency across all elements, reinforcing the campaign's identity and enhancing brand recognition.

Intuitive Navigation
User-friendly navigation features enable seamless exploration of resources and services related to health and wellness, promoting a positive user experience.

Responsive Design
The UI design is optimized for various devices and screen sizes, ensuring consistent functionality and usability across desktops, tablets, and smartphones.

Results

The implementation of the UI design for the UCLA BeWell initiative has had a significant impact on student engagement and participation in campus wellness activities. Feedback from users highlights the intuitive navigation and visual appeal of the interface, leading to increased interaction and adoption rates. The thematic organization and visual consistency have contributed to a cohesive and memorable user experience, reinforcing the BeWell campaign's message and fostering a culture of well-being on campus.

Conclusion

The UI design for the UCLA BeWell campus initiative exemplifies the successful integration of design principles with campaign objectives to promote student wellness. By prioritizing user needs and aligning with the campaign's visual identity, the interface effectively facilitates access to resources and services that support a healthy lifestyle. Moving forward, ongoing refinement and optimization will further enhance the usability and impact of the UI design, ensuring continued success in promoting student well-being at UCLA.

And More...