Eine Marke ist mehr als ein Logo. Sie vermittelt, wofür ein Unternehmen steht, wie es wahrgenommen werden möchte und welchen Anspruch es an seine eigene Arbeit stellt. Besonders spannend wird dieser Prozess, wenn ein etabliertes Familienunternehmen von der nächsten Generation übernommen wird.
Mit der Übernahme von SvR Lichttechnik durch Florian von Raven begann genau diese Veränderung. Das Unternehmen verfügte über eine gewachsene Identität, doch sein bisheriger Markenauftritt entsprach nicht mehr der Persönlichkeit und den Vorstellungen des neuen Geschäftsführers.
Aus dieser Ausgangssituation entwickelte sich eine Zusammenarbeit, die weit über ein gewöhnliches Redesign hinausging. Gemeinsam haben wir die Marke vollständig neu aufgestellt, ihre visuelle Identität definiert und schließlich eine Website geschaffen, die sich eher wie eine interaktive Anwendung als eine klassische Unternehmenspräsenz anfühlt.
Manchmal beginnen gute Projekte mit einem zufälligen Treffen Der erste Kontakt entstand auf einem Sundowner Event in Würzburg, zu dem wir im Rahmen unserer Zusammenarbeit mit QOR gekommen waren.
Dort stellte uns unser Ansprechpartner Florian von Raven vor. Er hatte das Unternehmen SvR Lichttechnik von seinem Vater Stefan von Raven übernommen und beschäftigte sich bereits mit der Frage, wie sich dessen Markenauftritt modernisieren ließe.
Im Gespräch wurde schnell deutlich, dass es nicht nur um ein veraltetes Logo oder eine in die Jahre gekommene Website ging. Es ging um die Identität eines Unternehmens, das mit einer neuen Generation auch ein neues Selbstverständnis entwickeln sollte.
Als sich herausstellte, dass wir beide aus Hamburg kamen, vereinbarten wir ein weiteres Treffen.
Was zunächst als Austausch über mögliche Veränderungen begann, entwickelte sich Schritt für Schritt zu einem vollständigen Rebranding.
Der erste Schritt: Ein Name mit einer klaren Identität Der bisherige Unternehmensname SvR Lichttechnik GmbH hatte eine direkte Verbindung zum Gründer Stefan von Raven. Gleichzeitig war er stark auf eine funktionale Beschreibung des Unternehmens und dessen ursprüngliche Identität ausgerichtet.
Mit der nächsten Generation sollte auch die Marke eigenständiger auftreten.
Aus SvR Lichttechnik GmbH wurde deshalb von Raven GmbH .
Der neue Name bewahrt die familiäre Herkunft und schafft gleichzeitig eine deutlich prägnantere Markenidentität.
Statt einer Abkürzung und einer beschreibenden Branchenbezeichnung steht nun der Familienname im Mittelpunkt.
Das eröffnet auch in der Kommunikation neue Möglichkeiten. Eine Marke muss nicht jeden Teil ihres Leistungsangebots bereits im Namen erklären. Sie kann sich durch ihre Haltung, ihre Arbeit und ihren visuellen Auftritt positionieren.
Mit dem neuen Namen war deshalb nicht nur eine formale Veränderung verbunden. Er bildete den Ausgangspunkt für die gesamte weitere Markenentwicklung.
Ein neues Corporate Design für einen selbstbewussten Auftritt Mit der neuen Identität musste auch die visuelle Gestaltung überarbeitet werden.
Unser Ziel war es, ein Erscheinungsbild zu entwickeln, das professionell und wiedererkennbar ist, sich aber bewusst von der zurückhaltenden Gestaltung vieler technischer Dienstleistungsunternehmen unterscheidet.
Die Persönlichkeit von Florian von Raven spielte dabei eine wichtige Rolle.
Wer ihn kennenlernt, merkt schnell, dass er kein zurückhaltender Typ ist. Er ist kommunikativ, direkt und selbstbewusst. Diese Eigenschaften sollten sich auch im Auftritt seines Unternehmens wiederfinden.
Entstanden ist eine visuelle Identität mit tiefem Dunkelblau als Grundlage und kräftigem Magenta als markantem Akzent. Eine klare Typografie und eine reduzierte grafische Sprache sorgen dafür, dass die Gestaltung trotz ihrer auffälligen Elemente strukturiert und professionell bleibt.
“ Dabei ging es nicht darum, möglichst laut zu gestalten. Vielmehr sollte die Marke ihren eigenen Charakter entwickeln und sich konsequent von austauschbaren Branchenauftritten abheben.
Ein Corporate Design funktioniert schließlich nur dann, wenn es nicht allein auf einem Präsentationsentwurf überzeugt, sondern in sämtlichen Anwendungen einheitlich eingesetzt werden kann.
Aus einem Logo wird ein vollständiges Markensystem Ein Rebranding endet nicht mit der Freigabe eines Logos. Gerade bei einem etablierten Unternehmen müssen zahlreiche Kommunikationsmittel und Arbeitsunterlagen berücksichtigt werden.
Deshalb haben wir für von Raven einen umfassenden Styleguide entwickelt, der die gestalterischen Grundlagen und deren praktische Anwendung dokumentiert.
Dazu gehören neben Logo, Farben und Typografie auch Vorgaben zur Bildsprache, zur Gestaltung von Referenzfotografien und zur Nutzung der Marke in unterschiedlichen Medien.
Zusätzlich haben wir die Geschäftsausstattung neu entwickelt. Briefpapiere, Auftragsunterlagen, Bestellzettel und weitere Dokumente wurden an die neue Markenidentität angepasst.
Auch die E-Mail-Signaturen haben wir nicht nur gestaltet, sondern als HTML umgesetzt, damit sie im geschäftlichen Alltag eingesetzt werden können.
Besonders bei einer technischen Dienstleistungsmarke sind solche Details relevant. Angebote, Projektdokumentationen und Korrespondenz gehören zu den regelmäßigen Kontaktpunkten mit Kunden und Geschäftspartnern.
Ein einheitlicher Auftritt über diese Kontaktpunkte hinweg schafft Wiedererkennbarkeit und sorgt dafür, dass die Markenidentität nicht ausschließlich auf der Website stattfindet.
Ein gutes Corporate Design ist deshalb kein einzelnes Gestaltungsergebnis, sondern ein System, das im täglichen Unternehmensbetrieb funktioniert.
Warum eine klassische Unternehmenswebsite nicht zu von Raven gepasst hätte Mit dem neuen Branding stellte sich schließlich die Frage, wie die zukünftige Website aussehen sollte.
Eine gewöhnliche Unternehmensseite mit Startseite, Leistungsübersicht, Referenzen und Kontaktbereich hätte die notwendigen Informationen vermitteln können.
Sie hätte aber nur einen Teil der neuen Markenidentität transportiert.
Wir wollten deshalb eine digitale Präsenz entwickeln, die den Charakter von von Raven stärker erlebbar macht.
Die Idee war, eine Website zu gestalten, die sich eher wie eine eigenständige Anwendung anfühlt.
Statt Besucher ausschließlich über klassische Menüs und lange vertikale Inhaltsseiten zu führen, haben wir eine individuell entwickelte Vollbildnavigation umgesetzt.
Großformatige Fotografien, klare Aussagen und bewusst eingesetzte Animationen bestimmen den Aufbau. Die einzelnen Ansichten wechseln mit fließenden Übergängen, während die Navigation eine räumliche Struktur erhält.
Auf diese Weise werden die Projekte und Leistungen von von Raven nicht nur präsentiert, sondern zu einem zusammenhängenden digitalen Erlebnis verbunden.
Die ungewöhnliche Bedienung ist dabei kein Selbstzweck. Sie soll den eigenständigen Charakter der Marke unterstreichen und gleichzeitig einen klaren Zugang zu den Inhalten ermöglichen.
Eine Website mit der Bedienlogik einer App Die eingesetzte Technik bei von-raven.com Die technische Grundlage bilden Nuxt 4, Vue 3 und TypeScript.
Mit diesen Technologien haben wir eine individuell entwickelte Benutzeroberfläche geschaffen, bei der Navigation, Animationen und Seitenwechsel eng miteinander verbunden sind.
Die Navigation unterscheidet zwischen zwei Richtungen: Vertikale Bewegungen führen durch die Hauptbereiche der Website, während horizontale Bewegungen innerhalb einzelner Bereiche und Projekte genutzt werden.
Damit entsteht eine Struktur, in der sich Besucher durch die Inhalte bewegen können, ohne ausschließlich einer traditionellen Seitenhierarchie folgen zu müssen.
Die Bedienung unterstützt unterschiedliche Eingabemethoden. Neben Mausrad und Touchgesten können Besucher die Website mit der Tastatur oder über die sichtbaren Navigationsmöglichkeiten steuern.
Eigene Schwellenwerte verhindern, dass bereits kleine Bewegungen unbeabsichtigt einen Seitenwechsel auslösen. Während einer Animation wird die Navigation koordiniert, damit sich Übergänge nicht gegenseitig beeinflussen.
Längere Inhalte wie rechtliche Informationen, FAQ oder Kontaktinformationen erhalten eine angepasste Scrolllogik.
So verbindet die Website eine ungewöhnliche Benutzerführung mit den Anforderungen an eine praktisch nutzbare Unternehmenswebsite.
Individuelle Animationen ohne unnötige Abhängigkeiten Ein wesentliches Gestaltungselement der neuen Website sind die Übergänge zwischen den einzelnen Ansichten.
Die Animationen haben wir überwiegend mit CSS, Vue Transitions und nativen Browserfunktionen umgesetzt.
Das betrifft sowohl die horizontalen und vertikalen Seitenwechsel als auch die Navigation, Projektgalerien, Buttons und interaktive Inhaltsbereiche.
Auf bestimmten iOS Geräten verwendet die Anwendung eine gesonderte Animationslogik über die Web Animations API. Damit lassen sich die Übergänge an das Verhalten dieser Geräte anpassen.
Gleichzeitig berücksichtigt die Website die Systemeinstellung für reduzierte Bewegung. Ist diese aktiviert, werden Animationen deutlich verkürzt beziehungsweise bestimmte Übergänge nicht ausgeführt.
Die technische Herausforderung bestand darin, eine dynamische Benutzeroberfläche zu entwickeln, ohne die Bedienbarkeit von den Animationen abhängig zu machen.
Denn die Qualität einer Interaktion zeigt sich nicht daran, wie aufwendig sie aussieht, sondern daran, wie zuverlässig sie auf unterschiedlichen Geräten funktioniert.
Bildstarke Gestaltung braucht eine durchdachte Performance Direkter Vergleich der Google Lighthouse Ergebnisse zwischen der neuen und der alten Seite Die neue Markenwelt von von Raven lebt stark von großformatigen Bildern und der Präsentation realisierter Projekte.
Damit diese Gestaltung auch auf mobilen Geräten funktioniert, haben wir eine eigene Bildverarbeitung mit Python und Pillow entwickelt.
Sie erzeugt aus den Originalbildern optimierte WebP Varianten für Galerievorschauen und mobile Ansichten.
Die Verarbeitung berücksichtigt dabei unter anderem die Bildausrichtung, Farbprofile und unterschiedliche Auflösungen.
Zusätzlich verwendet die Website eine eigene Logik zum Vorladen wichtiger Bilder.
Bevor eine neue Vollbildansicht erscheint, kann das zugehörige Motiv bereits geladen und dekodiert werden. Das reduziert das Risiko, dass während eines Seitenwechsels zunächst eine leere Bildfläche sichtbar wird.
Weitere Bilder werden mit niedriger Priorität vorbereitet, wenn der Browser entsprechende Ressourcen zur Verfügung hat.
Auf diese Weise verbinden wir eine bildorientierte Gestaltung mit einer gezielten Medienauslieferung.
Technisches SEO trotz ungewöhnlicher Navigation Eine interaktive Website stellt besondere Anforderungen an die Suchmaschinenoptimierung.
Wenn sämtliche Inhalte ausschließlich innerhalb einer einzigen Browseransicht wechseln würden, könnten wichtige Informationen für Suchmaschinen schwerer zugänglich sein.
Deshalb haben wir die visuelle Navigation bewusst mit einer regulären Seitenstruktur verbunden.
Die Website verwendet Nuxt mit serverseitigem Rendering. Beim direkten Aufruf einer URL können Inhalte und Metadaten bereits als HTML bereitgestellt werden.
Jede relevante Seite besitzt eine eigenständige Adresse. Das gilt für die Leistungsbereiche ebenso wie für einzelne Referenzprojekte und Stellenanzeigen.
Die SEO Informationen werden zentral verwaltet und umfassen individuelle Seitentitel, Beschreibungen, Canonical URLs und Metadaten für soziale Netzwerke.
Zusätzlich verwenden wir strukturierte Daten nach Schema.org, darunter Informationen über das Unternehmen, seine Leistungen, Kontaktmöglichkeiten und Stellenangebote.
Eine dynamisch erzeugte XML Sitemap unterstützt die Auffindbarkeit der einzelnen Seiten.
Auch der Wechsel von der bisherigen Domain zur neuen Markenadresse wurde technisch berücksichtigt.
Für bestehende URLs der früheren SvR Lichttechnik Website haben wir gezielte Weiterleitungen eingerichtet. Dadurch können Besucher und Suchmaschinen von bisherigen Adressen zu den jeweils passenden neuen Inhalten gelangen.
Diese Maßnahmen schaffen eine wichtige technische Grundlage für die Suchmaschinenoptimierung. Sie garantieren keine bestimmten Platzierungen, sorgen aber dafür, dass ein ungewöhnliches Frontend nicht zulasten einer nachvollziehbaren Seitenstruktur geht.
Eine konsistente Marke bis in die technische Infrastruktur Die neue Website wird als Nuxt Anwendung auf einem Node.js Server betrieben. nginx übernimmt den öffentlichen Zugang über HTTPS und leitet die Anfragen an die Anwendung weiter.
Für die Veröffentlichung haben wir einen automatisierten Deploymentprozess mit GitHub Actions eingerichtet.
Freigegebene Änderungen werden über den vorgesehenen Entwicklungsprozess auf den Produktionsserver übertragen. Dort werden die Abhängigkeiten installiert, die Anwendung neu gebaut und der zuständige Dienst neu gestartet.
Auch die Webanalyse wurde in die Website integriert. Hier verwenden wir Umami Cloud mit einer eigenen Einwilligungsverwaltung.
Das Analyseskript wird erst geladen, nachdem eine entsprechende Zustimmung erteilt wurde.
Diese technischen Entscheidungen sind für Besucher weitgehend unsichtbar. Sie sind jedoch ein wichtiger Bestandteil einer Website, die dauerhaft betrieben, gepflegt und weiterentwickelt werden soll.
Ein Rebranding, das konsequent zu Ende gedacht wurde Die Entwicklung von SvR Lichttechnik zu von Raven war für uns weit mehr als eine gestalterische Modernisierung.
Mit der Übernahme des Familienunternehmens entstand der Wunsch nach einer Markenidentität, die sowohl die Herkunft des Unternehmens als auch die Persönlichkeit seines neuen Geschäftsführers widerspiegelt.
Aus diesem Wunsch entwickelten wir einen neuen Namen, ein eigenständiges Corporate Design und ein umfassendes System für die tägliche Unternehmenskommunikation.
Die Website führt diesen Gedanken fort.
Sie überträgt die neue Markenidentität nicht nur in Farben, Schriften und Bilder, sondern auch in die Art, wie Menschen mit dem Unternehmen digital interagieren.
Dabei treffen individuelle Gestaltung und moderne Webentwicklung aufeinander. Eine eigene Navigationslogik, serverseitiges Rendering, optimierte Bildauslieferung und eine durchdachte Seitenstruktur bilden die Grundlage für einen Auftritt, der bewusst anders funktioniert.
Das Projekt zeigt, dass ein erfolgreiches Rebranding nicht beim neuen Logo endet. Es entsteht dann, wenn Name, Gestaltung, Kommunikation und digitale Erfahrung eine gemeinsame Identität bilden.
Aus SvR Lichttechnik wurde von Raven. Und aus einer in die Jahre gekommenen Unternehmenspräsenz ein digitaler Auftritt mit einer ganz eigenen Persönlichkeit.
