Oberfläche und Nutzererlebnis
Layouts, Navigation und Gliederung werden so überarbeitet, dass die Seite klar zu lesen ist und der nächste Schritt immer erkennbar bleibt.
Website-Relaunch — Nepal
Website-Relaunch aus Nepalfür Unternehmen weltweit.
Soft Himalaya baut in die Jahre gekommene Websites zu schnelleren, klareren und zugänglicheren Auftritten um – ohne die Sichtbarkeit in der Suche zu verlieren, die Sie bereits haben. Wir arbeiten mit Teams in Nepal, Großbritannien, Australien, den USA und Kanada.
- Geplante Suchmigration
- Weiterleitungen werden vor dem Start festgelegt
- Gemessene Geschwindigkeit
- Bewertet an den Core Web Vitals, nicht an Adjektiven
- Mobile zuerst
- Neu gebaut für die Geräte Ihrer Besucher
- Weltweite Umsetzung
- Nepal, Großbritannien, Australien, USA und Kanada
- Erst messen, dann urteilen
- Erst messen, dann urteilen
- Sichtbarkeit bleibt erhalten
- Sichtbarkeit bleibt erhalten
- Belege statt Adjektive
- Belege statt Adjektive
- Betreuung nach dem Start
- Betreuung nach dem Start
Der Ausgangspunkt
Anzeichen, dass sich ein Relaunch lohnt.
Nicht jede Website muss neu gebaut werden. Diese Muster zeigen jedoch meist, dass die aktuelle Seite das Geschäft eher bremst als unterstützt.
- 01
Die Oberfläche wirkt veraltet
Überladene Layouts, uneinheitliche Abstände und alte Grafiken kosten Glaubwürdigkeit, bevor jemand ein Wort gelesen hat.
- 02
Seiten brauchen zu lange
Langsame erste Ladezeiten sind einer der häufigsten Gründe, warum Besucher abspringen, bevor der Inhalt vollständig erscheint.
- 03
Mobil ist nur Nebensache
Kleine Klickflächen, schwer lesbarer Text und unschöne Umbrüche fallen ins Gewicht, denn der meiste Verkehr kommt heute vom Smartphone.
- 04
Besucher kommen, aber nichts passiert
Besucher landen auf der Seite und gehen wieder, ohne anzufragen. Meist sind die Handlungsaufrufe unklar, versteckt oder fehlen ganz.
- 05
Die Sichtbarkeit in der Suche sinkt
Fehlende strukturierte Daten, schwache interne Verlinkung und eine schlechte mobile Umsetzung wirken alle gegen Ihre Positionen.
- 06
Die Seite lässt sich kaum pflegen
Wenn für jede neue Seite ein Entwickler nötig ist, veralten die Inhalte – und eine veraltete Seite verliert stetig an Boden.
Unser Vorgehen
Was ein Relaunch tatsächlich umfasst.
Ein Relaunch ist kein neuer Anstrich über der alten Struktur. Diese sechs Bereiche arbeiten wir bei einem vollständigen Neubau durch.
Struktur für die Suche
Aufbau der Seitenstruktur, Metadaten, kanonische URLs, strukturierte Daten und eine 301-Weiterleitung für jede bestehende Adresse.
Ladezeit
Moderne Build-Ausgabe, passend skalierte Bilder und eine geprüfte Ladereihenfolge, gemessen an den Core Web Vitals.
Verhalten auf Mobilgeräten
Raster, die sich vorhersehbar stapeln, Klickflächen für den Daumen und Layouts, die an echten Gerätebreiten geprüft sind.
Wege zum Abschluss
Nutzerwege von Anfang bis Ende erfasst, Handlungsaufrufe dort platziert, wo die Absicht am größten ist, und Formulare entschlackt.
Einheitlicher Markenauftritt
Eine Schriftskala, Farb-Tokens und Bildzeichen werden durchgängig eingesetzt statt Seite für Seite neu erfunden.
Vorher und nachher
Was sich darunter verändert.
Das sichtbare Design ist der Teil, den alle bemerken. Diese strukturellen Unterschiede entscheiden darüber, ob die neue Seite besser läuft als die alte.
- Aufbau
- Vorher: Theme oder Baukasten mit Plug-ins, die die Seite längst nicht mehr nutzt
- Nachher: Ein kompilierter Next.js-Build, der nur den Code ausliefert, den die jeweilige Seite braucht
- Bilder
- Vorher: Bilder in voller Größe, ausgeliefert in der Größe, die der Browser gerade anfordert
- Nachher: Responsive Größen und moderne Formate, unterhalb des sichtbaren Bereichs verzögert geladen
- Layout
- Vorher: Desktop-Layout zusammengestaucht, mit Klickflächen für die Maus
- Nachher: Zuerst für die Breite des Smartphones entworfen, dann für größere Bildschirme geöffnet
- Suche
- Vorher: Metadaten pro Seite eingetragen, ohne strukturierte Daten oder Plan für Weiterleitungen
- Nachher: Automatisch erzeugte Metadaten, JSON-LD, kanonische URLs und eine vollständige 301-Tabelle
- Inhaltspflege
- Vorher: Textänderungen brauchen einen Entwickler und eine neue Veröffentlichung
- Nachher: Pflegbare Inhaltsbereiche, damit Ihr Team ohne Wartezeit veröffentlichen kann
- Messung
- Vorher: Analytics installiert, aber ungenutzt, ohne Blick darauf, was zu Abschlüssen führt
- Nachher: Ereignisse für die wichtigen Handlungen definiert und nach dem Start ausgewertet
Ablauf
Acht Schritte von der Prüfung bis zum Start.
Relaunches gehen schief, wenn der Neubau beginnt, bevor jemand den Ausgangszustand gemessen hat. Genau das verhindert diese Reihenfolge.
- 01
Die bestehende Website prüfen
Wir halten fest, wie die bestehende Seite abschneidet – Layoutprobleme, Absprungpunkte, Bildschirmbreiten und Core Web Vitals –, damit spätere Entscheidungen auf Messwerten beruhen und nicht auf Eindrücken.
- 02
Untersuchen, wie die Seite genutzt wird
Auswertungen und Nutzerwege zeigen, welche Pfade zählen, welche Seiten Besucher bringen und wo diese heute aufgeben.
- 03
Die Oberfläche gestalten
Ein Designsystem und Seitenlayouts in Figma, geteilt als interaktiver Prototyp, damit Sie den Ablauf durchgehen können, bevor eine Zeile Code entsteht.
- 04
URL- und Weiterleitungsplan erstellen
Jede bestehende Adresse wird ihrem neuen Ziel zugeordnet und 301-Weiterleitungen werden vorbereitet. Dieser Schritt schützt die Positionen, die Sie bereits halten.
- 05
Die Website bauen
Next.js App Router und Tailwind, geschrieben als semantisches, barrierearmes Markup mit serverseitigem Rendering, wo es der Seite nützt.
- 06
Ladezeit optimieren
Bildverarbeitung, Bundle-Größe und Ladereihenfolge werden geprüft und erneut gemessen, samt Erklärung der Abwägungen hinter jeder Änderung.
- 07
Testen und Barrierefreiheit prüfen
Prüfungen über Browser und Bildschirmbreiten hinweg, dazu Tastaturbedienung und Kontrast nach WCAG AA, bevor irgendetwas live geht.
- 08
Veröffentlichen und kontrollieren
Veröffentlichen, Weiterleitungen prüfen, Sitemaps einreichen, die Search Console auf Crawling-Fehler beobachten und über die ersten Wochen im Livebetrieb berichten.
Der Technologiestack
Womit wir bauen.
Wir wählen den Stack passend zum Projekt, nicht umgekehrt. Das setzen wir bei einem Relaunch am häufigsten ein.
Frontend
Vorgerendertes Ergebnis, damit Seiten schnell erscheinen und sofort bedienbar bleiben.
- Next.js 15 (App Router)
- React 19 Server-Komponenten
- Tailwind CSS v4
- TypeScript
Backend und Daten
Nur dort, wo das Projekt es braucht – das ist nicht bei jedem Relaunch der Fall.
- Node.js / Express
- Laravel
- PostgreSQL / MongoDB
- REST und GraphQL
Messung
Die Werkzeuge, mit denen wir die Arbeit prüfen, statt sie nur zu behaupten.
- Lighthouse
- Core Web Vitals aus Felddaten
- Bundle-Analyse
- Tests über mehrere Browser
Suche und Auswertung
Beim Bau eingerichtet, nicht nachträglich angeflanscht.
- Strukturierte Daten mit JSON-LD
- Automatisch erzeugte Metadaten-Routen
- Google Analytics 4
- Search Console
Ergebnisse
Was Sie erhalten.
Alles Folgende wird vor Projektbeginn im Umfang festgehalten, damit am Ende nichts unklar bleibt.
Designsystem und Quelldateien
Figma-Dateien mit sauberen Ebenen, Farb-Tokens, einer Schriftskala, Komponentenzuständen und responsiven Entwürfen – sie gehören Ihnen.
Ein responsives Frontend
Layouts geprüft in Smartphone-, Tablet- und Desktopbreite, mit auf echten Geräten kontrollierten Klickflächen und Schriftgrößen.
Paket für die Suchmigration
Die 301-Weiterleitungstabelle, Metadaten, XML-Sitemap und strukturierte Daten (Service, FAQPage, Breadcrumb) eingebaut und eingereicht.
Leistungsbericht
Prüfergebnisse vor und nach dem Umbau für die wichtigen Seiten, mit offen benannten verbleibenden Abwägungen statt versteckter Lücken.
Wege zum Abschluss
Handlungsaufrufe, Formulare und Navigation richten sich nach den in der Recherche gefundenen Nutzerwegen, jeweils mit definierten Ereignissen.
Auswertung und Übergabe
GA4 mit sinnvollen Ereignissen eingerichtet, dazu Quellcode, Zugänge und Dokumentation für alle, die die Website später betreuen.
Preise
Richtwerte, keine festen Angebote.
Jeder Relaunch unterscheidet sich in Seitenzahl, Anbindungen, Inhalten und Migrationsaufwand. Wir sehen uns die bestehende Website an und erstellen ein schriftliches Angebot für den vereinbarten Umfang.
Auffrischung der Marketing-Website
Für eine kleine Website, die eine klare, moderne und durchgehend responsive Darstellung braucht.
- Bis zu 6 Layoutseiten
- Umsetzung mit Next.js 15 App Router
- Gestaltung mit Tailwind CSS v4
- Einrichtung von Metadaten und Sitemap
- Einrichtung von Google Analytics 4
Vollständiger Website-Relaunch
Häufigster UmfangFür Unternehmensauftritte und Portfolios, bei denen Sichtbarkeit in der Suche und Abschlüsse gleichermaßen zählen.
- Bis zu 15 Layoutseiten
- Individuelle Figma-Oberfläche und Prototyp
- Optimierung der Core Web Vitals
- Strukturierte Daten mit JSON-LD
- 301-Weiterleitungen für alle bestehenden URLs
- Audit der Barrierefreiheit nach WCAG AA
- Formulare zur Anfragegewinnung
Komplexe Migration
Für Plattformen, Shops und Systemlandschaften, bei denen neben dem Relaunch eine Migration ansteht.
- Unbegrenzt viele Seitenkomponenten
- UX-Forschung und Arbeit an Nutzergruppen
- Redaktionssystem für die Inhalte
- Individuelle Auswertungs-Dashboards
- Mehrere Runden Feinschliff
- Interaktive Prototypen
- Migration von Altinhalten und Daten
- Wöchentliche Berichte aus der Entwicklung
Zusammenarbeit
Eine klare Zusammenarbeit.
Wir veröffentlichen keine anonymen Zitate und keine erfundenen Zuwächse in Prozent. Stattdessen halten wir uns bei jedem Relaunch an diese Maßstäbe.
Ein dokumentierter Umfang
Seiten, Funktionen, Anbindungen, Zuständigkeiten und Meilensteine werden schriftlich vereinbart, bevor der Neubau beginnt.
Einblick, solange er zählt
Sie sehen die Arbeit an vereinbarten Meilensteinen, damit Rückmeldungen kommen, solange Entscheidungen das Ergebnis noch verändern können.
Eine sichere Migration
Weiterleitungen, Metadaten und Inhalte werden vor dem Start gegen die alte Seite geprüft und danach in der Search Console beobachtet.
Ehrliche Berichte
Wir berichten, was Prüfungen und Auswertungen nach dem Start tatsächlich zeigen – auch die Punkte, an denen noch Arbeit nötig ist.
Fragen
Häufige Fragen zum Website-Relaunch.
Hier beginnen
Erzählen Sie uns von Ihrer bestehenden Website.
Füllen Sie die Angaben unten aus, um eine vorausgefüllte E-Mail zu öffnen. Sie erreichen uns auch direkt unter info@softhimalaya.com.
- Eine Einschätzung der bestehenden Website und dessen, was sie Sie kostet
- Fragen, die den Umfang ehrlich eingrenzen
- Einen schriftlichen nächsten Schritt, wenn das Projekt passt