In 2018, I had the opportunity to manage the design process of a desktop app for FRSE foundation. The system mainly aimed to manage orders from previously engaged contractors. The app was meant to be an internal tool for the foundation's team.

The area of my responsibilities was:

• Collecting design requirements from the business team.

• Conducting business process mapping, defining user roles, and creating end-to-end user flows on wireframes during the discovery phase.

• Transforming user flows into complete UI designs.

• Designing a basic UI Kit for the project.

• Preparing a documentation for the development team.

Business process mapping

The process of ordering products was a comprehensive cycle that encompassed order submission, product customization, emblem design validation, product delivery, and the opportunity to report any issues. In each of these stages, different user roles had different permissions.

In order to illustrate all the dependencies between the users roles, and to highlight all important touchpoints, I focused on creating a business process map.

Wireframing

I have mapped the entire product ordering process using a series of wireframes.

The set of wireframes was iterated on during multiple review sessions. This ultimately led to a series of end-to-end flows ready for UI design stage.

Each wireframe was annotated with the user role name and numbered with its corresponding process stage name, ensuring clarity and precision.

Finally... statuses.

The vital element for the order process was to display an appropriate status of the order at each stage.

Clear status documentation ensured effective communication with the development team.

UI

At a key phase of the project, wireframes were systematically translated into polished UI designs.