Style Guide 2.0 | David Gjertsen
David Gjertsen

Style
Guide 2.0

The Project

The initial buildout of WRANGLD utilized Vuetify and Ionic to simplify development. However, my long-term goal was always to create a custom design language for WRANGLD that could be applied across the web and mobile apps.

The Client

WRANGLD

The Role

UX / UI Developer

The Discipline

Interface Design

Final Version

Style Guide 2.0 reimagined the WRANGLD app with a clean, modern user interface.

The style guide page developed for WRANGLD

Dark Mode

An additional goal with Style Guide 2.0 was to create an optional dark theme for both web and mobile, allowing users to customize the app to their preference.

A page showing the differences between the light and dark themes.

Page Layouts

In order to ensure consistency across the many pages in the WRANGLD app, I designed four page layouts that would cover the majority of our use cases.

Four page layouts using Style Guide 2.0

Redesigns

As part of Style Guide 2.0, I took it upon myself to redesign known pain points in the app.

The Job Details page was a prime candidate for an overhaul, due to it's high information density.

A re-imagined job details page using Style Guide 2.0
More Work

WRANGLD

UX / UI

Software as a Service

Helpdesk

UX / UI

Application Design