Ordine

A simple dashboard to organize your design projects

Organizing design projects isn't a one-size-fits-all endeavor and that's why I created Ordine, a new dashboard that can help you get your design work in order. With Ordine, you'll have access to a suite of tools that includes project management features, time tracking capabilities, task management tools, and proposal management functionality.
Year
2018
Scope of work
User Interface
User Experience
Dashboard
Concept Project
Duration
2 months
A brand new product
The user research for this project was based entirely on my own needs and I started with a simple design with just a few screens to see if the thing I was planning on doing was good enough to go any further.
Naming, colors and icons
The name Ordine is an Italian word and the translation can be words like order, organization, and system. That word translates what I wanted this project to be, something to organize your design projects.

Like most project manager dashboards I decided to go with the common choice and use blue as my main color, and also expanded a little more with different tones and complementary colors. The icons were designed with a 2px stroke.
Target audience
My target audience with this project was creatives mostly working alone or in small teams and to organize my thoughts I wrote user stories to see which features I would have to add to this dashboard.
User stories
– I want to be able to organize all my design projects so I don't lose track of which is which;
– I want to be able to track my time with a time tracker to send an automated invoice;
– I want to be able to see my schedule on the first page to quickly see what I need to do that week;
– I want to be able to send proposals and track their status;
– I want to be able to add new tasks and link those tasks to current projects;
– I want to be able to create new projects by categories, such as Desktop, Mobile and Graphic.
Mobile version
The mobile version was another challenge, to fit the desktop experience on a smaller screen I had to make some changes and adjustments to have an easy to use interface on both versions.

The main cards had to be moved and the hierarchy of blocks maintained and to see the rest you just have to scroll up.
Design system
For the project to be scalable, I created a Design System to organize all the components and put them on a beautifully designed deck to show everything.

“When I started sketching Ordine, I wanted to create something that would be useful for me and other designers. For the Design System, I focused on the basic components and I also played around with some cool graphics for the cover.”

Victor Berbel
UI/UX Designer, victorberbel.work
Some articles you may enjoy reading

Dribbble

Playground for all sorts of projects

Journaler

UI/UX – Mobile App
2024

Zoh

UI/UX – E-Commerce
2024

Greco Gum

UI/UX – E-Commerce
2023

Poesial

UI/UX – E-Commerce
2022

Booksprout (SaaS)

UI/UX – SaaS Dashboard
2022

Nobe (Saas)

UI/UX – SaaS Dashboard
2022

Nobe

UI/UX – Website
2021

InvestyClub

UI/UX – Mobile App
2021

Awari

UI/UX – Website
2021

Netflix

UI/UX – Concept App
2021

Booksprout

UI/UX – Website
2020

Moments

UI/UX – Concept App
2020

HungryButton

UI/UX – Mobile App
2019

Ordine

UI/UX – Concept SaaS Dashboard
2018

OLX

UI/UX – Redesign Concept App
2016