BMW Dashboard

Introduction

Project

UI/UX Design

Role

UI/UX Designer, Visual Designer, Front End Developer

Scope

3 weeks, Individual project

Tools

Sketch, Illustrator, CodeKit, VS Code, GitHub

Deliverables

Prototype Video Rendering, GitHub

Brief

"Re-imagined the UI and motion build-out of a dashboard. Use only HTML, CSS, and JS to develop the animation."

Overview

I created an engaging UI prototype for the 2021 BMW 7 Series. Using the already established brand elements of BMW I created a user interface that simplifies the driving experience while providing the user with the necessary information. With the use of size, color and positioning I created a visual hierarchy that is balanced. I created this animation using only HTML, CSS, and JS.

Process

Research

Due to a shortened timeline, the research period of this project only consisted of competitive analysis and searching for visual inspiration. I looked heavily at dashboards from companies that are pushing the norm for dashboards like Tesla and Audi. Taking the key features and data needed for a functional, safe, and practical dashboard.

Design

Animation Story Board

Iterations

Code Snap Shot (GitHub)

Deliverables

Summary

No items found.

Reflections