EcoMove is a smart maps mobile app prototype that provides information on the environment (air quality, weather, UV index) and eco-friendly places in the city (parks, running tracks). EcoMove also has EV (Electric Vehicle) charging station integration, providing details on the status of charging status nearest to the user. Offering a complete package, it also features a community and event finder where users can connect with others through forum posts and join events with like-minded environmentally aware city dwellers.
This UI/UX project was developed as a submission for the ISC Tech Dev 2025 UI/UX Competition held by UPN Veteran. I collaborated with my fellow Information Systems Case Study Club members, Reinaldo Bong and Vincentius Darren, in creating EcoMove. Aside from designing the high-fidelity prototypes, as UI/UX researchers and designers, we conducted the whole design thinking process, from Empathize to Testing. This was a deep dive into UI/UX for me and I learned a whole lot in the process of designing a digital solution that’s relevant to the user’s problems. As someone who’s frequently in the role of a developer, I could now better understand the long process of research and design conducted by UI/UX designers, which allows me to better collaborate with them in the future. We researched and designed EcoMove in 6 weeks, winning 2nd place in the competition.
Tools Used: Figma, Google Docs, Google Forms, Notion, Canva.
Key Features
Design Thinking Methodology
Empathize
The empathize phase is conducted to deeply understand the challenges and needs of users. Outputs of this process include User Surveys and User Interviews.
User Surveys
User Interviews
Define
In this stage, the core problems are defined from the user’s perspective to ensure the right issues are being addressed. This is achieved through Target User Research, User Personas, Empathy Maps, User Journey Maps, and formulating Problem Statements.
User Personas
Ideate
The ideate phase involves brainstorming creative ideas to solve the defined problems and refining them into a structured plan. The methods used include Crazy 8s, Solution Mapping, Competitor Analysis, and creating a Navigation Map.
Solution Mapping
Competitor Analysis
Prototype
This phase focuses on transforming the best ideas into tangible and testable models of the application. The process includes creating Lo-Fi Prototypes, establishing a Design System, and developing Hi-Fi Prototypes.
Design System
Testing
In the final stage, the prototype is tested with real users to gather valuable feedback and measure usability. This is done through Usability Testing using methods like the Single Ease Question (SEQ) and System Usability Scale (SUS), which leads to product improvements.
SEQ and SUS
Improvements
