Project: EcoRise
A Mobile Application
Overview
The purpose of this application is to increase people’s access to information on climate injustice so they can actively support environmentally sustainable projects. This app’s UX/UI design prioritizes clarity and simplicity.
Clear icons and descriptive labels improve usability, while the minimalist design minimizes cognitive load. Hover details on the sharing page provide guidance without adding clutter. Key features include accessing to courses and challenges, search and filter functionality, as well as user activity monitoring such as session tracking and a 4 week calendar.
The Process & My Different Hats
This project was an individual effort, with each student assuming the role of a product manager, tasked with identifying a problem worth solving through an application. Upon approval of the application idea, students transitioned into the roles of UX researchers and UX designers, conducting user research to gain deeper insights into users’ needs and pain points. They then developed user flows and mock-ups aimed at addressing those needs and resolving the identified pain points.
My deliverables in this project were:
- Market research for the application
- Information architecture diagram
- Low-fidelity wireframes
- Usability testing results
- Hi-fidelity wireframes
- Clickable Mockups
I followed the following process for this project:
- Researched topics and chose climate injustice.
- Set a goal for the app.
- Created initial navigation and wireframes.
- Collected user feedback on the draft.
- Finalized based on feedback.
The First Iteration
Information Architecture: The initial version of the navigation structure was based on what I believed would make sense for the application. I knew this was just a starting point and would require feedback and iterations to better align with the needs of the end users.
Initial Sketches: I began the conceptualization process by sketching out my ideas, focusing on five key features located at the bottom of the interface: Home, Globe, Recycle, Game, and Profile pages. For the Home Page, I incorporated several functionalities, such as a community section, news updates, educational resources, and more. While designing the Game Page, I added a gaming component; however, at this stage, I wasn’t entirely certain about all the features and knew some might evolve as the project progressed.
The User Feedback
After conducting user tests and reviewing the sketches and flows with end users, I arrived at the following conclusions:
- Refine the application’s focus to address a single, specific issue for greater clarity and effectiveness.
- Streamline the user interface by reducing the number of features at the bottom, enhancing simplicity.
- Prioritize essential elements to maintain a clean, intuitive, and user-friendly design.
During this phase I realized that I had to transform broad questions into more precise inquiries to gather more relevant and actionable user feedback.
The Final Iteration
Information Architecture: The initial version of the navigation structure was based on what I believed would make sense for the application. I knew this was just a starting point and would require feedback and iterations to better align with the needs of the end users. This resulted in a simpler and more intuitive navigation.
Final Wireframes: I began the conceptualization process by sketching out my ideas, focusing on five key features located at the bottom of the interface: Home, Globe, Recycle, Game, and Profile pages. For the Home Page, I incorporated several functionalities, such as a community section, news updates, educational resources, and more. While designing the Game Page, I added a gaming component; however, at this stage, I wasn’t entirely certain about all the features and knew some might evolve as the project progressed.
The Clickable Prototype
Using wireframes and user testing insights, I developed a clickable prototype. User feedback guided refinements, creating a functional, intuitive experience that clearly represented the final product’s navigation and key features.
Let’s get in touch!
I can help you design your website, web app, or mobile app. If you’re interested, feel free to reach out to me on social media or email. I’m always happy to talk!