• Webdesign und Joomla - AH Beier, Karlsruhe
    Best Practice

    Relaunch der Internetseite für das Autohaus Beier in Karlsruhe

    Webapplikation und PHP-Programmierung

Individuelle Webentwicklung, Joomla, responsives Webdesign, Integration externer Systeme

Digitale Modernisierung für über 100 Jahre Automobilkompetenz

Das Autohaus Beier ist ein Karlsruher Traditionsunternehmen mit Wurzeln bis ins Jahr 1919.

Nun stand eine digitale Neuausrichtung an. Ziel war ein moderner Online-Auftritt, der sowohl die langjährige Unternehmensgeschichte als auch die zukunftsorientierte Ausrichtung widerspiegelt.

Über eine Google-Suche wurde das Autohaus auf unsere Digitalagentur aufmerksam. Nach einem ersten Kennenlernen war klar: Das passt!

Anforderung/Herausforderung

Mehr als eine neue Website: Die Anforderungen des Kunden

Das Autohaus Beier zählt zu den traditionsreichsten Autohäusern in Karlsruhe. Der bestehende Internetauftritt war jedoch in die Jahre gekommen, technisch veraltet, wenig mobilfreundlich und inhaltlich nicht mehr zeitgemäß.

Daher war ein regionaler Partner gefragt, mit Erfahrung in maßgeschneiderter Webentwicklung und Verständnis für die spezifischen Anforderungen eines Autohauses.

Folgende Zielsetzungen standen im Mittelpunkt:

  • Entwicklung einer modernen, responsiven Website, die auf allen Endgeräten überzeugt
  • Nutzerzentrierte Gestaltung mit klarer Navigation und fokussierter Kundenansprache
  • Einbindung bestehender Drittsysteme, insbesondere der Fahrzeugdatenbank
  • Konzeption und Programmierung eines eigenen Tools für die Mietwagenbuchung
  • Visuelle Aufwertung durch Videoinhalte (inkl. Drohnenaufnahmen)
  • Möglichkeit zur eigenständigen Aktualisierung der Inhalte durch das Autohaus-Team
  • Integration einer individuell gestalteten und SEO-optimierten Consent-Management-Lösung

Der Kunde lieferte uns ein weitgehend fertiges Designkonzept, das nun in eine performante, SEO-freundliche Website zu überführen war.

Lösungsansatz

Workshop & Konzeptentwicklung

Im Rahmen eines gemeinsamen Workshops legten wir die inhaltlichen und technischen Weichen. Dabei analysierten wir Zielgruppen, Funktionsanforderungen sowie gewünschte Inhalte. Ergebnis war ein tragfähiges Konzept auf Basis eines OnePage-Designs mit klarer Nutzerführung und wenigen, gezielt eingesetzten Unterseiten.

Zielgerichtete Nutzeransprache: „per Du“ oder „per Sie“

Die Kunden des Autohauses sind sehr vielfältig. Doch wie spricht man diese richtig im Internet an?

In der Konzeptphase entstand hierfür die eher ungewöhnliche, innovative Entscheidung für einen dynamischen Ansprachewechsel: Je nach Nutzerpräferenz lässt sich die gesamte Website auf eine formelle oder informelle Tonalität umstellen, mit jeweils eigener Textstruktur, Navigation und Ansprache.

Diese smarte Lösung erlaubt maximale Zielgruppenorientierung, ohne in Beliebigkeit zu verfallen. Sie erzeugt Bindung und fällt auf sympathische Art aus dem Rahmen.

Technologischer Rahmen: Joomla CMS mit YOOtheme Pro

Für das technische Fundament fiel die Wahl auf das Content Management System Joomla, ergänzt um den Page Builder YOOtheme Pro. Diese Kombination erlaubt individuelle Funktionserweiterungen bei gleichzeitig einfacher Bedienbarkeit für die Redakteure im Autohaus.

Als spezialisierte Joomla-Agentur schöpfen wir aus einem reichhaltigen Erfahrungsschatz und schaffen so eine zuverlässige, zukunftsorientierte Lösung.

Umsetzung der Basisanforderungen

Responsives Design & Performance

Die neue Website wurde von Grund auf für responsives Verhalten optimiert. Layouts, Navigation und Medienelemente passen sich flexibel an Desktop, Tablet und Smartphone an. So wird eine optimale Darstellung und Bedienbarkeit gewährleistet.

Bei den Videoinhalten achteten wir besonders auf optimale Ladezeiten und Formatkompatibilität. Hierfür haben wir in Zusammenarbeit mit dem Videoproduzenten auch das eindrucksvolle Drohnenvideo, welches Verkaufsräume, Werkstatt und Betriebsgelände präsentiert, in verschiedenen Bildformaten und Auflösungen, optimiert für Mobile und Desktop, integriert.

Gebrauchtwagenfinder: Integration von Automanager

Ein zentraler Baustein war die nahtlose Einbindung des externen Tools Automanager, das die aktuelle Fahrzeugdatenbank speist.

Die Umsetzung erfolgte über JavaScript, CSS-Anpassungen und API-Anbindung in enger Abstimmung mit dem Anbieter der Software. So entstand eine durchgängige Nutzererfahrung im Look & Feel der neuen Website.

Individuelles Mietwagensystem „Rent & Move“

Für die Fahrzeugvermietung entwickelten wir eine eigene Joomla-Komponente. Das Tool „Rent & Move“ ermöglicht es Kundinnen und Kunden, Fahrzeuge direkt online zu buchen, inklusive Kalenderansicht, Formularlogik und Backend-Verwaltung.

Eine Lösung, die in ihrer Flexibilität über standardisierte Plugin-Lösungen hinausgeht und die Anforderungen des Autohauses optimal abbildet.

Unternehmensgeschichte als Zeitstrahl

Die traditionsreiche Historie des Autohauses wird auf einer eigenen Seite als interaktiver Zeitstrahl visualisiert. Besucher können durch Klick auf verschiedene Jahreszahlen die wichtigsten Meilensteine der Firmengeschichte entdecken. Die Firmengeschichte wird so lebendig und die emotionale Bindung zum Unternehmen gestärkt.

Social Media & Bewertungsintegration

Zur Stärkung der digitalen Sichtbarkeit wurden die Social-Media-Kanäle des Autohauses eingebunden, ebenso wie Google-Bewertungen, inklusive einer intelligenten Filterfunktion. Diese wählt automatisch die aktuellsten Bewertungen mit 4,5 Sternen und besser aus.

Die Social-Media-Kanäle sind sowohl mit einem Link als auch mit QR-Code versehen. Desktop-Nutzer können so mit ihrem Smartphone schnell in die sozialen Netzwerke springen.

Ansprachewechsel mit System

Die Entscheidung für zwei parallele Inhaltswelten – eine „per Du“, eine „per Sie“ – wurde konsequent technisch umgesetzt. Dabei handelt es sich nicht um eine einfache Sprachumschaltung, sondern um zwei eigenständige Inhaltsversionen mit differenzierter Tonalität.

Ein clever integrierter Umschalter am linken Bildschirmrand („#gernperDu“ oder „Lieber per Sie“) ermöglicht die Auswahl. Im Hintergrund sorgt ein intelligenter Template-Wechsel im Joomla CMS für den Austausch sämtlicher Inhalte.

Integriertes Consent-Management

Für die heutzutage in fast allen gewerblichen Websites notwendige Umsetzung eines Consent-Managements nutzen wir bei diesem Projekt ein von formativ.net selbst entwickeltes System. Im Gegensatz zu fertigen Consent Management Plattformen (CMP) auf Lizenzbasis bot dies entscheidende Vorteile. Der Wunsch des Kunden nach einer sehr individuellen Gestaltung war einfacher umzusetzen. Zudem ist die Website schneller, da das vollintegrierte Consent-Management keine externen Ressourcen nachlädt.

Hierfür ausschlaggebend war der Wunsch des Kunden, auch das Banner individuell gestalten zu können. Zudem sollte das Consent Management keine Einbußen auf die Seitenperformance haben. Fertige Consent Management Plattform (CMP) wie User Centrics, Cookiebot oder CookieFirst laden externe Ressourcen für die Abfrage und Verwaltung User-Einwilligungen. Unsere Lösung hingegen wird direkt im Rahmen der Website-Installation betrieben, dadurch mit regelmäßig deutlich schnelleren Ladezeiten. Das freut User und Suchmaschinen gleichmaßen.

Pflege, Wartung und Erweiterung

Mit dem Relaunch der Website hat das Autohaus Beier den Schritt in eine neue digitale Ära gemacht. Die neue Plattform vereint Tradition und Moderne, Informationsstruktur und Benutzererlebnis, technologische Präzision und redaktionelle Freiheit. Natürlich unterstützt unsere Agentur das Autohaus auch über den reinen Relaunch hinaus: als zuverlässiger Partner für den Betrieb der Website und für die Weiterentwicklung.

Schulung & redaktionelle Freiheit

Im Rahmen einer ausführlichen Schulung haben wir das Team des Autohauses in die redaktionelle Pflege der Website eingeführt. Dank der intuitiven Benutzeroberfläche von YOOtheme Pro lassen sich Inhalte wie News, Stellenangebote oder Teamvorstellungen mit Video eigenständig pflegen – ganz ohne Programmierkenntnisse.

Technischer Support & Weiterentwicklung

Unsere Agentur bleibt auch über den Go-live hinaus an Bord: Im Rahmen eines Wartungsvertrags übernehmen wir Sicherheitsupdates und Systempflege.

Ferner stehen wir bei Erweiterungswünschen für eine professionelle Beratung und Umsetzung bereit.

Ob zusätzliche Seitenbereiche, neue Funktionen oder technologische Updates: Die Internetpräsenz des Autohauses bleibt so skalierbar und up to date.


Weitere Informationen zu diesem Projekt bietet folgender Blogbeitrag:
Das Autohaus Beier aus Karlsruhe erhält eine neue Internetseite

Sie planen ebenfalls einen umfassenden Website-Relaunch, die Integration von neuen Funktionen auf Ihrer Website oder Sie möchten Ihre Geschäftsprozesse digitalisieren?

Wir helfen Ihnen gerne dabei:
Sprechen wir darüber!

Entwicklung von Web Applications, Internet-Software, Erweiterungen und Tools

Neben der Entwicklung von nativen Internetanwendungen und Apps unterstützen wir Sie auch bei der Programmierung von individuelle Erweiterungen und Plugins für die CMS Joomla und WordPress.

Wie können wir Sie bei der Digitalisierung unterstützen?