Interaction Design/ User Experience
Ecocation
Ecocation
ROLE
UX Designer
UX Designer
UX Designer
EXPERTISE
UX/UI Design
UX/UI Design
UX/UI Design
YEAR
October 2023 - December 2023
October 2023 - December 2023
October 2023 - December 2023
Project Overview
"Ecocation" is a collaborative app that empowers users to engage in environmental conservation by allowing them to monitor their goals and learn sustainable practices tailored to their lifestyle and location. The platform also provides valuable insights into broader conservation efforts, promoting active participation for societal benefit.
The Challenge
Many people know about the issues relating to our environment, however, the problem is that they feel powerless against the large corporations that are largely responsible for the problems at hand and are not aware of the best ways they can aid the environment. This situation results in people not effectively contributing to environmental conservation.
Our Solution
Our objective was to develop an application that would cater to the needs of users with diverse technological proficiency levels. This application would enable them to track their daily environmental goals, receive personalized recommendations on ways to contribute to environmental conservation, and gain knowledge about environmental conservation and the detrimental environmental impact of large corporations.
The Challenge
Many people know about the issues relating to our environment, however, the problem is that they feel powerless against the large corporations that are largely responsible for the problems at hand and are not aware of the best ways they can aid the environment. This situation results in people not effectively contributing to environmental conservation.
Our Solution
Our objective was to develop an application that would cater to the needs of users with diverse technological proficiency levels. This application would enable them to track their daily environmental goals, receive personalized recommendations on ways to contribute to environmental conservation, and gain knowledge about environmental conservation and the detrimental environmental impact of large corporations.
Discovery
User Interviews
User Interviews
At the beginning of the project, we desired to determine where users were encountering difficulties with environmental conservation and what their relationship was like to the environment. We compiled a set of eight to ten inquiries collectively, with a specific emphasis on determining how our application could most effectively cater to the user's requirements.
Affinity Mapping
By utilizing the information gathered from our interviewees, we generated an affinity map and discovered: Users place significant significance on the environment.By increasing public consciousness and opposing large corporations, we can safeguard the environment.Users found the discussion of the environment to be overwhelming.Users encountered challenges in locating a single application that not only monitored their sustainability efforts but also offered environmental education.
User Interviews
At the beginning of the project, we desired to determine where users were encountering difficulties with environmental conservation and what their relationship was like to the environment. We compiled a set of eight to ten inquiries collectively, with a specific emphasis on determining how our application could most effectively cater to the user's requirements.
Affinity Mapping
By utilizing the information gathered from our interviewees, we generated an affinity map and discovered: Users place significant significance on the environment.By increasing public consciousness and opposing large corporations, we can safeguard the environment.Users found the discussion of the environment to be overwhelming.Users encountered challenges in locating a single application that not only monitored their sustainability efforts but also offered environmental education.
Comparative
Analysis
According to a comparison of three well-known corporations and applications, only monitor an individual's carbon footprint, provide information solely about the energy used in the home, and highlight the company's sustainability objectives for employers to see.By utilizing the information gathered from our interviewees, we generated an affinity map and discovered: Users place significant significance on the environment.By increasing public consciousness and opposing large corporations, we can safeguard the environment.Users found the discussion of the environment to be overwhelming.Users encountered challenges in locating a single application that not only monitored their sustainability efforts but also offered environmental education.
Comparative
Analysis
Comparative
Analysis
According to a comparison of three well-known corporations and applications, only monitor an individual's carbon footprint, provide information solely about the energy used in the home, and highlight the company's sustainability objectives for employers to see.By utilizing the information gathered from our interviewees, we generated an affinity map and discovered: Users place significant significance on the environment.By increasing public consciousness and opposing large corporations, we can safeguard the environment.Users found the discussion of the environment to be overwhelming.Users encountered challenges in locating a single application that not only monitored their sustainability efforts but also offered environmental education.
Lo-fi Sketches
"Crazy 8s"
Every member of the team devoted ten minutes to individually sketching a synopsis of the features that we are contemplating incorporating into our application. The following designs concentrate on the education section of the application and include externally published articles that address the adverse environmental impact of large corporations. Additionally, the homepage and objectives checklist are included.By utilizing the information gathered from our interviewees, we generated an affinity map and discovered: Users place significant significance on the environment.By increasing public consciousness and opposing large corporations, we can safeguard the environment.Users found the discussion of the environment to be overwhelming.Users encountered challenges in locating a single application that not only monitored their sustainability efforts but also offered environmental education.
Moodboard & Branding
Every member of the team devoted ten minutes to individually sketching a synopsis of the features that we are contemplating incorporating into our application. The following designs concentrate on the education section of the application and include externally published articles that address the adverse environmental impact of large corporations. Additionally, the homepage and objectives checklist are included.By utilizing the information gathered from our interviewees, we generated an affinity map and discovered: Users place significant significance on the environment.By increasing public consciousness and opposing large corporations, we can safeguard the environment.Users found the discussion of the environment to be overwhelming.Users encountered challenges in locating a single application that not only monitored their sustainability efforts but also offered environmental education.
Medium Fidelity
Wireframes
The medium fidelity wireframes I've crafted represent a balanced blend of structure and functionality, designed with a natural and professional tone. These wireframes offer a comprehensive blueprint for the user interface, presenting key elements and interactions without excessive detail. By prioritizing clarity and coherence, they facilitate efficient communication of design concepts while allowing for flexibility in refining the user experience. With a focus on natural flow and intuitive navigation, these wireframes embody a professional approach to user interface design, ensuring seamless interaction and meaningful engagement for end-users.
Design
Lo-fi Sketches
"Crazy 8s"
Every member of the team devoted ten minutes to individually sketching a synopsis of the features that we are contemplating incorporating into our application. The following designs concentrate on the education section of the application and include externally published articles that address the adverse environmental impact of large corporations. Additionally, the homepage and objectives checklist are included.By utilizing the information gathered from our interviewees, we generated an affinity map and discovered: Users place significant significance on the environment.By increasing public consciousness and opposing large corporations, we can safeguard the environment.Users found the discussion of the environment to be overwhelming.Users encountered challenges in locating a single application that not only monitored their sustainability efforts but also offered environmental education.
Moodboard & Branding
Every member of the team devoted ten minutes to individually sketching a synopsis of the features that we are contemplating incorporating into our application. The following designs concentrate on the education section of the application and include externally published articles that address the adverse environmental impact of large corporations. Additionally, the homepage and objectives checklist are included.By utilizing the information gathered from our interviewees, we generated an affinity map and discovered: Users place significant significance on the environment.By increasing public consciousness and opposing large corporations, we can safeguard the environment.Users found the discussion of the environment to be overwhelming.Users encountered challenges in locating a single application that not only monitored their sustainability efforts but also offered environmental education.
Medium Fidelity Wireframes
Med-fi Wireframes
The medium fidelity wireframes I've crafted represent a balanced blend of structure and functionality, designed with a natural and professional tone. These wireframes offer a comprehensive blueprint for the user interface, presenting key elements and interactions without excessive detail. By prioritizing clarity and coherence, they facilitate efficient communication of design concepts while allowing for flexibility in refining the user experience. With a focus on natural flow and intuitive navigation, these wireframes embody a professional approach to user interface design, ensuring seamless interaction and meaningful engagement for end-users.
High-Fi Mockups
Click Here to Watch
Usability Testing
Overall the usability testing revealed that our app’s functions were successfully performing the way we wanted them to. We also received useful feedback for additional features that could be added that would improve the user experience, for example, implementing face ID to make the sign-in process more efficient, relocating buttons so that it is easier for the user to reach with one hand, and reorganizing the flow of the application so it becomes easier for the user to navigate. While we cannot develop ideas like that right now, it got us contemplating what our app could look like if we were to truly develop it
Moving Forward
This experience underscored the significance of user-centered design, as understanding the needs and preferences of our target audience was paramount. It also highlighted the importance of collaboration, both within the team and with stakeholders and community members, to ensure the app addressed real-world challenges effectively. Additionally, I learned the power of technology as a tool for promoting environmental awareness and facilitating positive change at the grassroots level. Overall, this journey reinforced my belief in the potential of innovative solutions to inspire and empower individuals to make meaningful contributions towards a more sustainable future.
Usability Testing
Overall the usability testing revealed that our app’s functions were successfully performing the way we wanted them to. We also received useful feedback for additional features that could be added that would improve the user experience, for example, implementing face ID to make the sign-in process more efficient, relocating buttons so that it is easier for the user to reach with one hand, and reorganizing the flow of the application so it becomes easier for the user to navigate. While we cannot develop ideas like that right now, it got us contemplating what our app could look like if we were to truly develop it
Moving Forward
This experience underscored the significance of user-centered design, as understanding the needs and preferences of our target audience was paramount. It also highlighted the importance of collaboration, both within the team and with stakeholders and community members, to ensure the app addressed real-world challenges effectively. Additionally, I learned the power of technology as a tool for promoting environmental awareness and facilitating positive change at the grassroots level. Overall, this journey reinforced my belief in the potential of innovative solutions to inspire and empower individuals to make meaningful contributions towards a more sustainable future.