Complex industrial data dashboard

Login page

Bonjour ! 🥐

This was a challenging freelance project I worked on for 2 ½ months.

(After a year without a designer)

I was tasked to put back on track the design and

preparing a handover for the junior designer coming.

About the business

This is a B2B service that combines software and hardware, gathering data from an industrial site and transforming it into exploitable information.

An example of practical use : optimizing the energy consumption.

The forbidden archive ...

Did you know that a Figma page has borders ? 🤔

I tried to organize a clutter of ~20 Figma files into a single, cohesive design.

We decided to start with a clean slate.

404 UX missing ...

No UX was done previously, working with the project lead we built a base.

Due to the nature of the project, many profiles are destined to interact with it.

Being unable to establish a persona, we made a list of jobs and their associated task they'll be doing on the platform.

The only generic base we agreed was it should be usable by a 50 year old.

... including the user flow

I had to map the entire application; and as you can see, it's H U G E .

Divided it by section for easier reading and duplicated it in a 2nd column to compare the changes performed.

Wireframing

Working with the team, I created hi-fi wireframes for the entire application.

Solving problems and proposing new features have been completed. Now, it's time for the coloring part! 😄

Shedding the old skin

The previous design system was all over the place.

I established a new one, simplifying it and making accessible.

Out with the old, in with the new !

Priority was for the desktop version as it would be the most used one.

My conclusion

Thanks to all the team members who were truly awesome and welcoming.

Really cool project, a bit sad I didn't get to finish it.

Best wishes to the next designer who will undoubtedly bring it to a successful conclusion .

Like if you enjoyed the ride 👍

📪 Email yohan.ducloux@gmail.com

👋 Instagram @yohan_ducloux

💼 LinkedIn /in/yducloux

More by Yohan Ducloux

View profile