Grid

A 12 colum grid gives the most flexibility. We divided the grid in a 3:9 ratio with navigation and personal information on the left and organization of notes on the right, to have a clear optical separation.

UX/UI

We decided to create an interface that can be operated intuitively by simple user guidance such as the search box with a placeholder text and a visible input field. A clear interface marks the clickable areas with a highlight color which let’s the user focus on the their goals such as creating new notes and managing existing ones.