top of page

Case Study

Mobile Application

Context

Problem Statement 

I collaborated within a cross-functional team of designers and engineers to develop the mobile application of an existing website for controlling industrial lever air conditioning system.​

The platform needed to transition from website to a mobile application. The system had complex workflows and usability issues that led to operational errors.

My Role

I contributed to the research, user flow and wireframing phase based on the technical requirements provided by the engineering team. I also designed a significant part of the design system and high fidelity mockups.

Process

The process begins with research on the existing platform to evaluated how the website could be adapted to mobile app. This included identifying technical constrantrains, usability issues and improvement opportunities, as well as reviewing competing solutions.

flow.png

Once the technical requirements were delivered to the design team, it began working on

 

user flows and wireframes

 

focusing on solving pre previously identified pain points and integrate the new requirements.

Arrows-08.png
Screen 23.png
Screen 24.png
Screen 26.png
Screen 25.png
Screen 27.png
Screen 28.png

After the wireframes were approved by the technical team, the UI phase started.

 

Since the platform was moving from web to application, the interface required major visual change including typography, color, hierarchy, and a brand new design system was created to ensure consistency and stability across the app.

Design-system.png
2-a.png
6-a.png

Two usability studies were

conducted during the project.

The design team analyzed user behavior,  identified usability issues, and implemented improvements based on the findings, because it was the same participants who were involved in both studies, we were able to compare results and measure improvements between interactions.

The application is currently in beta phase, so the full impact cannot yet be quantified, however, early results shows improvements in usability, visual consistency, and clarity of the system.

⚠️

Note:

Due to confidentiality agreements, some visuals, data, and product

details have been modified while preserving the design process and outcomes.

bottom of page