Product Designer

MotorK

Aug - Sep 2021

After successful design work and hand-off on the Prodeology project, the same client asked me to work meticulously with several sections from their internal team's app. My role was to make the new design proposition lucid, clean, and eye-pleasing.

MotorK

Dashboard

Design Process

The overall design process was pretty straightforward as we already had a solid understanding of how this product works. We did start with more of a general and technical meet-up to discuss what can be done and what would be out of place. Later on, we did follow up with brief sketches, gathering feedback from the various teams and iterating through the designs until we were satisfied with that new look and feel.

Technical Meetup

We have sat down with the development team to highlight any technical limitations and to understand their needs considering the new app design

Technical Meetup

We have sat down with the development team to highlight any technical limitations and to understand their needs considering the app design

Sketching & Wireframing

Having those technical limitations in mind, I started working with some rough sketches and then followed up with the wireframes to present ideas

Sketching & Wireframing

Having those technical limitations in mind, I started working with some rough sketches and then followed up with the wireframes to present first ideas

Technical Meetup

We have sat down with the development team to highlight any technical limitations and to understand their needs considering the app design

Sketching & Wireframing

Having those technical limitations in mind, I started working with some rough sketches and then followed up with the wireframes to present first ideas

Gathering Feedback

At that time I was ready to confront a couple of the prepared wireframes and UI design propositions with the internal development and management teams

Gathering Feedback

At that time I was ready to confront a couple of the prepared wireframes and UI design propositions with the internal development and management teams

Hi-Fi Design

After summarizing that thorough feedback I was ready to start working creatively on that UI direction, adding more liveliness to the Low-Fi designs

Hi-Fi Design

After summarizing that thorough feedback I was ready to start working creatively on that UI direction, adding more liveliness to the Low-Fi designs

Prototyping

In that stage, I have prepared a simple clickable prototype to easily go through the main sections when presenting new designs to the internal and other teams

Prototyping

In that stage, I prepared a simple clickable prototype to easily go through the main sections when presenting new designs to a bigger audience

Hand-off & Presentation

Once we have agreed upon the new UI direction I have set a meeting with our technical team to go through the new designs and behavior for different states

Hand-off Presentation

Once we have agreed upon the new UI direction I have set a meeting with our technical team to go through the new designs and their overall behavior

Final Designs

The main idea was to make the new design really simple and clean. I have focused on keeping that top-notch visual hierarchy in the most important sections and making that interface as intuitive and uncluttered as possible.