PETROLL AUTOMOTIVE

Design round 01 · Landing page + appointment form

Four styles for the same workshop.

Each concept tells the Petroll Automotive story differently but serves the same brief: introduce the business, build trust, book the appointment. Every page stands on its own, is designed for light and dark, switches between both sign colour sets (cyan and red), and has been checked from 375 px to 1440 px.

  • 4Concepts
  • 6Services, as on the sign
  • 2Colour sets: cyan and red
  • 1Form that matters: #termin

Nachtschicht

01

The wall sign as a website. Matte black, brushed steel, a single accent stroke in the sign’s colour. The six services line up in a row just like on the wall. Premium, calm, technical.

Type
Michroma · Inter Tight
Palette
Risk
Brushed-metal wordmark in the hero

Werkbank

02

Engineering clarity in daylight. A visible twelve-column grid, a price list like a data sheet, numbers in monospace. Sober, precise, trustworthy.

Type
IBM Plex Sans · IBM Plex Mono
Palette
Risk
Monospace headline in the hero

Meisterbrief

03

The human workshop, set like a magazine feature. Warm paper, serifs, numbered chapters, a quote from the master mechanic. Honest about prices, close to the people.

Type
Fraunces · Source Sans 3
Palette
Risk
Very large serif headline with an italic second line

Prüfstand

04

The inspection report as a website. Numbered blocks, hard edges, status colours that mean something. The form summarises your request live as you type.

Type
Space Grotesk · Space Mono
Palette
Risk
The whole page looks like a form you would sign