CASE STUDY

Car Service
Landing Page

From concept to a modern user experience.
UI/UX Design • Figma • 2026
CASE STUDY

Car Service
Landing Page

From concept to a modern user experience.
UI/UX Design • Figma • 2026
1f13b6df 1af0 4353 b1a9 05efa65bc500

01

Project Overview

This concept project was created to showcase a vintage automobile business through elegant design, intuitive navigation, and a timeless visual identity inspired by classic automotive heritage.

      UI/UX Designer           Figma                              1 Week

01

Project Overview

This concept project was created to showcase a vintage automobile business through elegant design, intuitive navigation, and a timeless visual identity inspired by classic automotive heritage.

👤 Role
UI/UX Designer

🔧 Tools
Figma

🕒 Duration
1 Week

1f13b6df 1af0 4353 b1a9 05efa65bc500

02

The Challenge

Rare and classic car restoration workshops often have a very limited online presence. Many websites are outdated, contain inaccurate contact information, and include grammatical or content errors. This creates a lack of trust and makes it difficult for potential clients to learn about services or get in touch.

man, car, repair, car repair, car workshop, repair shop, car wallpapers, repairs, garage, mechanic, vw beetle, volkswagen, beetle, automotive, workshop, tools, supplies, monochrome, black and white

02

The Challenge

Rare and classic car restoration workshops often have a very limited online presence. Many websites are outdated, contain inaccurate contact information, and include grammatical or content errors. This creates a lack of trust and makes it difficult for potential clients to learn about services or get in touch.

man, car, repair, car repair, car workshop, repair shop, car wallpapers, repairs, garage, mechanic, vw beetle, volkswagen, beetle, automotive, workshop, tools, supplies, monochrome, black and white
chatgpt image jun 6, 2026, 01 57 18 pm

03

Wireframes

The wireframe was designed to establish a clear content hierarchy and intuitive user flow before moving into visual design. The primary goal was to guide visitors from discovering the workshop’s expertise to exploring previous restoration projects and ultimately contacting the business.

Key sections were strategically placed to build trust, showcase craftsmanship, and support conversion goals. Special attention was given to service visibility, project galleries, customer testimonials, and clear call-to-action placement throughout the page.

03

Wireframes

The wireframe was designed to establish a clear content hierarchy and intuitive user flow before moving into visual design. The primary goal was to guide visitors from discovering the workshop’s expertise to exploring previous restoration projects and ultimately contacting the business.

Key sections were strategically placed to build trust, showcase craftsmanship, and support conversion goals. Special attention was given to service visibility, project galleries, customer testimonials, and clear call-to-action placement throughout the page.

chatgpt image jun 6, 2026, 01 57 18 pm

04

Visual Identity

A cohesive design system was created to reflect the elegance, heritage, and timeless character of vintage automobiles.

The combination of warm neutrals, deep burgundy accents,
and refined typography helps create a premium and trustworthy
experience while maintaining excellent readability.

Color Palette

A carefully selected palette inspired by classic automotive
materials and luxury craftsmanship.

Typography

Cormorant Garamond was chosen for headings to emphasize
heritage and sophistication, while clear hierarchy ensures
easy content consumption.

UI Components

Buttons, cards, and navigation elements were designed to
maintain consistency across the entire experience.

chatgpt image jun 6, 2026, 06 00 59 pm

04

Visual Identity

A cohesive design system was created to reflect the elegance, heritage, and timeless character of vintage automobiles.

The combination of warm neutrals, deep burgundy accents, and refined typography helps create a premium and trustworthy experience while maintaining excellent readability.

Color Palette

A carefully selected palette inspired by classic automotive
materials and luxury craftsmanship.

Typography

Cormorant Garamond was chosen for headings to emphasize heritage and sophistication, while clear hierarchy ensures easy content consumption.

UI Components

Buttons, cards, and navigation elements were designed to
maintain consistency across the entire experience.

chatgpt image jun 6, 2026, 06 00 59 pm
mockuuups macbook pro mockup floating in the air

05

Final Design

The final design combines classic automotive aesthetics with modern web design principles to create a premium browsing experience. Inspired by the heritage and craftsmanship of vintage automobiles, the interface was designed to communicate trust, quality, and attention to detail.

The layout focuses on clear content hierarchy, intuitive navigation, and strong visual storytelling. By combining elegant typography, a carefully selected color palette, and strategic call-to-action placement, the website effectively showcases restoration services and completed projects while encouraging user engagement.

Clear visual hierarchy

Strong call-to-action

Showcase-driven layout

Consistent visual identity

05

Final Design

The final design combines classic automotive aesthetics with modern web design principles to create a premium browsing experience. Inspired by the heritage and craftsmanship of vintage automobiles, the interface was designed to communicate trust, quality, and attention to detail.

The layout focuses on clear content hierarchy, intuitive navigation, and strong visual storytelling. By combining elegant typography, a carefully selected color palette, and strategic call-to-action placement, the website effectively showcases restoration services and completed projects while encouraging user engagement.

Clear visual hierarchy

Strong call-to-action

Showcase-driven layout

Consistent visual identity

mockuuups macbook pro mockup floating in the air

06

Reflection

This project helped me strengthen my understanding of UI/UX fundamentals while designing a landing page for a vintage automobile business. Throughout the process, I learned how to organize content effectively, create a consistent visual identity, and balance aesthetics with usability.

Working on the Artique concept also improved my ability to translate a brand’s personality into a digital experience. Every design decision, from typography and color selection to layout structure, was made to reflect the heritage and craftsmanship associated with classic automobiles.

What I learned:

Building visual hierarchy

Creating a design system

Structuring landing pages

Balancing heritage and usability

In future projects, I aim to deepen my understanding of responsive design, improve accessibility practices, and continue developing user-centered digital experiences that balance aesthetics with usability.

chatgpt image jun 8, 2026, 12 51 00 pm

06

Reflection

This project helped me strengthen my understanding of UI/UX fundamentals while designing a landing page for a vintage automobile business. Throughout the process, I learned how to organize content effectively, create a consistent visual identity, and balance aesthetics with usability.

Working on the Artique concept also improved my ability to translate a brand’s personality into a digital experience. Every design decision, from typography and color selection to layout structure, was made to reflect the heritage and craftsmanship associated with classic automobiles.

What I learned:

Building visual hierarchy

Creating a design system

Structuring landing pages

Balancing heritage and usability

In future projects, I aim to deepen my understanding of responsive design, improve accessibility practices, and continue developing user-centered digital experiences that balance aesthetics with usability.

chatgpt image jun 8, 2026, 12 51 00 pm