PRJ.02 / Webdesign · Webentwicklung · Markenauftritt
carFINNe
carFINNe ist das gemeinsame Kennzeichen eigenständiger Betriebe für Yacht- und Fahrzeugaufbereitung. Die Markenwebsite carfinne.de haben wir gestaltet und entwickelt: von der Video-Technik über die DE/EN-Umschaltung bis zum Anfrageformular mit Spam-Schutz.
- Projekt
- Markenwebsite für Yacht- und Fahrzeugaufbereitung
- Rolle von Orion Labs
- Design & Entwicklung der Website
- Betreiber der Website
- carFINNe Concepts & Partners
- Live seit
- Juli 2026
Vom Baukasten zur eigenen Markenwebsite
Der frühere Auftritt von carFINNe lief auf einem Website-Baukasten. Ziel war eine eigene Website, bei der Gestaltung, Inhalte und Technik vollständig in der Hand der Marke liegen. Seit Juli 2026 ist sie live.
Hinter carFINNe stehen mehrere eigenständige Unternehmen, die die Marke als gemeinsames Kennzeichen nutzen. Betreiber der Website ist carFINNe Concepts & Partners. Die Website ist für uns ein Projekt aus dem eigenen Unternehmensverbund (Betreiber und Orion Labs haben denselben Inhaber, Finn Bellmann), kein Fremdauftrag.
Die Website spricht zwei Zielgruppen getrennt an. Die Startseite richtet sich an Yacht- und Bootseigner (carFINNe Marine), die Fahrzeugseite ist die Standortseite des Studios in Gescher, eines eigenständigen Unternehmens mit eigenem Inhaber, das unter der Marke auftritt. Beide Seiten teilen Gestaltung und Technik und verlinken sich gegenseitig in der Navigation.
Optisch setzt die Seite auf Schwarz und Elfenbein mit Messing-Akzent sowie auf großflächige Videos. Die Stilrichtung haben wir aus einer Design-Referenz weiterentwickelt und konsequent auf beide Seiten übertragen.
Was wir gebaut haben
Statische Multi-Page-Site
Fünf HTML-Seiten und zwei PHP-Endpunkte, ohne CMS, ohne Datenbank und ohne Framework.
Einstieg: Yacht oder Fahrzeuge
Einmal pro Sitzung fragt ein Dialog auf der Startseite, ob es um Yacht & Boot oder um Fahrzeuge geht; beide Wege zeigen SVG-Linienzeichnungen.
DE/EN-Umschaltung
Ein Schalter wechselt die Sprache direkt im Browser, gestützt auf ein Wörterbuch mit rund 440 Einträgen; die Wahl bleibt gespeichert.
Video-Heroes für jedes Format
Getrennte Videos für Quer- und Hochformat, ein Scroll-Video mit kleinerer Datei für Touch-Geräte; eingebunden ist vorhandenes Material, nicht selbst gedreht.
Anfrageformular mit Spam-Schutz
Eigener PHP-Mailer mit Honeypot, Zeitfalle, Rate-Limit und Link-Spam-Filter, dazu Feldgruppen für Yacht-Briefing und Gutschein-Bestellung.
Verlinkte Online-Buchung
Navigation, Pakete und Kontaktbox führen per Link zur Buchung über Detailly; Ablauf und FAQ erklären den digitalen Auftragsweg.
SEO-Grundlage
Meta- und Open-Graph-Tags, eigene Vorschaubilder, strukturierte Daten nach Schema.org sowie sitemap.xml und robots.txt.
Datensparsame Technik
Selbst gehostete Schriften, keine externen Skripte, kein Tracking; im Browser speichert die Seite nur Sprache, Bewegung, Einstieg und Cookie-Hinweis.
Technik
Was du für dein Projekt mitnehmen kannst
Raus aus dem Baukasten
Läuft deine Website auf einem Baukasten, ersetzen wir sie durch eine eigene. Code und Inhalte bekommst du übergeben, die vereinbarten Nutzungsrechte gelten ab vollständiger Bezahlung. Du bist nicht mehr an das System eines Baukasten-Anbieters gebunden, Hosting und Domain wählst du selbst.
DEV.01 Webdesign & Webentwicklung →Eine Marke, mehrere Zielgruppen
Sprichst du verschiedene Zielgruppen an, ordnen wir Seiten, Einstiege und Navigation nach Zielgruppen. Jede Gruppe soll auf den ersten Blick erkennen, welcher Weg zu ihrem Angebot führt.
MKT.08 Digitalstrategie & Branding →Klare Wege zur Anfrage
Wir bauen Formulare mit passenden Feldgruppen und setzen, wenn du schon ein externes Online-Buchungssystem nutzt, direkte Links dorthin. Ziel ist, dass deine Interessenten ohne Umwege anfragen oder buchen können.
MKT.07 Conversion-Optimierung →
Deine Website hängt noch an einem Baukasten? Schick uns den Link und beschreib kurz, was die neue Seite können soll. Wir skizzieren dir daraus Umfang und nächste Schritte.
Projekt besprechen