Needs
The app has some troubles in UXUI for that reason I have a requirement for the Product Owner to redesign it this app was used for users to do check in, and leaders can check the assistance for his employees.
The app needs to show the button check in home screen and notify the user of the time and location.
The app needs to be used by the brand company.
My role
My role as a UXUI Designer in this project was to create the concept from the initial stage, select the standard brand company, explore the current app the information architecture in the screens, looking for successes and improvements the perfect tool to this project was figma.
Challenge
I had free creativity in the project to propose a new UI, and asking final users inside the company I found that the principal meaning that they use de app is open it and did check in after that close it.
Activities
We the team I analyze the concept idea, and I contribute with the flow
I did research to analyze the home screen in different apps. This technique permits me to identify actual trends in design and validate my design whit other similar apps, this all to take better decisions in my process of design.
I designed the wireframes for low and high fidelity; I created the Design system with master components to enhance productivity and usability using figma.
I made a dynamic prototype to transmit better the idea to the team.
General Objective
Create a new UI based on the brand company and focus on the principal action that is do check in, organize the elements and create a better experience.
Secondary objectives:
Apply the company's color palette, typography, and visual guidelines to ensure that the new UI aligns with the brand identity and reinforces brand recognition.
Simplify the check-in flow to minimize user steps, reduce friction, and make the main action intuitive and quick to complete.
Organize UI elements to guide users' attention effectively, prioritizing essential actions and information, such as the check-in button, to improve overall navigation
Final Design
This is the final design that we implement in the first stage.
