New UX Framework navigational experience
Microsoft OneNote _Motion team lead & Product designer
Managed a four-person design team focused on UX and motion design solutions for OneNote, EDU, and the Intentional teams including a new motion language, user research, design investigations and fast prototyping.
My primary project was the UX Framework effort that was a complete redesign of the OneNote application. My contributions included the creation of a new motion design system that introduced animation to the product for the first time.
![](https://cdn.myportfolio.com/eb49c93a-badc-4da7-afd6-65af9672d0e1/741ce3b2-a58e-41d2-b10d-387c7d6c52e1_rw_1920.jpg?h=8462afc63f8365f495f1ac1a3c1f4dc2)
Before UX Framework
![](https://cdn.myportfolio.com/eb49c93a-badc-4da7-afd6-65af9672d0e1/8648b518-84a2-4e98-b9c8-dd9059013fc2_rw_1920.jpg?h=0a6bc60396567704b3cb5a4196705381)
After UX Framework
No animations before UX Framework _page switching
Motion after UX Framework _page switching
![](https://cdn.myportfolio.com/eb49c93a-badc-4da7-afd6-65af9672d0e1/56ef1752-f057-4f93-82ae-fdf343994dff_rw_1920.png?h=f89a07b3476ce8ef03876366fc98eb94)
New UX Framework
![](https://cdn.myportfolio.com/eb49c93a-badc-4da7-afd6-65af9672d0e1/89de85fe-0cec-473e-8841-ce5ca0dcaedc_rw_1920.jpg?h=28c6980d40fe8321e4e501ca3aa19d94)
UX Framework Navigation model
Notebook pane transitions
Notebook animations and tab close