Excalidraw
Excalidraw is a virtual collaborative whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them.
Brief

Excalidraw is a virtual collaborative whiteboard tool that allows users to sketch diagrams with a hand-drawn feel. The goal of this project is to redesign the current solution and create a modern and clean UI design for the main editor and dashboard. The design should include both light and dark modes.

Design Goals
- Create a modern and clean UI design for the main editor and dashboard.
- Ensure that the UI is user friendly and easy to navigate.
- Include both light and dark modes to enhance the user experience.
- Retain the hand-drawn feel that Excalidraw is known for.
- Ensure that the UI design meets the needs of programmers, managers and creative people.
Solution

I created the UI design for Excalidraw's main editor and dashboard. My focus was to create a modern and user friendly interface that incorporates both light and dark modes. To achieve this, I used modern and clean shapes as well as neutral and accent colours.

For the main editor, I chose modern and clean shapes to help users easily navigate the interface and quickly create diagrams. I also used neutral and accent colours to draw attention to important elements in the interface and create a sense of hierarchy. I made sure to include both light and dark modes so that users could switch between the two depending on their preference or environment. The light mode, with its lighter shades of blue and grey, creates a clean and airy feel, while the dark mode, with its darker shades, creates a more dramatic and moody atmosphere.

When it came to the dashboard, I used clean shapes and bold typography to help users find what they're looking for quickly and complete tasks efficiently. I also used a card-based layout with clear call-to-action buttons to make it easy for users to navigate the dashboard and complete tasks quickly.

Overall, I kept the user in mind throughout the design process, and the result is a modern and clean UI design that incorporates both light and dark modes and is easy to use and navigate.
Excalidraw
Published:

Owner

Excalidraw

Published: