Ampere Diagnostics

Concept design for an EV diagnostic company

Concept design for an EV diagnostic company

Concept design for an EV diagnostic company

Hero page design with responsive layouts and components built using Atomic Design Theory

Hero page design with responsive layouts and components built using Atomic Design Theory

Hero page design with responsive layouts and components built using Atomic Design Theory

Client

Personal

Services

Visual Design

UI & UX Design

Industries

Web Design

Year

2023

Project Overview

A bold & modern rebrand for a new segment of services.

To learn responsive web design using Figma, I created a design system that followed Brad Frost's atomic design principles and included a new branding. This allowed me to build the website more efficiently and effectively.

Responsive compatability

Local Styles

Atomic Design System

This design system is based on Brad Frost's Design theory. Atomic Design provides a crafting system that promotes consistency and scalebility, without being a linear process.

The five stages of atomic design are atoms, molecules, organisms, templates and pages.

Brad Frost's explanation of the Atomic Design Theory

Elements