UX design and prototyping

For a time tracking app, We needed a study of the visual design and the user interaction design of a panel where daily tasks are filled. The purpose of this exercise was to improve usability and claritry of the user interaction element while keeping the panel compact.

UI design workflow

While creating a UI for a business application the challenge was to get a consistent looking UI that was in line with the companies design principles.
Steps to achive this:

• Conducting research for target audience and application use cases
• Create a high fidelity protoype of the main UI elements
• Establish a design system in CSS3/SASS

Wireframes and app user flows for desktop and mobile apps

In practice wireframes and user flows help improve development time and communication between teams.
Therefore careful planning and research of the UI and functionalities that are esssential for the usability and context in which the app will be used. It also creates a better understanding within the development team, creates room to consult with thte client and improve the app from its early stages.