Automoblog

Automoblog

Bringing design consistency to a fragmented automotive media brand.

Building a Cohesive Design System

Automoblog’s site lacked design consistency across pages and assets. I developed a full design system, covering typography, colors, components, and layouts and applied it to redesign their hub and article pages. The new system ensured brand unity and scalability.

Challenge

Multiple editors meant that the branding was fragmented; colors, typography, heroes, etc. differed from page to page.

Approach

I installed a design system to build brand cohesion, and had developers implement these changes so that all future pages were built with the same brand assets.

Outcome

The brand was much more cohesive, and the site was much cleaner than when we started.

Standardizing a Design System


Example of Design System in Figma


Implementing the Design System

Article Page Example

Challenge

Multiple editors meant that the branding was fragmented; colors, typography, heroes, etc. differed from page to page.

Approach

I installed a design system to build brand cohesion, and had developers implement these changes so that all future pages were built with the same brand assets.

Outcome

The brand was much more cohesive, and the site was much cleaner than when we started.