In 2019, I had the opportunity to manage the design process of a desktop app for the Education Development Foundation. The system mainly aimed to facilitate significant 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.

• Discovery phase: business process mapping; differentiation of user roles; creating end-to-end user flow on wireframes.

• Creating a library of UI components.

• Preparation of materials for the development team.

Business process mapping

The process concerned mainly high-volume orders of gadgets for special occasions.

Ordering products was a comprehensive process 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 the dependencies between the roles of users, and to highlight all important touchpoints, I focused on creating a business process map.

Wireframing

Simultaneously with the business process map, a set of wireframes was being created.

Throughout multiple office visits, we diligently worked on assigning each wireframe to a distinct process stage, ultimately crafting a seamless end-to-end flow.

The final effect of this part of the process was a set of wireframes with specially distinguished user roles. In order to properly refer to the previously created business process map, each wireframe was labelled with the corresponding stage of the process.

Finally... statuses.

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

Maintaining clear documentation of the statuses proved invaluable in our communication with the development team.

UI

In the key phase of the project, a UI design was created from each of the wireframes.