Research & Analysis: We started by conducting user interviews and surveys to understand pain points and user needs. Alongside that, we analyzed competitor apps and industry trends to gather key insights. To ensure our scoring systems were accurate, we worked with IT sustainability experts, and collaborated with accessibility specialists to build our accessibility-related features.

Information Architecture: As our client base and their needs evolved over time, we restructured the app several times to keep up. Last year, with the product maturing, we decided to build a solid, module-based structure. This approach made it much easier to add new features without having to overhaul the entire system, allowing the product to scale smoothly.

Wireframing & Prototyping: For each new module, we created low-fidelity wireframes to map out layouts and navigation, then refined them based on user feedback. After that, we built high-fidelity mockups and turned them into interactive prototypes. We tested these prototypes with users from some of our main clients to make sure the designs worked as intended.

Usability Testing & feedbacks : For key features, we ran usability tests with users to validate the designs and spot areas for improvement. We also worked closely with the support team, making sure that any usability issues or feature requests from users were shared with us. Based on the feedback, we made tweaks to the design and used the insights to help prioritize future features in our design backlog.

Design system : As we added more features, we quickly saw the need for a design system to help us work more efficiently while keeping a consistent visual style. We used MUI components and customized them to suit our needs, which made ongoing maintenance easier and ensured the product met strong accessibility standards.