Alejandro Mejias Design
Dashboard Cover.png

User Interface Design

A project created with the GMG team and lead by me

THE CHALLENGE

THE CHALLENGE

The task was to design a new User Interface for one of GMG client’s intranet. The project needed to be delivered in a short timeframe, design and build in a matter of weeks. Typical!

We began by gathering the content and information available, in order to wireframe the dashboard interface in Axure. The client had provided the Information Architecture, so after a couple of hours of discussions and questions in order to fully understand the needs and limitations, we got working.

WIREFRAMING

WIREFRAMING

High fidelity mobile and desktop wireframes were created to ensure the client understood the layout and how the content was being placed around the dashboard. The wireframes guarantee a lean process and help manage the client’s expectations from an early stage in the project. Given the timeframe in this project this step was key.

SEAMLESS EXPERIENCE

SEAMLESS EXPERIENCE

One of the biggest challenges of this project was to make all content accessible regardless of the device it was viewed from. We had to find signifiers and new interactions that facilitated navigation across the dashboard. The scroll was inevitable and it needed to be intuitive. Most people are familiar with scrolling up and down the page, not sideways, but this was necessary to accommodate all content in differrent screen sizes. We finally decided to create a versatile layout with content partially hiding on the edges of the screens, inviting people to swipe for more content.

VISUAL STYLE

VISUAL STYLE

The purpose of the dashboard is to facilitate the task of searching for content. As a user, you would expect this task to be quick and easy. 

Keeping the end user in mind, we created a minimalist interface where colour has a purpose beyond aesthetics and becomes a medium to organise information. In addition, we selected iconography to facilitate browsing main content and an easy-to-read font family.