top of page
clement-h-95YRwf6CNw8-unsplash.jpg

Dashboard for Developers and DevOps

Summary

Laucher is a single page application meant to be a single entry point and provide easy-to-use navigation for Backbase customers. To perform its core function I created a dedicated content section where Backbase displays all the different applications we are building for our users.

Initially Dashboard was meant to be a launcher and navigation app only but it is more than that. It will have even more details about statistics and actions for each application. This data is incorporated in each application card displayed on the dashboard.

Company Type: the leading global beverage logistics provider.

Duration: 1 month

Platform: Web

Team: One Designer

Service:

  • UX design

  • UI design

  •  Interaction design

Revenue: $1 to $2 billion (USD) per year. 

Design Process

1. Co-creation workshop ( Expert interviews )

2. UX/UI Design (First Concept)

3. User Testing (Prototype)

 

5. Final Design

6. Final user testing

undraw_data_processing_yrrv.png

1. Co-creation workshop ( Expert interviews )

Explore the functionality of the current Experience Manager Dashboard

Method: interviews with 4 people

2. UX/UI Design (First Concept)

Information Architecture

Screenshot 2020-10-16 at 20.38.11.png
Accordion collapsed.png

​       DESIGN PROPOSAL

  • Fluid layout with expandable left side navigation

  • Inline Ad

  • Tiles with additional information about the app

  • Accordion for app groups

  • Global search

3. User Testing and Findings Prioritization (MoSCoW)

Screenshot 2020-08-17 at 14.11.54.png
Screenshot 2020-08-16 at 15.13.52.png

4. Final Design

drag and drop .png

​       FINAL DESIGN 

  • Customisable layout (Drag&Drop, Possibility to remove cards directly from the Dashboard)

  • Expandable cards reveal additional information about the app

  • Shared Top Navigation component with App Switcher functionality

  • Changes in Information Architecture: Versions become a part of Settings

2.1..png
5.png
Settings.png

Design System

bottom of page