Highland Collision
Website UX UI Design
Date
2025
Client
Highland Collision Center
Category
UI/UX Design
Introduction
Highland Collision Center is a Minnesota-based auto body shop offering collision repair, mechanical, ADAS, and electrical services. Hired by OnePage Pro, I designed the website UX/UI in Figma, using Relume wireframe components to create a clear, modern interface prepared for efficient Webflow implementation. The visual direction combines a light foundation with the brand’s red and blue accents and selected dark sections for contrast.
2 Days
1 - 2 Aug 2025
Location
Minnesota, USA
5 Pages
Desktop + Mobile
Figma
UI design
Before
AfterDesign System
The design system combines Anton for bold automotive-style headings with Roboto for clear body copy. A light neutral foundation is supported by Highland’s red and blue brand colors, while selected dark sections add contrast and reinforce the high performance automotive feel.
A Complete 5 Pages Website Experience
The full website was designed as a cohesive five-page system, with consistent visual language, service-focused layouts, and clear user journeys across every page.
A Seamless Experience on Mobile
The mobile layout keeps the same visual identity while adapting the navigation, spacing, and content flow for smaller screens









Confident First Impression

Service Focused Layouts

Clear Content Hierarchy

Consistent Visual System
Hear From Our Happy Client

Ready to talk about your project?

Share on











