HOF Manufaktur Sindelfingen

Webauftritt: Relaunch in Webflow, 3D-Rendering, Zweisprachigkeit, Go-Live in 3 Wochen

Zahlen die Spaß machen

In drei Wochen bereit für die Weltpremiere.

HOF Manufaktur aus Sindelfingen veredelt die Mercedes G-Klasse zu Einzelstücken und hat sich damit international einen Namen gemacht. Zur Weltpremiere der neuen Kollektion in Abu Dhabi brauchte die Marke einen Webauftritt, der dieser Bühne gerecht wird, und zwar in drei Wochen. Wir haben die Website in Webflow neu aufgebaut: großflächige Fahrzeuginszenierung, eigene Modellseiten für Sir Class, New Sir Class, Rebel und 1955 sowie eine zweisprachige Struktur auf Deutsch und Englisch. Die Fahrzeuge haben wir zusätzlich per 3D-Rendering in Szene gesetzt. Die Seite war pünktlich zur Premiere live und begleitet seitdem die internationale Kommunikation von HOF, von den Modelldetails bis zur Anfrage.

Leistungen

Website Relaunch

3D-Rendering

Webflow-Entwicklung

Modellseiten

Zweisprachig DE/EN

UX/UI

Animationen & Interaktionen

Social-Media-Einbindung

System

Webflow

Webflow Localization

Figma

Adobe Creative Cloud

Design

Vom Figma-Board zur fertigen Seite.

Jedes Modell hat in Figma seine eigene Farbwelt bekommen: Sir Class in Türkis, Rebel in Rot und Orange, 1955 in Rennrot. Highlights, Interieur, Kontakt und die Render-Strecken haben wir dort komplett gestaltet, bevor eine Zeile in Webflow gebaut wurde.

3D-Rendering

Jedes Modell auf der Drehbühne.

Fünf Fahrzeuge, komplett in 3D gerendert und einmal um die eigene Achse gedreht. So sieht man jedes Detail, bevor ein Fotoshooting überhaupt geplant ist.

Klick auf ein Fahrzeug öffnet die Vollansicht. Dort kannst du es selbst drehen.

Sir Class1065
360°
1955722
360°
RebelWhite Camo
360°
RebelRed Camo
360°
OZSonderedition
360°

Auf einen Blick

Eine Bühne für Einzelstücke

Jedes Fahrzeug von HOF ist ein Unikat. Die Website gibt jedem Modell eine eigene Seite mit großformatigen Bildern, 3D-Renderings und der Geschichte dahinter. Gebaut in Webflow, zweisprachig, live nach drei Wochen.

Komplette Rebel-Modellseite der HOF-Manufaktur-Website vom Hero bis zum Footer
Styleguide

Gebaut auf der Marke HOF.

Logo und Bildwelt bringt HOF mit. Darauf haben wir Farben, Typografie und die Bausteine der Website aufgebaut. Unten siehst du das System im Einsatz.

Logo

Marke der Manufaktur

Kollektion

Sir Class, Rebel, 1955

Farben

Marke und Modellfarben
Schwarz
#000000
Sir Türkis
#42DAE0
Sand
#D9B997
Rebel Rot
#FB292D
Rebel Orange
#FF9526
1955 Rot
#DB0101
Dunkelbraun
#3E2E25

Typografie

General Sans
Schriftmuster General Sans Bold und ExtralightSchriftmuster General Sans Bold und Extralight

Modellseite

Jedes Fahrzeug mit eigener Bühne
Modellseite Sir Class auf der HOF-WebsiteModellseite Sir Class auf dem Smartphone

Konfigurationen

Varianten pro Modell im Slider
Konfigurationsvarianten der New Sir Class im Slider

Navigation

Das Kürzel wechselt mit dem Modell
HOF-Bildmarke in der Kopfzeile
Modellkürzel H1063 der Sir Class
Modellkürzel H65 des Rebel

Footer-Signet

Halbes H in der Farbe der Unterseite
Footer-Signet in Sand für Start, About und Kontakt
Start · #D9B997
Footer-Signet in Türkis für die Sir Class
Sir Class · #42DAE0
Footer-Signet in Orange für den Rebel
Rebel · #FF9526
Footer-Signet in Rot für 1955
1955 · #DB0101
Oranger Marker-Akzent von Hochkonzept

Mobile First Ansatz!

Optimierung der Userexperience auf allen Geräten!

Wer ein Fahrzeug von HOF entdeckt, tut das oft zuerst auf Instagram oder TikTok. Deshalb sind Modellseiten, Bildstrecken und Kontaktanfrage zuerst für kleine Bildschirme gebaut und erst danach für den Desktop.

HOF Manufaktur mobil: Startseite mit Fahrzeug-Slider
HOF Manufaktur mobil: geöffnetes Menü
HOF Manufaktur mobil: Modellseite Sir Class
HOF Manufaktur mobil: Modellseite New Sir Class
HOF Manufaktur mobil: Modellseite Rebel
HOF Manufaktur mobil: About-Seite

Für Premium-Marken gebaut

Was wir aus diesem Projekt für deine Marke mitbringen.

Premium-Marken scheitern online selten am Produkt. Sie scheitern an Seiten, die das Produkt kleiner wirken lassen, als es ist, oder an Deadlines, die das Projekt sprengen. Bei HOF hatten wir beides im Griff.

3

Wochen bis Go-Live

2

Sprachen, Deutsch und Englisch

4

Modelle mit eigener Seite

1

Weltpremiere in Abu Dhabi

01

Deadline als Fixpunkt

Der Launch-Termin stand durch die Premiere in Abu Dhabi fest. Konzept, Design und Entwicklung liefen parallel, damit am Tag X alles live war.

02

Inszenierung statt Katalog

Großformatige Bildwelten und ruhige Typografie lassen die Fahrzeuge wirken. Text steht nur da, wo er etwas erzählt.

03

3D-Rendering

Fahrzeuge und Details als 3D-Renderings, für Perspektiven und Farbvarianten, die ein Fotoshooting nicht liefert.

04

Zweisprachig von Anfang an

Deutsch und Englisch in einer Struktur. Internationale Kunden landen direkt in ihrer Sprache.

05

Selbst pflegbar in Webflow

Neue Modelle und Inhalte pflegt HOF selbst, ohne für jede Änderung einen Entwickler zu brauchen.

06

Social Media verzahnt

Instagram, TikTok, YouTube, LinkedIn und Facebook sind eingebunden. Wer über Social kommt, findet direkt den Weg zur Anfrage.

Oranger Marker-Akzent von Hochkonzept

Look at these projects!

Weitere Projekte

Hier findest du einen Auszug aus unseren Projekten. Vielleicht findest du hier ja bald auch dein Projekt!?

OCB Deutschland

Einer der beliebtesten Marken für Drehpapier weltweit und steht seit Jahrzehnten für Qualität, Tradition und ein authentisches Raucherlebnis.

OCB

Website Relaunch

Für die Premium-Brand OCB haben wir einen modernen Webauftritt entwickelt, der die Identität der Marke digital erlebbar macht. Im Fokus stand eine klare, hochwertige Inszenierung der Produkte kombiniert mit einer starken visuellen Sprache und performanter User Experience. Durch gezielte Animationen, dynamische Übergänge und ein responsives Design entstand eine Plattform, die die Markenwelt von OCB authentisch transportiert und Nutzer auf jedem Endgerät überzeugt.

Jetzt kostenloses Gespräch vereinbaren.

Detailiertes Beratungsgespräch

Analyse des aktuellen Standes

Unverbindliches Angebot

Daniel Rothmund

Ansprechpartner

Teckstraße 66
70190 Stuttgart

Festnetz: 0711-71 91 51 50

Womit können wir dir helfen?

Danke! Wir werden uns schnellstmöglich bei dir melden.
Ohh nein! Da ist wohl etwas schief gelaufen! Bitte versuche es erneut oder schreibe uns einfach eine Mail. :)