NEXT | Figma | Miro | Notion | Zenhub | Google Slides
My first project in NEXT was an update of the existing design system which was based on Google Material design. I started by setting the colour guide based on the NEXT branding while also following accessibility guidelines. The set colours were incorporated into components that are currently active in the product.
The components include buttons, cards, switch, select, text fields, dialogs, list, accordion, tabs, dropdown and chips among others. I also worked on the empty and error states and we have introduced illustrations into the product.
NEXT colour guide
NEXT provides numerous tools that aid the users in creating a customized process for their projects. The tools have been designed by various brands including Board of Innovation, Ellen MacArthur Foundation, Google Ventures and NEXT.
The project included creating a marketplace of tools, properties that signify tools applied in a note and an accordion component which shows the description and instructions of a tool.
Next platform - tools and guidance
The vision of this project was to improve the user experience in NEXT by setting a deliberate workflow. We focused on the flexibility, structure and UI aspects of the product. Boards and notes were set as the primary workspace of the platform. A special emphasis was set for the differentiating value of NEXT - data analysis through highlights and tagging.
The UI aspects included a split screen interface with data on the left and support content on the right.
project primary persona
project secondary persona
Mockup showing the next split screen interface
Next platform - project screen
NEXT provides functions for users to be able to organize their data in various ways. It is possible to quantify data by using properties, hide/show such properties in a Kanban board including filter and search data.
prototype of next - created in figma