Ovy Saas Onboarding
I later made wireframes, designed a UI, and prototyped it with Figma.
Tutorial Homepage
After the registration flow, I designed a new tutorial homepage. It helps the new user to explore the platform with a short video tutorial that shows the features and best practices to use Ovy better.
New Design System
After these tasks, I started working towards the organization of the new design system. I redesigned a new icon set, a new color palette, and a new typography scale, implemented with design tokens.
Following are some examples of structuring design system items organized with Figma's multiple components and shown in tables to map all dimensions, states, and extra configurations.
Redesign sidebar
I redesigned the sidebar basing it on 8px grid to give more consistency. I decided to group at the bottom of it, all user personal tools like profiles, workspaces, settings and support. After I merged similar nav items into one, with the possibility to compress or expand with minus or plus symbol.