Menu
Menu
Case Study
The Health, Climate
and Environment Hub
Responsive website for a collaborative online platform
Project Overview
Project Scope
Responsive Website and Branding
Tools
Figma, Adobe Illustrator, Zeplin
Stakeholders
Columbia University
Duration
8 weeks (328 hours)
Role
UX Designer
Project Scope
Tools
Stakeholders
Duration
Role
Responsive Website and Branding
Figma, Adobe Illustrator, Zeplin
Columbia University
8 weeks (328 hours)
UX Designer
Background
The case study focuses on the UX design process for The Health, Climate and Environment Hub, a platform aimed at connecting users with experts, policy makers, and community organizations while fostering collaboration, information sharing, and meaningful discussions. The goal of the project is to create an engaging and user-friendly platform that promotes understanding, empowers individuals, and encourages active involvement in health and environmental initiatives. Through extensive research and analysis of user personas, empathy mapping, and published coverage of The Health, Climate and Environment Hub, the project team gained insights into the needs, goals, and frustrations of the target audience. This provided a solid foundation for developing user-centric design solutions. The UX design process involved defining project goals, brainstorming solutions, creating a comprehensive product roadmap, and designing low-fidelity to high-fidelity wireframes. Iterative usability testing and user feedback played a crucial role in refining the designs and ensuring a seamless user experience.
The project also emphasized stakeholder collaboration, as the team actively involved experts, policy makers, and community organizations in the decision-making process. Their input and selection of features from the product roadmap contributed to the success of the design solution. With a focus on delivering a visually appealing and intuitive platform, the UX design process of The Health, Climate and Environment Hub aimed to provide users with personalized educational resources, policy updates, networking opportunities, and a platform to share experiences and insights. The case study presents the journey of transforming ideas into a user-centered design that aligns with the goals of the platform and caters to the diverse needs of its users.
Challenges
Balancing diverse user needs: Addressing the varying requirements and expectations of community members, academics, policy makers, researchers, and subject experts while ensuring an inclusive and cohesive user experience.
Information architecture: Organizing a vast number of resources, projects, experts, and events in a logical and intuitive manner, making it easy for users to find relevant information and navigate the platform effectively.
Seamless collaboration: Implementing real-time communication tools, project management features, and coordination mechanisms to enable smooth collaboration among users from different backgrounds and locations.
Information architecture: Organizing a vast number of resources, projects, experts, and events in a logical and intuitive manner, making it easy for users to find relevant information and navigate the platform effectively.
Seamless collaboration: Implementing real-time communication tools, project management features, and coordination mechanisms to enable smooth collaboration among users from different backgrounds and locations.
Objectives
- Design a responsive directory website for The Health, Climate and Environment Hub.
- Develop and extend coherent branding that aligns with The Health, Climate and Environment Hub target audience.
Design Process
From Concept to Creation
Hypothesis
Strategy
Build
Discover
Discover
Define
Develop
Deliver
Discover
- Requirement Analysis
- Stakeholder Interview
- User Feedback Analysis
- Iterative Design Improvements
- A/B Testing and Experimentation
- Optimization
Research Plan
Discover
Research allows me to understand users on a deeper level, considering their frustrations, hopes, fears, abilities, limitations, reasoning, and goals. It provides the necessary groundwork for effective solutions. To maintain research focus and guide responsive website design, I create a research plan at the beginning of each project. It includes research goals, questions, assumptions, methodologies, participants, and the project timeline.
Research Goals
- Understand the needs, expectations, and pain points of the target users.
- Identify existing collaborative platforms in the health, climate, and environment domains.
- Gather insights on user preferences, motivations, and behaviors regarding collaboration, research, and knowledge sharing.
- Validate assumptions about user engagement, digital literacy, and the availability of subject matter experts.
- Obtain feedback on the platform’s proposed features, interface, and overall user experience.
Research Questions
- What are the key requirements and expectations of users in a collaborative platform for health, climate, and environment initiatives?
- How do existing collaborative platforms in similar domains address user needs and what can be learned from them?
- What are the main pain points and challenges users face when collaborating, conducting research, and sharing knowledge in these domains?
- What are the motivations and barriers for users to actively participate in collaborative initiatives?
- How do users prefer to access and contribute to resources, projects, and events in an online platform?
Assumptions
- Users share a common goal of improving health and creating healthier living conditions.
- Users have a certain level of digital literacy and access to reliable internet connections.
- There is a sufficient pool of subject matter experts available for collaboration.
- Users are motivated to actively participate in collaborative projects and knowledge sharing.
- The platform’s features and design will effectively facilitate collaboration and resource sharing.
Methodologies
Market Research: Analyze existing collaborative platforms in the health, environment, and climate domains to identify their features, strengths, and weaknesses.
Competitive Analysis: Assess the competitive landscape by analyzing similar platforms, identifying unique selling points, and understanding user preferences.
User Interviews: Conduct in-depth interviews with a diverse range of participants, including community members, academics, policy makers, and subject matter experts, to gather insights into their needs, challenges, and expectations.
Prototype Testing: Develop interactive prototypes and wireframes of the Hub website and conduct user testing sessions to gather feedback on usability, design aesthetics, and features.
Expert Evaluation: Engage domain experts in community affairs, academics, policy makers, and subject matter experts, to evaluate the content, structure, and design of the Hub website.
Participants
A diverse group of participants will be recruited, including community members, academics from various disciplines, policy makers, researchers, subject matter experts, and individuals and organizations interested in health, climate, and environment initiatives.
Project Timeline
Tasks
Timeframe
Market Research, Competitive Analysis, and Provisional Personas
16 hours
User Interviews, Empathy Map, and User Personas
16 hours
Statements and Questions, Brainstorming Sessions, Project Goals, Product Roadmap, and Sitemap
32 hours
Task Flow Analysis, User Flow Development, Wireframes and UI Requirements
64 hours
Mid-fidelity Prototype and Usability Testing
100 hours
Mood Board, Logo and Icon, Style Tile, UI Kit, and High-Fidelity Wireframe and Prototype
100 hours
Market Research
Discover
Conducting market research is crucial to gain a comprehensive understanding of the market landscape, including audience demographics, knowledge gaps, emerging trends, and recent news. These insights inform the creation of provisional personas and guide the formulation of meaningful questions for primary research.
Market Trends
Increasing global awareness: There is a growing consciousness regarding health, environment, and climate issues, with individuals and organizations seeking solutions and collaboration platforms to address these concerns (American Psychological Association).
Digital transformation: The shift towards digital platforms for knowledge sharing and collaboration has accelerated, driven by advancements in technology and the need for remote connectivity (Harvard Business Review).
Interdisciplinary collaboration: Recognizing the diverse expertise required to tackle complex challenges, there is a trend towards fostering collaboration among community members, researchers, experts, policy makers, and those directly affected by health, environment, and climate issues (Palgrave Communications).
Demographics
Broad target audience: The Health, Climate and Environment Hub may attract individuals, organizations, and professionals from various backgrounds, including community members, academics, researchers, policy makers, advocates, and subject experts.
Global reach: The platform aims to improve the health of communities worldwide, making the target audience diverse in terms of geographic locations and cultural backgrounds.
Trends and Considerations
Accessibility: The platform should be accessible to a wide range of users, considering factors such as usability, inclusivity, and support for assistive technologies to ensure equal participation and engagement.
User engagement and motivation: Design strategies should be employed to encourage active user engagement, such as gamification elements, incentives, and personalized experiences, to foster sustained participation and contributions.
Consumer Behavior
Knowledge sharing and learning: Users are driven by the desire to access up-to-date resources, collaborate, and gain knowledge from subject matter experts and researchers to make informed decisions and act (Forbes).
Collaboration and networking: The platform will provide opportunities for users to engage in collaborative projects, propose initiatives, connect with like-minded individuals, and build networks to drive positive change (Asana).
Emphasis on impact: Users are motivated by the opportunity to contribute to tangible improvements in health, environment, and climate outcomes, aligning with their personal values and goals (Centers for Disease Control and Prevention).
Competitive Analysis
Discover
It is important to research other website in the climate resources space in an effort to gather insights about their strengths and weaknesses. These insights also help me identify any gaps in features that the Hub might address. I analyzed 3 direct competitors as shown below, who provide similar climate and health resources.
EcoHealth Network
EcoHealth Network is a collaborative online platform that connects individuals, academics, and policy makers in the health and environment sectors. It offers a global network of experts, a resource library, and a user-friendly interface, facilitating knowledge sharing and collaboration. However, it lacks real-time communication tools and has outdated event listings.
EcoExchange
EcoExchange is an online community-driven platform dedicated to climate change and health education. It provides a range of resources, including interactive modules, webinars, and discussion forums, aiming to facilitate collaboration and knowledge exchange among health professionals, educators, and students.
EcoMed Academy
EcoMed Academy is an innovative online learning platform that combines climate change and health education through immersive technology. They offer virtual reality simulations, interactive courses, and data visualizations to provide engaging and impactful learning experiences for health professionals and students.
Strengths
Extensive Resource Library: EnviroHealth Solutions offers a vast collection of up-to-date resources across various disciplines, ensuring a comprehensive coverage of climate change and health topics.
Global Collaborative Network: They have established partnerships with renowned universities, research institutions, and international organizations, enabling them to provide diverse perspectives and expertise.
User-Friendly Interface: EnviroHealth Solutions prioritizes a seamless user experience with intuitive navigation, advanced search filters, and personalized recommendations for easy resource discovery.
Strengths
Engaged Online Community: EcoExchange has fostered a vibrant and active community of users who actively contribute resources, engage in discussions, and share best practices.
User-Centric Design: Their website focuses on user-friendliness, ensuring a seamless experience for users to access and navigate resources, join discussions, and participate in educational programs.
Customizable Learning Paths: EcoExchange offers personalized learning paths based on users’ interests and expertise, allowing them to access tailored content that aligns with their specific needs.
Strengths
Cutting-Edge Technology Solutions: EcoMed Academy leverages virtual reality, interactive simulations, and data visualizations to enhance learning experiences and provide a deeper understanding of the connections between climate change and health.
Strong Thought Leadership: They are recognized as a leading authority in the field, actively contributing to research, conducting studies, and publishing thought leadership content.
Targeted Content for Different Audiences: EcoMed Academy delivers customized content for diverse user groups, catering to the specific needs and interests of health professionals, educators, and students.
Weaknesses
Limited Outreach to Non-Health Professionals: Their platform primarily targets health professionals and educators, potentially limiting engagement from other stakeholders, such as policymakers or community members.
Resource Updates: While they maintain a strong library, occasional delays in updating resources may result in some outdated content.
Minimal Interactive Features: EnviroHealth Solutions’ platform currently lacks interactive features or community-driven elements that could foster more engagement and collaboration among users.
Weaknesses
Limited Resource Variety: While they provide a valuable collection of resources, EcoExchange may have gaps in certain specialized areas or lack in-depth coverage on specific topics.
Integration Challenges: Their platform currently faces integration challenges with external educational platforms, potentially limiting seamless user experiences and collaborations with other institutions.
Inconsistent Updates: EcoExchange occasionally experiences delays in updating content and resources, leading to potential gaps in availability of the latest information.
Weaknesses
High Resource Requirements: Utilizing virtual reality and interactive simulations may require users to have access to specific hardware or devices, limiting the accessibility for individuals who do not have the necessary equipment or resources.
Cost Considerations: Due to the implementation of advanced technology solutions, EcoMed Academy has subscription fees and additional costs associated with accessing certain immersive experiences or specialized courses, potentially limiting access for users with limited budgets or financial resources.
Provisional Personas
Discover
Using the data from market research, I created provisional personas to represent potential users of The Health, Climate and Environment Hub. These personas, based on statistical knowledge, will assist me in identifying suitable individuals for interviews and understanding their needs.
Name
Climate Crusader
Description
Environmental Activist and Researcher
Age Range
30-35
Lifestyle
Embracing an eco-conscious lifestyle, this individual leads by example in their commitment to sustainability and environmental responsibility. Engaging actively in various local community initiatives, they take the initiative to support and uplift their neighborhood, promoting positive change and fostering a sense of collective responsibility. Attending environmental conferences allows them to stay informed about the latest developments and cutting-edge solutions in the field, constantly seeking ways to improve their environmental impact. Additionally, they thrive on collaboration, working hand in hand with experts in the environmental field to devise innovative strategies and solutions that make a meaningful difference in preserving our planet for future generations. This person’s dedication and proactive approach to living harmoniously with the environment serve as an inspiration to others, creating a ripple effect of positive change and awareness in their community and beyond.
Goals
- Aims to promote sustainable practices.
- Raise awareness about the impact of climate change on human health.
- Seeks reliable resources to support her advocacy work.
Pains
- Finding up-to-date research.
- Connecting with subject matter experts.
- Accessing a platform that fosters collaboration and knowledge sharing among like-minded individuals.
Name
Policy Pioneer
Description
Policy Maker and Government Official
Age Range
40-50
Lifestyle
In their impactful and influential role within the government, this individual holds a high-level position that bears significant responsibility. Their involvement in shaping health and environmental policies reflects a genuine commitment to safeguarding the well-being of the populace and the planet. Attuned to the ever-evolving challenges faced by society, they actively participate in conferences and engage with stakeholders in the health and environmental sectors. By staying well-informed and collaborating with experts and concerned parties, they ensure that their decisions are well-grounded and reflect a comprehensive understanding of the issues at hand. Through their dedication and active engagement, this individual plays a pivotal role in shaping policies that have a positive impact on public health and the environment, leaving a lasting legacy for the betterment of society as a whole.
Goals
- Develop evidence-based policies that improve health outcomes and address climate-related challenges.
- Seek a platform that provides access to reliable research.
- Connect with community members.
- Facilitate collaboration with stakeholders.
Pains
- Limited resources and channels to gather insights from affected communities.
- Difficulty engaging with subject matter experts.
- Challenges in collaborating effectively with different stakeholders.
Name
Medical Maverick
Description
Medical Student
Age Range
25-30
Lifestyle
The lifestyle of this highly ambitious and driven medical student is characterized by a constant pursuit of new challenges and a strong desire to positively impact people’s lives through healthcare. Their days are filled with a demanding schedule, which includes attending medical lectures, conducting research, and gaining practical experience in hospitals. Their eagerness to learn and grow in the medical field drives them to actively seek opportunities that will further their knowledge and expertise.
Goals
- Become a skilled and compassionate physician to provide excellent patient care.
- Excel in academic studies and secure a residency at a prestigious hospital.
- Conduct groundbreaking medical research to contribute to advancements in the field.
- Build a strong network of mentors and peers to support their career journey.
Pains
- Balancing intense academic demands with personal life and self-care.
- Feeling the pressure to perform exceptionally well in their medical studies.
- Navigating the complexities and emotional challenges of working with patients.
- Managing stress and burnout while striving for excellence in their medical career.
User Interviews
Discover
To truly understand our users and gain direct insights, I conducted user interviews as part of primary research. I asked participants 13 open-ended questions, encouraging them to share their experiences and stories. This helped establish a real connection with our users and gather valuable insights.
There was a total of 6 participants from a variety of backgrounds were interviewed.
Interview Questions
1.
Can you tell me about your interest in health, environment, and climate issues? What drives your passion in this area?
2.
Have you encountered any challenges or barriers when seeking information or resources related to health, environment, or climate? Can you share any specific experiences?
3.
How do you currently stay informed about the latest developments and research in these areas? What sources do you rely on?
4.
Can you describe any positive experiences or success stories related to collaboration, research, or knowledge sharing in the health, environment, or climate field?
5.
Have you ever participated in any projects or initiatives focused on improving health or addressing environmental and climate concerns? What was your role and experience like?
6.
What features or tools do you find most valuable in a platform that aims to facilitate collaboration, research, and knowledge sharing in this field?
7.
Are there any specific resources or information that you struggle to find or access when it comes to health, environment, or climate-related topics?
8.
How do you prefer to engage with experts, policymakers, and other community members in discussions or collaborative efforts related to these issues?
9.
Can you share any examples of how health, environment, or climate policies have directly affected your community or your personal life?
10.
In your opinion, what are the biggest challenges or gaps that need to be addressed in improving health and addressing environmental and climate issues globally?
11.
How would you envision the ideal platform or hub that could effectively support collaboration and knowledge sharing among different stakeholders in this field?
12.
What motivates you to actively engage in initiatives or projects related to health, environment, or climate? What benefits do you expect to gain from participating?
13.
Is there anything else you would like to share or any suggestions you have for improving the accessibility and impact of a platform like The Health, Environment and Climate Hub?
Assumptions Validated
After conducting interviews with 6 participants, several assumptions related to The Health, Climate and Environment Hub were validated. The findings from the interviews provide insights into the users’ perspectives and experiences. While these findings are based on a limited sample size and should be further validated with a larger user group, they offer valuable initial insights. The key assumptions validated are as follows:
Assumption
Validation
Users are motivated to actively participate in collaboration, research, and knowledge sharing activities.
Participants expressed a strong motivation to engage in acts of kindness and recognition, sharing personal stories of their involvement and the positive impact it had on their lives.
Users can access the platform easily and navigate its features effectively.
Participants reported that the platform’s user interface was intuitive, making it easy for them to find relevant information, resources, and connect with other community members.
Users recognize the value of collaborating with experts, policymakers, and community members.
Participants emphasized the importance of collaborating with different stakeholders to generate innovative solutions, share knowledge, and promote meaningful change in health, environment, and climate-related initiatives.
Users seek access to reliable research and up-to-date information in the health, environment, and climate field.
Participants highlighted the significance of having a platform that offers credible research resources, studies, and data, helping them stay informed and make informed decisions.
Users appreciate diverse perspectives and value inclusivity in the platform’s community.
Participants expressed the importance of engaging with individuals from various backgrounds, disciplines, and geographic locations, as it enhances collaboration, fosters creativity, and provides a well-rounded understanding of the issues at hand.
Empathy Map
Discover
To analyze user interview data, I used an empathy map. It helped me identify patterns, gain insights, and understand user needs more deeply.
Insight
Need
Participants expressed concerns about the impact of environmental issues on health and well-being.
Access to reliable information and resources to understand the link between environment and health.
Many participants mentioned feeling motivated to act and make positive changes.
Tools and support to actively engage in environmental advocacy and contribute to improving their communities.
Participants expressed frustration with the lack of collaboration between different stakeholders.
A platform that facilitates collaboration and connects individuals, researchers, policy makers, and community members.
Some participants mentioned the need for educational programs to raise awareness about environmental issues.
Educational resources and events to promote understanding and empower individuals to make sustainable choices.
Participants highlighted the importance of policies and regulations that prioritize health and the environment.
Access to policy-related information and opportunities to engage with policy makers and advocates for change.
Participants expressed a desire for a supportive community that shares knowledge and experiences.
Networking opportunities, forums, and events to connect with like-minded individuals and foster a sense of community.
User Personas
Discover
Understanding the audience is a crucial aspect of the UX design process for The Health, Climate and Environment Hub. By gathering extensive knowledge about the audience, including their goals and needs, user personas were created to represent key audience segments. These personas serve as fictional yet realistic representations of the target users, enabling the design team to focus on addressing the most important problems and fulfilling the major needs of the most significant user groups.
Name
Emily Thompson
Age
32
Occupation
Environmental Scientist
Marital Status
Single
Location
Seattle, Washington
Archetype
Eco-Activist
Emily is a dedicated environmental scientist who spends most of her time conducting research, analyzing data, and staying up to date with the latest scientific advancements in the field. She actively participates in conferences, workshops, and community events, aiming to expand her network and share her knowledge. Emily is deeply committed to sustainable living, incorporating eco-friendly practices into her daily life, such as using public transportation, recycling, and supporting local environmentally conscious businesses.
Goals
- Conduct research on environmental issues and contribute to finding innovative solutions.
- Collaborate with experts and community members to address health and climate challenges.
- Advocate for policies that prioritize the environment and promote sustainable living.
Frustrations
- Limited access to comprehensive and up-to-date research and resources.
- Lack of opportunities for meaningful collaboration and knowledge sharing.
- Inadequate support from policymakers to address pressing environmental concerns.
Needs
- Access to a global network of subject matter experts and community members.
- Reliable and easily navigable platform for sharing research findings and best practices.
- Tools for effective collaboration, project management, and policy advocacy.
Motivations
- Passion for environmental sustainability and the desire to make a positive impact.
- Commitment to advancing scientific knowledge and translating it into practical solutions.
Name
James Rodriguez
Age
45
Occupation
Policy Maker
Marital Status
Married with two children
Location
Washington, D.C.
Archetype
Visionary Leader
James is a busy policy maker based in Washington D.C. He spends his days attending meetings, reviewing research reports, and collaborating with experts from various fields. James is actively involved in policy development processes and engages with stakeholders to ensure that environmental concerns are prioritized. Outside of work, he enjoys spending time with his family, staying updated on current events, and participating in local community initiatives focused on health and environmental issues.
Goals
- Develop evidence-based policies that promote public health and address environmental challenges.
- Bridge the gap between scientific research and policy implementation.
- Foster collaboration among stakeholders and engage with affected communities.
Frustrations
- Limited resources and channels to gather insights from affected communities.
- Difficulty in navigating complex environmental and health-related data.
- Challenges in coordinating efforts and achieving consensus among diverse stakeholders.
Needs
- Access to reliable research, data, and case studies to inform policy decisions.
- Platform that facilitates effective communication, collaboration, and knowledge exchange.
- Opportunities to engage with subject matter experts, community advocates, and researchers.
Motivations
- Dedication to public service and a passion for creating a sustainable future.
- Desire to address societal challenges through evidence-based policymaking.
- Commitment to the well-being and health of communities.
Statements and Questions
Define
To define the problem and generate solutions, I create goal-oriented Point-of-View (POV) Statements and frame them as How-Might-We (HMW) Questions. These statements and questions are based on the insights and needs gathered from the Empathy Map, guiding the ideation process in the brainstorming sessions.
Insight
Need
POV Statement
HMW Question
Participants expressed concerns about the impact of environmental issues on health and well-being.
Access to reliable information and resources to understand the link between environment and health.
As an environmentally conscious user, I want a platform that provides reliable information and resources to understand the link between the environment and health, so that I can make informed decisions and take actions to protect my well-being and the planet.
How might we ensure that the platform provides accurate, up-to-date, and trustworthy information on the impact of environmental issues on health while making complex scientific concepts accessible and easily understandable for users?
Many participants mentioned feeling motivated to act and make positive changes.
Tools and support to actively engage in environmental advocacy and contribute to improving their communities.
As a proactive user, I want a platform that offers tools and support to actively engage in environmental advocacy and contribute to improving my community, so that I can make a tangible impact and inspire others to join me.
How might we provide users with actionable steps, tools, and resources to engage in environmental advocacy, while also encouraging them to share their success stories and facilitating collaborations with local organizations to implement community initiatives?
Participants expressed frustration with the lack of collaboration between different stakeholders.
A platform that facilitates collaboration and connects individuals, researchers, policy makers, and community members.
As a user who values collaboration, I want a platform that facilitates connections and collaboration between individuals, researchers, policy makers, and community members, so that we can work together to address environmental challenges effectively.
How might we create a platform that connects users with experts, policy makers, and community organizations, while also providing features that enable seamless collaboration, information sharing, and fostering an environment for meaningful discussions and idea exchange among different stakeholders?
Some participants mentioned the need for educational programs to raise awareness about environmental issues.
Educational resources and events to promote understanding and empower individuals to make sustainable choices.
As a user seeking education and awareness, I want a platform that offers educational resources and events to raise awareness about environmental issues, so that I can expand my knowledge and make informed choices.
How might we provide personalized educational resources in various formats, such as articles, videos, and webinars, as well as organize events and workshops to promote understanding and empower individuals to act based on their interests and knowledge level?
Participants highlighted the importance of policies and regulations that prioritize health and the environment.
Access to policy-related information and opportunities to engage with policy makers and advocates for change.
As a user interested in policy and advocacy, I want a platform that provides access to policy-related information and opportunities to engage with policy makers and advocates for change, so that I can actively participate in shaping policies that prioritize health and the environment.
How might we provide users with updates on policy developments and initiatives related to health and the environment, facilitate their engagement with policy makers through surveys, petitions, or direct communication channels, and create a platform that showcases successful advocacy stories and encourages users to get involved?
Participants expressed a desire for a supportive community that shares knowledge and experiences.
Networking opportunities, forums, and events to connect with like-minded individuals and foster a sense of community.
As a user seeking a supportive community, I want a platform that offers networking opportunities, forums, and events to connect with like-minded individuals and foster a sense of community, so that I can share knowledge, experiences, and find support.
How might we create a platform that encourages users to connect and build relationships with others who share similar interests, provides features for users to share their experiences and insights with the community, and organizes virtual or in-person events where users can interact and collaborate with each other?
Brainstorming Sessions
Define
During the brainstorming process, I focused on addressing the How-Might-We (HMW) questions derived from the insights and needs identified in the empathy map for The Health, Climate and Environment Hub. To ensure a structured and time-efficient brainstorming session, I allocated 3 minutes to each HMW question. After the first round, I moved on to the next question, aiming to generate as many diverse and creative solutions as possible. In the second round, I revisited each HMW question, buildin upon the initial ideas and exploring new perspectives to further enrich the brainstorming results. The iterative nature of the process allowed me to refine and improve the solutions based on the insights gained during the first round.
HMW Question 1
How might we ensure that the platform provides accurate, up-to-date, and trustworthy information on the impact of environmental issues on health while making complex scientific concepts accessible and easily understandable for users?
Session 1
Session 2
- Collaborate with reputable scientific organizations to obtain accurate data and research.
- Implement a review process involving subject matter experts to validate the content.
- Provide simplified explanations and visual aids to break down complex scientific concepts.
- Offer interactive features, such as simulations and virtual experiments, to engage users in hands-on learning.
- Incorporate user feedback mechanisms to address any confusion or misinformation.
- Establish partnerships with renowned health and environmental institutions for content validation and credibility.
- Develop a user-friendly interface with intuitive navigation and clear information hierarchy.
- Utilize storytelling techniques to convey scientific concepts in a relatable and engaging manner.
- Offer personalized learning paths based on users’ interests and knowledge levels.
HMW Question 2
How might we provide users with actionable steps, tools, and resources to engage in environmental advocacy, while also encouraging them to share their success stories and facilitating collaborations with local organizations to implement community initiatives?
Session 1
Session 2
- Develop an interactive action guide that outlines step-by-step processes for getting involved in environmental advocacy.
- Create a resource library with downloadable toolkits, templates, and guides to assist users in their advocacy efforts.
- Design a feature that allows users to share their success stories and experiences, inspiring others to act.
- Implement a collaboration platform that connects users with local organizations and facilitates joint initiatives.
- Integrate gamification elements to make the advocacy process engaging and rewarding for users.
- Provide personalized recommendations based on users’ interests and location for tailored advocacy opportunities.
- Enable users to track and measure their impact, showcasing progress and achievements.
- Implement a rating and review system for local organizations, promoting transparency and accountability in community initiatives.
HMW Question 3
How might we create a platform that connects users with experts, policy makers, and community organizations, while also providing features that enable seamless collaboration, information sharing, and fostering an environment for meaningful discussions and idea exchange among different stakeholders?
Session 1
Session 2
- Implement a user-friendly search and matching system to connect users with relevant experts, policy makers, and organizations.
- Develop a discussion forum or community space where users can engage in conversations and exchange ideas.
- Integrate video conferencing and messaging tools to facilitate real-time collaboration and communication.
- Incorporate a rating and review system for experts, policy makers, and organizations to ensure transparency and credibility.
- Provide a platform for hosting webinars, workshops, and virtual events where users can learn from experts and engage in interactive sessions.
- Implement a project collaboration feature that enables users to initiate and work on joint initiatives with policy makers and organizations.
- Integrate data visualization tools to present information and insights in a visually appealing and easily understandable manner.
HMW Question 4
How might we provide personalized educational resources in various formats, such as articles, videos, and webinars, as well as organize events and workshops to promote understanding and empower individuals to act based on their interests and knowledge level?
Session 1
Session 2
- Develop a user profiling system that gathers information about users’ interests, knowledge level, and preferred learning formats to deliver personalized educational content.
- Curate a diverse range of educational resources from trusted sources and categorize them based on different topics and difficulty levels.
- Offer interactive webinars and workshops that cover specific environmental issues and provide practical tips for acting.
- Implement a recommendation engine that suggests personalized educational resources based on users’ past engagement and preferences.
- Collaborate with experts and influencers to create engaging video content, such as documentaries or interviews, to educate and inspire users.
- Organize offline events and workshops in local communities to foster hands-on learning experiences and encourage in-person networking.
- Provide a gamified learning experience with challenges and rewards to motivate users to actively engage with the educational resources.
HMW Question 5
How might we provide users with updates on policy developments and initiatives related to health and the environment, facilitate their engagement with policy makers through surveys, petitions, or direct communication channels, and create a platform that showcases successful advocacy stories and encourages users to get involved?
Session 1
Session 2
- Develop a dedicated section on the platform that provides regular updates on policy developments, legislative changes, and environmental initiatives at local, national, and global levels.
- Enable users to participate in surveys and polls to gather their opinions and feedback on specific policy issues and share the aggregated results with policy makers.
- Create a petition feature that allows users to initiate or support petitions related to health and environmental causes and provide a platform for users to share and promote their petitions.
- Implement direct communication channels, such as forums or messaging systems, where users can engage in discussions with policy makers, experts, and fellow advocates.
- Establish partnerships with organizations or agencies involved in policymaking to ensure accurate and timely information sharing and collaboration.
- Develop a notification system that sends personalized updates to users based on their interests and preferences in policy areas and specific initiatives.
- Showcase success stories and case studies of advocacy efforts and their impact on policy changes to inspire and motivate users to get involved.
- Provide educational resources and guides on effective advocacy strategies, empowering users with the knowledge and skills needed to engage with policy makers effectively.
HMW Question 6
How might we create a platform that encourages users to connect and build relationships with others who share similar interests, provides features for users to share their experiences and insights with the community, and organizes virtual or in-person events where users can interact and collaborate with each other?
Session 1
Session 2
- Implement user profiles with customizable interests and preferences, allowing users to find and connect with like-minded individuals.
- Create discussion forums or community groups where users can share their experiences, insights, and ideas on environmental and health-related topics.
- Develop a feature that allows users to publish and share articles, blog posts, or personal stories with the community, fostering knowledge exchange and inspiration.
- Introduce a recommendation system that suggests relevant connections and communities based on users’ interests, activities, and engagement.
- Enable users to create and join local or regional groups to facilitate offline interactions and community-building.
- Incorporate a collaboration platform that allows users to form teams or workgroups for specific projects or initiatives.
Project Goals
Define
I developed project goals using the HMW questions and brainstormed solutions to assist in determining what features to include on the website. The user goals were summarized from the user personas and empathy map, and the business goals were summarized from the stakeholder input and research.
Business Goals
User Goals
Aligned Goals
- Establish The Health, Climate and Environment Hub as a trusted and authoritative platform for health and environmental information.
- Increase user engagement and participation in environmental advocacy and community initiatives.
- Foster collaborations with experts, policy makers, and community organizations to drive positive change.
- Generate revenue through partnerships, sponsorships, and advertising opportunities.
- Access reliable and up-to-date information on the impact of environmental issues on health.
- Find actionable steps and resources to actively engage in environmental advocacy.
- Connect and build relationships with like-minded individuals who share similar interests.
- Stay informed about policy developments and initiatives related to health and the environment.
- Share experiences, insights, and success stories with the community.
- Attend virtual or in-person events to learn, collaborate, and contribute to the cause.
- Provide accurate and trustworthy information on the impact of environmental issues on health.
- Offer actionable steps, tools, and resources for users to engage in environmental advocacy.
- Facilitate connections and collaborations between users, experts, and community organizations.
- Keep users informed about policy developments and opportunities for engagement.
- Foster a supportive community where users can share experiences, insights, and success stories.
Product Roadmap
Define
To create a comprehensive product roadmap, I categorized the brainstormed solutions into four priority levels: Must-have (P1), Nice-to-Have (P2), Surprising and Delightful (P3), and Can-come-later (P4) features. This prioritization aligns with the business goals and user goals we identified. It ensures that we focus on the most essential features during the development cycle and effectively integrate our project goals into the product.
Priority
Page
Goals
Confidence %
Effort
Feature
P1
Information Database
Provide reliable and up-to-date information
90%
High
Comprehensive database on environmental issues and health impact
P1
Advocacy Resources
Enable users to engage in environmental advocacy
85%
High
Actionable guides, resources, and tools for advocacy activities
P1
Community Forums
Foster a sense of community and knowledge exchange
80%
Medium
Community forums, networking features, and user-generated content
P1
Policy Engagement
Facilitate user engagement with policy makers
85%
High
Policy update notifications, user surveys, and communication
P1
Success Stories
Showcase user success stories and inspire others to act
75%
Medium
User-generated content sharing functionality
P2
Personalized Content
Provide personalized content recommendations
70%
Medium
AI-powered content recommendation system
P2
Interactive Tools
Offer interactive tools and calculators
65%
Medium
Environmental impact measurement tools and calculators
P2
Project Management
Enable collaborative project management for community initiatives
60%
Medium
Collaborative project management features
P2
Expert Directory
Connect users with experts and professionals
70%
High
Expert directory and consultation services
P2
Gamification Elements
Incorporate gamification elements for user engagement
60%
Low
Points, badges, and rewards system
P3
Virtual Reality
Provide virtual reality experiences or 360-degree videos
50%
High
VR experiences or 360-degree videos
P3
AI-powered Chatbots
Offer AI-powered chatbots for personalized assistance
55%
Medium
AI-powered chatbot for user support and guidance
P3
Data Visualization
Simplify complex scientific concepts through data visualization
50%
Medium
Visualizations and infographics for easy understanding
P3
Augmented Reality
Incorporate augmented reality features for interactive learning
45%
High
AR features for interactive learning and exploration
P3
Progress Tracking
Enable personal progress tracking and goal setting
40%
Medium
User progress tracking and goal-setting functionality
P4
Social Media Integration
Integrate with social media platforms for content sharing
30%
Low
Social media integration for seamless sharing
P4
Offline Access
Provide offline access to selected content
35%
Low
Offline access to specific content for low connectivity areas
P4
Language Localization
Support language localization for diverse user base
30%
Low
Localization of content for different languages
P4
Project Funding
Enable collaborative project funding and crowdfunding
35%
High
Fundraising features for community initiatives
P4
In-depth Analysis
Offer in-depth analysis and reporting tools
30%
High
User analytics and reporting tools
Sitemap
Define
Once the product goals and features were defined, the next step was to establish the website’s structure using a sitemap. This visual representation allows me to analyze the content hierarchy and understand the relationships between different pages, ensuring a well-organized and user-friendly website. In collaboration with stakeholders, we utilized their valuable input to create the sitemap for The Health, Climate and Environment Hub. They actively participated in selecting the features that aligned with their interests and priorities from the product roadmap. This collaborative approach ensured that the sitemap accurately represented the desired functionality and content, fostering a sense of ownership and engagement among stakeholders.
Task Flow Analysis
Develop
To ensure clarity in my design process, I analyze the primary user journey for task completion, allowing me to prioritize the design of specific pages. By developing task flows that focus on essential functions of The Health, Climate and Environment Hub website, I gain a deeper understanding of the user experience and can address their needs effectively.
User Flow Development
Develop
Expanding on the task flow, I created user flows that align with the identified tasks. Decision trees were incorporated to anticipate user actions based on their interactions and sentiments with the website, enabling me to enhance the user experience and guide their journey effectively.
Wireframes
Develop
Low-Fidelity Wireframes
I began by hand-sketching low-fidelity wireframes, utilizing the speed and flexibility of this approach to swiftly capture my initial ideas. This method allowed me to efficiently assess and improve my concepts as I moved forward in the subsequent stages of development.
Mid-Fidelity Wireframes and Prototype
After establishing the visual direction of the layout, I proceeded to enhance the low-fidelity sketches by transforming them into mid-fidelity wireframes. This allowed me to concentrate on visual consistency and hierarchy before applying styles. In these wireframes, I incorporated proven design patterns observed on competitor websites and included elements that directly addressed users’ goals, needs, frustrations, and motivations. Additionally, to guarantee a consistent user experience across various devices, I developed responsive wireframes for desktop, tablet, and mobile interfaces. Once I completed the essential task-oriented page designs, I created a mid-fidelity prototype in Figma for usability testing. Conducting usability tests with a mid-fidelity prototype is valuable in identifying information architecture and flow issues early on, saving time in the detailed design phase.
Usability Testing
Develop
Usability Test Plan
To prepare for usability testing, I created a testing plan outlining objectives, methodology, tasks, and evaluation criteria. The plan helped me define what and why I wanted to test and ensured I was ready for the testing phase. During the tests, I aimed for a 100% completion rate on the tasks, as they represented typical actions users would take on the website. However, I anticipated a 90% error rate due to the prototype’s limited functionality, understanding that users might resort to alternative approaches.
Conducting Usability Testing
I conducted remote usability testing sessions with 6 participants, documenting their interactions with the prototype through observation and creating transcripts. These transcripts captured their mistakes, slips, and expressed confusions, serving as valuable material for analyzing user behavior.
Affinity Map
To summarize the usability testing results, I employed an affinity map. By assigning a unique color to each participant, I categorized observations into success, patterns, and frustrations. I focused on patterns shared by most participants and derived insights and recommendations from identified frustrations. These recommendations were ranked based on priority, allowing me to address key functions and enhance brand recognition for our website and customers.
Observation Patterns
Insight
Recommendation
Difficulties in Joining Action Nodes
Participants struggled with unclear instructions when joining Action Nodes.
Improve the onboarding process for joining Action Nodes with clearer instructions.
Resource Downloading Challenges
Some users faced issues in finding the download button for resources.
Enhance the discoverability of the download button for resources.
Positive Response to Key Features and Intuitive Navigation
Users appreciated key features, along with clear navigation and task flows.
Enhance and highlight key features for increased visibility and optimize navigation for a seamless user experience.
Updates to Wireframes
Given our constraints in terms of time and resources, I prioritized revisions based on the recommendations outlined in the affinity map.
Before
After
Before
After
Mood Board
Deliver
To gather inspiration for The Health, Climate and Environment Hub, I created a mood board in Adobe Illustrator. I curated a selection of images that encapsulate the key attributes identified from our product goals and features. The goal was to keep the number of attributes minimal, ensuring that brand stands out distinctly.
Reliable: Providing accurate and up-to-date information on health and environmental issues.
Creative: Offering innovative solutions and approaches to address these challenges.
Healthy: Promoting a focus on well-being and sustainable living.
Simple: Embracing a user-friendly and intuitive design, reflecting the simplicity of the platform’s purpose.
Logo and Icon
Deliver
The Health, Climate and Environment Hub made a strategic decision to maintain their current logo and icon. After conducting a thorough review and considering various options, they concluded that retaining their existing visual identity would best serve their branding continuity and recognition among their target audience. This decision aligns with their goal of maintaining a consistent and recognizable image while focusing on their core mission and initiatives in the fields of health, environment, and climate.
Style Tile
Deliver
I refined The Health, Climate and Environment Hub’s visual style through a style tile. This comprehensive document brings together brand ideas and inspirations, featuring elements such as logo design, color palette, typography, and imagery. The style tile serves as a foundation for guiding the UI design process.
UI Kit
Deliver
The UI Kit is a comprehensive collection of existing website UI elements, serving as a reference and facilitating collaboration within the design team. It is a dynamic document that will be continuously updated with each design iteration. Below is a glimpse of The Health, Climate and Environment Hub UI Kit.
High-Fidelity Wireframe and Prototype
Deliver
I designed high-fidelity wireframes by applying established styles, creating responsive UIs. This allowed me to assess the website’s overall aesthetic and visual balance, ensuring a cohesive and appealing user experience. With all the high-fidelity pages designed, I used Figma to build the final prototype, which is a scaled-down version of the product. The prototype allows for interactive exploration and testing of the user interface and functionality.
Final Thoughts
Reflections and Beyond
With the final prototype created for The Health, Climate and Environment Hub, I am confident that I have achieved the initial goals set for the design process. The website now provides users with a comprehensive platform for accessing accurate and trustworthy information on the impact of environmental issues on health. The user-friendly interface and personalized educational resources empower individuals to act based on their interests and knowledge level. If given additional time, I would focus on further enhancing some of the nice-to-have features to elevate the platform and make it even more competitive in the market.
Design Implementation & Handoff
The design is now prepared to enter the development phase after testing and adjustments. I have created thorough design deliverables using Zeplin for efficient handoff in order to ensure easy communication with the development team. I’m also available to answer any follow-up inquiries and offer assistance all the way through implementation.
Maintenance
As updates and revisions are inevitable in the future, I will prioritize addressing them based on their level of importance. This includes maintaining the accuracy and relevance of the information provided, optimizing user experience, and incorporating any necessary improvements based on user feedback.
Other Case Studies
AGAPE ACTS
This case study case study focuses on the UX design process of creating an innovative and empowering mobile application, designed to celebrate and recognize acts of kindness and generosity in our world.
CLIMATE RESOURCES FOR HEALTH
This case study focuses on the UX design process undertaken to create a user-centered and responsive website for peer-reviewed climate and health resources.
DURATION
Project Scope
18 weeks (720 hours)
Application and Branding
DURATION
Project Scope
7 weeks (280 hours)
Website and Branding
AGAPE ACTS
This case study case study focuses on the UX design process of creating an innovative and empowering mobile application, designed to celebrate and recognize acts of kindness and generosity in our world.
DURATION
18 weeks
(720 hours)
(720 hours)
Project Scope
Application, Website, and Branding
CLIMATE RESOURCES FOR HEALTH
This case study focuses on the UX design process undertaken to create a user-centered and responsive website for peer-reviewed climate and health resources.
DURATION
7 weeks
(280 hours)
(280 hours)
Project Scope
Website and Branding