Schlagwort: #WebEntwicklung

Neue Microsite: Übersichtlich und schnell

alle Arbeiten


Die von uns kreierte Microsite zum Thema «Hybrid» für die «Schönegg Garage» dient der Aufklärung und beantwortete Suchanfragen wie:

  • Was ist ein Voll-Hybrid?
  • Wie lade ich einen Hybrid?
  • Ist ein Hybrid umweltfreundlicher?

Bei dieser Thematik bestehen viele Unsicherheiten – und auch viele Vorurteile. Das Unternehmen «Schönegg Garage» war bereit, sich ehrlich auf eine Auseinandersetzung einzulassen und Rede und Antwort zu stehen mit dem Ziel, sich als kompetenter Ansprechpartner in der Region zum Thema Hybrid zu etablieren. Berührungsängste der Kund:innen sollen abgebaut und Hybrid-Probefahrten generiert werden. 

  • UX-Design: Eine einfache und schlanke Struktur

    UX-Design: Eine einfache und schlanke Struktur

    UX-Design: Eine einfache und schlanke Struktur

  • Umsetzung: Individuelle Webentwicklung

    Umsetzung: Individuelle Webentwicklung

    Umsetzung: Individuelle Webentwicklung

Keyword-Recherche: Was ist relevant?

Die vorab durchgeführte Keyword-Analyse mittels verschiedener Tools wie Searchmetrics, Google Trends und Google Keyword Planner zeigten uns vorab die Bedürfnisse der User auf. Die Resultate wurden verglichen und die Keywords und Keyword-Verbindungen nach Suchvolumen gewichtet sowie in verschiedene Kategorien eingeteilt. Die Konkurrenzanalyse gehört ebenso zur Keyword-Recherche:

  • Was machen die Mitbewerber:innen bzw. die anderen Marken gut und was nicht?
  • Welche Hersteller haben ein hohes Google-Ranking und warum?

Auf Basis dieser Analysen wurde das Konzept – von der Navigation bis zu den eigentlichen Inhalten – ausgearbeitet. Das Website-Konzept haben wir auf Langfristigkeit ausgelegt; es ist jederzeit erweiterbar.

User Experience: Mobile first

Das Layout und das Design wurden mit einer «Mobile first»-Strategie ausgearbeitet und responsive umgesetzt. Die Umsetzung haben wir bewusst nicht mit einer gängigen Content-Management-System-Lösung (CMS-Lösung) umgesetzt, da ein CMS wie WordPress oder Joomla viele Funktionalitäten mit sich bringt, die wir für dieses Projekt nicht brauchten. Diese Funktionen würden im Hintergrund immer geladen, was zu einer Verlangsamung des Pagespeeds führen würde.

Mit der individuellen Webentwicklung konnten wir den Code im Hintergrund sehr schlank und performant halten. Dank dem PHP-Framework «Laravel» und der Frontend-Bibliothek von «Bootstrap» war eine schnelle und flexible Umsetzung der Website möglich. Die fünf Webpages sind jederzeit zugänglich über das Menü, Buttons oder den Feed.

Jede Webpage ist eine Landingpage und somit in sich vollständig. Das minimalistische Design unterstützt die Leseführung. Bei der «Mobile first»-Microsite ist die User Experience entscheidend: Die Website muss schnell und bedienungsfreundlich sein. Ausserdem muss das Formular für die Probefahrt-Anmeldung als Landingpage auf Mobile für die geplanten Kampagnen perfekt performen – und auch messbar sein.

Für die Positionierung der Schönegg Garage als Ford-Hybrid-Kompetenzzentrum wurde die Domain www.hybrid-ford-spiez.ch für die Microsite registriert. Diese Domain dient als offizielle URL der Crossmedia-Kampagne und ist auch auf dem Kampagnen-Fahrzeug ersichtlich. 

Dynamischer QR-Code: Flexible Landingpage

Die zusätzlich reservierte Domain www.hybrid-ford.ch dient als Zieladresse des QR-Codes, welcher zum Beispiel auf dem Kampagnen-Auto angebracht ist. Aktuell wird diese Domain auf die Microseite-Startseite weitergeleitet. Die URL der Domain haben wir zudem mit einem Kampagnen-Zusatz versehen. Dies ermöglicht es uns, die Zugriffe über den QR-Code zu messen. Ausserdem kann die Weiterleitung jederzeit geändert werden – der QR-Code ist somit dynamisch, die Landingpage kann von uns jederzeit neu bestimmt werden.

Die Microsite war Teil der crossmedialen Kampagne «Mal so, mal so» zur Bewerbung des neuen Ford Kuga mit Hybrid-Antrieb. Den ausführlichen Case dazu können Sie ebenfalls auf unserer Website lesen: Auffällige Crossmedia-Kampagne mit Influencern

Arbeiten Grelldenker Schönegg Garage Landingpage
Arbeiten Grelldenker Schönegg Garage Landingpage

alle Arbeiten

Weiterlesen

Ohne funktionierende Schnittstellen (API) geht nichts mehr!

alle Arbeiten


Grafik API Belpmoos Reisen

Grafik API Belpmoos Reisen

Die neue Website für den Reiseveranstalter «Belpmoos Reisen» setzten wir mit dem CMS-System «Joomla 3.9.x» um. Dabei hatten Funktionalität, Benutzerfreundlichkeit und Schnelligkeit oberste Priorität. Für die Verwaltung und Buchungsabwicklung der Reisen verwendet «Belpmoos Reisen» seit Jahren das Tool «Tourdata». Die «Tourdata»-Inhalte wurden auf der alten Website via iFrame geladen, was die Darstellung des Contents sehr einschränkte und die Performance (Pagespeed) stark beeinträchtigte. Für die neue Website bauten wir eine XML-Schnittstelle, die einmal täglich sämtliche Daten synchronisiert. Laufende Aktualisierungen (z. B. von Kurztexten oder Bildern) werden zusätzlich mithilfe eines Webhooks an die Website geschickt. Somit ist der Datentransfer gewährleistet.

Filterfunktionen: Inhalte von «Tourdata» und eigene CMS-Inhalte

Die Filterfunktionen fragen sowohl die Daten von «Tourdata» wie auch die Daten aus dem CMS-System (z. B. Präferenzen) ab. Diese Funktion wird die User-Experience besonders dann erheblich verbessern, wenn wieder eine grössere Auswahl an Reisedaten zur Verfügung stehen – dies ist momentan Corona bedingt nicht der Fall.

Individuelle Bedürfnisse: Programmierung

Für die neue Website wünschte sich der Kunde «Belpmoos Reisen» eine Möglichkeit, den Usern zusätzlich zu den Reisen und Hotelangeboten weiterführende Informationen zu präsentieren (z.B. Reiseprogramm, Lage, Empfehlungen usw.). «Tourdata» bietet für dieses individuelle Kundenbedürfnis jedoch keine Lösung. Deswegen programmierten wir die Joomla-Erweiterung «Travelator». Sie erlaubt die Verknüpfung der «Tourdata»-Einträgen mit den CMS-Einträgen (siehe Grafik), die dann beliebig mit Content angereichert werden können.

Erstellung einer dynamischen Vorlage (Template)

Die Buchung bzw. Reservierung einer Reise findet wiederum auf einer Subdomain von «Tourdata» statt. Die URL wird mit entsprechenden Parametern generiert. Wir erstellten eine dynamische Vorlage (Template), sodass optische und inhaltliche Anpassungen auf der «Belpmoos Reisen»-Website (z. B. in der Navigation oder im Footer) direkt auf der Subdomain übernommen werden – obwohl der Buchungsprozess über einen anderen Server läuft. So haben die User nicht das Gefühl, ihre Buchung auf einer externen Website abzuschliessen.

Anpassungen durch Corona – zusätzliches Angebot

Bisher waren die Destinationen am Mittelmeer – mit Flügen der Airline «flyBAIR» direkt ab Belp – der Schwerpunkt von «Belpmoos Reisen». Doch durch die Corona bedingten Reise-Einschränkungen und als Folge der gestrichenen «flyBAIR»-Flügen für das ganze Jahr 2021, bietet «Belpmoos Reisen» neu auch Reisen von anderen Reiseveranstaltern an. Diese neuen Angebote laufen nicht über «Tourdata» – wir konnten diese problemlos einbinden und ein neues Anfrageformular generieren. Hier ein Beispiel: Kategorie Schweiz und Kategorie Weltweit. Der Einbau der neuen zusätzlichen Destinationen in die Filterfunktion ist noch ausstehend.

Benötigen Sie auch mehr als eine «08/15-Lösung»? Wir finden eine Lösung für Ihre Website-Anforderungen und Schnittstellen.

alle Arbeiten

Weiterlesen