Schlagwort: #WebEntwicklung

Von der Analyse zur Umsetzung: Erstellung einer neuen Website für Merwag Gibswil AG

alle Arbeiten

Read more


Umfassende Website-Analyse als Grundlage 

Unsere erste Aufgabe bestand in einer vertieften Analyse des bestehenden Webauftritts. Die Ergebnisse erläuterten wir ausführlich in einem dreistündigen Workshop beim Kunden vor Ort. Aufgrund der Komplexität der Thematik war es wichtig, technische und datenbasierte Zusammenhänge verständlich darzustellen. Unsere klare Handlungsempfehlung zielte darauf ab, die Auffindbarkeit der Website bei Suchanfragen zu verbessern. Ein zentrales Ergebnis dieser Analyse war: Die herausragende Fachkompetenz der Merwag Gibswil AG im Bereich Blechbearbeitung und -verarbeitung wurde online nicht angemessen präsentiert.

          Die Datenanalyse zeigte unter anderem: 

          • Fehlende Optimierung von Meta-Titeln und -Beschreibungen 
          • Unzureichende Nutzung relevanter Keywords wie «Blechbearbeitung» oder «Schweizer Präzision» 
          • Mangelnde Strukturierung und Tiefe der Inhalte
          • Verbesserungspotenzial bei der Benutzerfreundlichkeit, insbesondere auf mobilen Geräten 
          • Fehlende aktuelle Sitemap 
                  • Sofortmassnahmen und langfristige Strategie

                    Als unmittelbare Reaktion optimierten wir die bestehenden Website-Texte, verbesserten das technische SEO sowie die Ladegeschwindigkeit und übermittelten Google die aktualisierte Sitemap.

                  • Neugestaltung der Website

                    Anfang 2025 erhielten wir den Auftrag für einen vollständigen Neuaufbau der Website. Nach der Präsentation verschiedener Webdesign-Vorschläge fiel die Wahl auf ein minimalistisches Layout mit Fokus auf Bewegtbild (Video). 

                  • Umsetzung mit CMS-Tool

                    Da der Kunde bereits mit dem CMS-Tool WordPress vertraut war, entschieden wir uns für dessen Einsatz, um eine eigenständige Pflege zu erleichtern. Eine CMS-Schulung – inklusive entsprechender Unterlagen – führten wir vor der Live-Schaltung der neuen Website durch.

                  Kollaborative Content-Strategie

                  Das Merwag-Team, insbesondere Rémy Steiner, übernahm einen Grossteil der Content-Erstellung. Unsere Agentur unterstützte bei der Videobearbeitung und -integration, ohne Kompromisse beim PageSpeed einzugehen. Besonderes Augenmerk legten wir auf die Optimierung von Bildern und Videos, um die Ladezeiten zu verbessern und gleichzeitig die Qualität der visuellen Inhalte zu erhalten. Ebenfalls wurden Alt-Texte bei den Bildern hinterlegt sowie pro Seite Title und Meta-Descriptions definiert, damit die Snippets bei organischen Suchanfragen informativ den Seiteninhalt beschreiben. 

                          Technische Implementierung und Datenschutz

                          Wir legten grossen Wert auf eine korrekte Einrichtung von Google Analytics (GA4), Google Search Console und dem Google Tag Manager, um eine einwandfreie und kontinuierliche SEO-Analyse zu ermöglichen. Ein DSGVO-konformer Cookie-Banner wurde ebenfalls integriert, um die Datenschutzrichtlinien zu erfüllen. Dies ist unter anderem eine Voraussetzung von Google, um professionell Daten nutzen zu dürfen. Zudem optimierten wir die URL-Struktur und verbesserten die interne Verlinkung, um die Navigation und Auffindbarkeit von Inhalten zu erleichtern. 

                                  logo Google Analytics 4
                                  Logo Google Tag Manager
                                  Logo Google Search Console

                                  Kontinuierliche Optimierung und Monitoring: SEO-Analyse-Paket

                                  Mit Tools wie Conductor, Google Search Console und Google Analytics überwachen wir laufend die Performance von 20 definierten Keywords und das organische Ranking. Zudem erstellen wir monatlich einen SEO-Report für den Kunden. Regelmässige Website-Crawls helfen uns, technische Probleme frühzeitig zu erkennen und zu beheben. Ein besonderer Fokus liegt auf der Content-Optimierung für relevante Suchbegriffe wie «Blechbearbeitung», «Laserschneiden» und «Abkanten», die ein hohes Suchvolumen aufweisen. Konkrete Optimierungs- und Handlungsempfehlungen sind im monatlichen SEO-Analyse-Paket enthalten.

                                          Ausblick und weitere Potenziale

                                          Mit der neuen, schnellen und übersichtlichen Website verfügt die Merwag Gibswil AG über eine starke Grundlage für ihre Online-Präsenz. Damit sich die Website auch langfristig im organischen Google-Ranking behaupten kann, sind regelmässiger, relevanter Content – etwa neue Referenzprojekte oder aktuelle News – sowie die kontinuierliche Pflege und Optimierung zentral. Zukünftige Massnahmen wie gezielte Google Ads oder eine verstärkte LinkedIn-Nutzung bieten zusätzliches Potenzial, um die Sichtbarkeit im B2B-Bereich weiter auszubauen. Wir begleiten den Kunden weiterhin und unterstützen bei Bedarf mit Storytelling, Text- oder Video-Erstellung – datenbasiert und zielgerichtet.

                                                  alle Arbeiten

                                                  Read more

                                                  Weiterlesen

                                                  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