Microsoft OneNote

YEAR: 2016     URL:

Microsoft OneNote is a computer program for free-form information gathering and multi-user collaboration. It gathers users' notes, drawings, screen clippings and audio commentaries.


UX, Motion &Visual Design for Microsoft OneNote (+Education & Surface)


OneNote wanted to help design the desktop UI and look into the overall UX of Notebooks, Sections, and Pages. 

The Surface & Edu team wanted asked me to design the new Ink to Math feature in OneNote. Something schools needed asap. 




Microsoft OneNote, Education & Surface

Senior Product Designer (Visual/Motion/UX Designer)

- Contributed to the overall UX, UI and visual design of the OneNote desktop and smartphone application. 

- Lead the UX work on the Ink to Math feature for the OneNote app. 

- Lead the design of the Think with Ink initiative with UX, visual design, motion graphics and illustrations. 


Above is never produced examples of explorations made of "How Notebooks/Sections/Pages/ could look and work on the OneNote Desktop App". 


I had the privilege to freelance for the design-driven Microsoft OneNote with a talented design team that really welcomed me in. They were working on a big design push and needed some extra support with UI, UX and motion graphics. 


Microsoft Education partnered up with Pixar "Pixar in a Box," a Pixar learning tool for OneNote. They needed a someone to visualize the overall look and feel of that product and apply some systems thinking. 


Microsoft Surface wanted to re-design the ink math assistant and I was asked to lead the UX design effort. 
See the result below, read more about it, or try it on your surface or tablet. 



Looks like you have an empty Portfolio. Please note that only
published projects are visible in the project panel.