![](https://cdn.myportfolio.com/51926e9999bb2243dc490bec16476ff5/2ad84e40-560f-4b16-bac4-2da3fb52f48f_rw_1920.png?h=82dd13faf1b3584db2aefd011742f4b9)
Hitting reset on a start-up legacy product
Provation was spun off from Wolters Kluwer in 2018. They are best known for their flagship product, Provation MD, a medical documentation app.
The problem: the legacy technology had suffered from many years of customer-requested customizations due to an already confusing z-nested menu navigation. Many legacies such as this carried onto the new cloud-based iteration, making it difficult to use.
The solution: my first order of business as a UX team of one was to refactor the UX/IA of the overall app to address the painful navigation issues. I tightened up the implementation of Material Design while pitching a rebrand to the company.
Refactoring UX/IA
![](https://cdn.myportfolio.com/51926e9999bb2243dc490bec16476ff5/6a651140-028e-4c73-acc5-4485569b4d70_rw_1920.png?h=965353bc42a2ae57d48c5dc3fc789f6c)
![](https://cdn.myportfolio.com/51926e9999bb2243dc490bec16476ff5/40fdcc2f-c63c-4368-a3a9-53f0e2127112_rw_1920.png?h=679bb74294d8a61f87169f499d16eea8)
Before (left) and after (right).
Before any user experience designer was involved, the overall navigation was confusing (horizontal, vertical, and nested z-menu) and Material Design was poorly understood.
Visual designs: desktop
![](https://cdn.myportfolio.com/51926e9999bb2243dc490bec16476ff5/ea1a3831-9057-4522-abd2-f7e335663242_rw_1920.png?h=b28ee016b2afae77e5357a8293929595)
![](https://cdn.myportfolio.com/51926e9999bb2243dc490bec16476ff5/500a0a02-e9ea-4494-9112-9639070db31d_rw_1920.png?h=d7b5e9a77cb1f3e30272a9d423a26191)
![](https://cdn.myportfolio.com/51926e9999bb2243dc490bec16476ff5/b6d0c0dd-24b8-4e5d-809d-b9471dc596f3_rw_1920.png?h=af258fc580855a3a7024536007d04172)
![](https://cdn.myportfolio.com/51926e9999bb2243dc490bec16476ff5/c3978394-562a-491c-9148-43352be7d8ad_rw_1920.png?h=8e9f52c43faae55bc7e49399cda58cfb)
![](https://cdn.myportfolio.com/51926e9999bb2243dc490bec16476ff5/2516f9d8-32ef-4801-99ed-0bee1c8a3fe8_rw_1920.png?h=239b9fa7422b41bd0ca25a05df6c9f92)
Wireframes
Towards the end of my engagement on this project, I left guidance for refactoring the note taking section of the app. To reach this new conceptual model, I performed ethnographic interviews and an ideation design thinking workshop with a medical doctor.
![](https://cdn.myportfolio.com/51926e9999bb2243dc490bec16476ff5/54a33def-18d3-4bc5-a4ce-24c255e9260d_rw_1920.png?h=cc464af29da58cea56ff83319274e483)