Global Vibe Check
Global Vibe Check is an award-winning UI/UX Design web application designed to empower users with easy access to global COVID-19 data in an informative and user-friendly way. Conceptualized during a Hack-A-Thon at the University of California - Irvine in early 2021, the project aimed to address the critical need for readily available and understandable COVID-19 information at a global scale.
UI/UX Designer
36-Hour Hack-A-Thon @ UC-Irvine
Figma
Best UI/UX Design
Inspiration
The initial app idea was a travel website that used the same globe for users to find their destination. We decided to combine this idea with COVID-19 API’s to better represent the time we’re living in and how realistic it is to travel around the globe. In addition to being a user friendly site to allow ease when it comes to the statistical side of the pandemic.
Project Timeline
What our Website Offers
Design Process
User-Centered Inspiration
The initial concept stemmed from a travel website idea that utilized a globe for destination exploration. This concept was ingeniously adapted to address the urgent need for a COVID-19 data visualization tool, showcasing a keen ability to identify user needs and translate them into innovative solutions.
Sketching Design
The design journey for Global Vibe Check began with low-fidelity sketches that explored ideas and layouts for the landing page, interactive map, and information cards. These initial sketches established a strong foundation for the user experience (UX) flow.
Mid-Fidelity Mockup as Development Launchpad
The next step involved translating those initial sketches into mid-fidelity mockups. These more detailed mockups provided a clearer picture of the user interface (UI) elements and their functionalities. Having these mid-fidelity mockups served two key purposes:
Solid Foundation for Development: The developers could leverage these mockups as a solid reference point to begin coding the website's core functionalities.
User Testing and Feedback: The mid-fidelity mockups became valuable tools for user testing within my team. This user feedback played a critical role in refining the design for optimal usability.
Refined User Interface based on User Feedback
Following the initial mid-fidelity mockup that provided a solid foundation for development, we conducted user testing to gather valuable feedback. This feedback specifically focused on the home page layout, where the placement of the image alongside the informational text appeared unbalanced.
In response to user feedback, I refined the high-fidelity mockup by transitioning to a single information box on the home page. This streamlined approach ensures the user receives a clear and concise message about the website's purpose upon arrival.
The 36-hour Hackathon pushed my time management skills. I juggled user-friendly design efficiency with building a strong development team. This fast-paced environment honed my ability to make swift, intentional design choices while collaborating effectively. It highlighted the importance of resourcefulness and adaptability in achieving goals under pressure.
To ensure the designs were user-centered and addressed our target audience's needs, I actively sought feedback from my teammates throughout the design process.
Identifying a user need (easy access to global COVID-19 data) and creating a successful design solution (Global Vibe Check) to address it.
Presenting complex data like COVID-19 statistics in a clear, concise, and easy-to-understand manner through the interactive globe map and information cards is essential to keep users informed and less confused.