Webdesign in Southampton

Geschrieben ist dieser Text für Firmen aus dem deutschsprachigen Raum mit Geschäftsinteresse an der Südküste Englands und für deutschsprachige Firmen, die bereits vor Ort arbeiten: eine Spedition mit Verkehren über die Western Docks, ein Hersteller von Bootsausrüstung mit Stand im Mayflower Park, ein Reiseveranstalter mit Kreuzfahrtgästen oder ein Technologieunternehmen mit Partnern an der Universität.

Webdesign Southampton heißt für diese Leser vor allem: eine englische Website, die britische Käufer überzeugt und britische Regeln einhält. Talha Aslan und Team haben die Entscheidungen so geordnet, wie sie in einem Projekt aufeinander folgen. Jeder Abschnitt endet mit einer Prüfung, einem Kriterium oder einer Frage, die Sie jeder Agentur stellen können.

01Was eine Website in der Hafenwirtschaft leisten muss

Eine Website für den Markt Southampton muss Vertrauen bei fernen Einkäufern schaffen und lokalen Kunden schnelle Entscheidungen ermöglichen, denn die Wirtschaft der Stadt ist auf das Meer ausgerichtet. Das britische Statistikamt ONS zählt Mitte 2025 genau 259.230 Einwohner bei einem Medianalter von 34,8 Jahren; im gesamten Vereinigten Königreich liegt es bei 40,9. Associated British Ports nennt den Hafen den führenden Fahrzeughafen des Landes, mit 600.000 Fahrzeugen im Jahr, fünf Kreuzfahrtterminals und rund 3 Millionen Passagieren.

Daraus ergeben sich sehr unterschiedliche Aufgaben. Legen Sie vor dem ersten Entwurf fest, welche davon für Ihr Unternehmen zählt:

• Aufträge gewinnen: Speditionen, Zollagenturen und Lagerhäuser brauchen Seiten, mit denen ein britischer Einkauf sie ohne Anruf auf die engere Wahl setzen kann.
• Produkte verkaufen: Hersteller von Marinetechnik und Bootszubehör brauchen Produktseiten mit technischen Daten und einen klaren Weg zum britischen Händler.
• Kompetenz belegen: Ingenieurbüros und Firmen der Meerestechnik werden an Projekten, Köpfen und Veröffentlichungen gemessen.
• Gäste erreichen: Reiseanbieter und Hotels sprechen Passagiere an, die am Vorabend der Abfahrt auf dem Smartphone entscheiden.

Formulieren Sie diese Hauptaufgabe in einem Satz ganz oben im Briefing. Navigation, Startseite und Reihenfolge der Seiten folgen daraus.

02Wonach in Southampton gesucht wird

Die Suchen in der Stadt folgen drei Kalendern zugleich: der Arbeitswoche im Hafen, dem Fahrplan der Kreuzfahrtschiffe und dem Studienjahr. Wer nur einen davon bedient, überlässt die anderen beiden der Konkurrenz.

• Geschäftliche Suchen: Einkäufer tippen Leistungen statt Orte, etwa "freight forwarder Germany UK" oder "bonded warehouse Hampshire", meist am Schreibtisch.
• Suchen rund um den Abfahrtstag: "hotel near cruise terminal" oder "cruise parking Southampton" häufen sich am Vorabend und am Morgen der Einschiffung, fast immer mobil.
• Suchen im Stadtteil: Bewohner ergänzen den Ort, etwa "dentist Portswood" oder "plumber Bitterne Park", und wählen dann aus der Karte.
• Suchen vor der Bootsmesse: vor der Southampton International Boat Show im September recherchieren Besucher Aussteller, Standnummern und Neuheiten.
• Suchen auf Deutsch: Partner im deutschsprachigen Raum suchen Ihre Leistung oft in ihrer eigenen Sprache.

Ein einfacher Test: Notieren Sie die zehn Suchanfragen Ihres wichtigsten Kunden, führen Sie sie auf dem Smartphone und am Laptop aus und vergleichen Sie die Treffer. Weichen die Listen stark voneinander ab, braucht jede Zielgruppe ihre eigene Einstiegsseite.

03Zusammenarbeit über drei Zeitzonen

Ein Team in Istanbul kann ein Projekt für Southampton reibungslos umsetzen, wenn die Zeiten geplant und alle Absprachen schriftlich festgehalten sind. Istanbul gilt ganzjährig UTC+3. Solange in England Sommerzeit herrscht, zeigen unsere Uhren zwei Stunden mehr als in Southampton; im Winterhalbjahr sind es drei. Zu Wien, Zürich oder München liegen wir im Sommer eine und im Winter zwei Stunden vorn.

Für Firmen im deutschsprachigen Raum heißt das: Ein Termin am Vormittag passt für alle drei Orte, und die schriftliche Zusammenfassung liegt am selben Nachmittag vor. Stellen Sie jeder Agentur, ob in Hamburg, London oder Istanbul, dieselben Fragen:

• Wer verfasst die englischen Texte, und wer liest sie in britischer Schreibweise gegen, samt Orten wie Hythe, Netley oder Itchen?
• Folgt jedem Gespräch eine schriftliche Notiz mit Datum, offenen Punkten und Namen?
• Können wir die Vorschau jederzeit auf unseren eigenen Smartphones öffnen?
• Was schließt der schriftliche Umfang aus, und wie werden Zusatzwünsche angeboten und freigegeben?
• Arbeiten Sie auf Wunsch zweisprachig, mit Besprechungen auf Deutsch und Texten auf Englisch?

Unklare Antworten vor Vertragsbeginn sind eine verlässliche Vorhersage. Wählen Sie den Partner, dessen Antworten Sie ohne Erläuterung an Ihre Geschäftsführung weiterleiten könnten.

04Domain, Hosting und Konten in Ihrer Hand

Jedes Konto, von dem Ihre Website abhängt, sollte auf Ihr Unternehmen laufen, damit ein Wechsel von Agentur, Niederlassungsleitung oder Muttergesellschaft Sie nie aussperrt. Bei einer britischen Tochter bleibt häufig offen, wer Inhaber der Konten ist, die Limited in England oder die Zentrale in Stuttgart, Linz oder Basel; diese Frage gehört geklärt, bevor der erste Zugang angelegt wird.

• Domain: die Adresse mit .co.uk oder .com liegt im Registrarkonto der Gesellschaft, Erinnerungen an Verlängerungen gehen an eine Sammeladresse statt an einzelne Mitarbeiter.
• Hosting: Server im Vereinigten Königreich oder im nahen Westeuropa, Vertrag und Rechnungen auf das Unternehmen.
• Code und Inhalte: bei der Übergabe der vollständige Quellcode, ein Export aller Inhalte und kurze Notizen zur Veröffentlichung von Änderungen.
• Konten bei Google: Inhaber von Business Profile, Search Console und GA4 ist das Unternehmen selbst; externe Dienstleister bekommen Zugriff auf Zeit.
• Buchungssysteme und Angebotstools: Verträge mit diesen Anbietern schließen Sie direkt, so verbleiben Kundendaten in Ihrem Besitz.

Halten Sie alle Zugänge in einer Übersicht fest, jeweils mit Ablaufdatum und zuständiger Person, und gehen Sie diese jedes Jahr im Januar durch. Bei einem Wechsel der Niederlassungsleitung spart diese Liste Tage an Wiederherstellung.

05Der Projektablauf, vollständig online

Das Projekt läuft in Etappen, die jeweils mit Ihrer schriftlichen Freigabe enden, und keine davon erfordert eine Reise. Für ein Unternehmen mit Kunden in Southampton sieht die Reihenfolge meist so aus:

1. Auftaktgespräch: wir klären Zielgruppen, die zehn wichtigsten Suchanfragen und die entscheidende Saison; die Zusammenfassung erhalten Sie am selben Tag.
2. Umfang und Seitenstruktur: Vorlagen, Sprachen, Anbindungen und Korrekturschleifen landen in einem schriftlichen Dokument; der Terminplan meidet Ihre geschäftigsten Wochen.
3. Inhaltsplanung: wir legen fest, wer die Texte liefert, welches Bildmaterial schon existiert und was ein Fotograf noch in Ihrer Halle oder am Kai aufnehmen sollte.
4. Entwurf mit echten Texten: die Hauptseiten werden mit Ihren englischen Texten gestaltet und auch auf dem Smartphone geprüft.
5. Bau auf einer Testumgebung: jeden Zwischenstand sehen Sie auf einer passwortgeschützten Adresse und in unserem CRM.
6. Livegang und Übergabe: Cookieeinwilligung, Tracking, Weiterleitungen und die Anmeldung in der Search Console durchlaufen eine letzte Kontrolle, und Ihre Mitarbeiter lernen, Hinweise und Öffnungszeiten selbst zu ändern.

Alles läuft online, auf Wunsch auf Deutsch. Sind Sie ohnehin geschäftlich in Istanbul, laden wir Sie gern in unser Büro in Ataşehir ein; für das Projekt selbst ist kein Besuch nötig. Wer vom Kreuzfahrtgeschäft lebt, plant den Livegang im Winter, deutlich vor den ersten Abfahrten im Frühjahr.

06Lokale Sichtbarkeit von Bitterne bis Shirley

Lokale Sichtbarkeit beruht auf einem sorgfältig gepflegten Google Business Profile und wenigen gehaltvollen Seiten zu Stadtteilen, nicht auf Dutzenden Kopien, die nur den Ortsnamen tauschen. Google bewertet solche Seiten als Brückenseiten, sogenannte Doorway Pages, und sie können der gesamten Website schaden.

Beginnen Sie mit dem Profil. Nach den Richtlinien von Google steht dort der Name, den Kunden auch am Gebäude sehen, ohne zusätzliche Suchbegriffe; ein Servicebetrieb ohne Ladenlokal darf seine Adresse ausblenden und ein Einsatzgebiet angeben. Danach:

• Stadtgrenze kennen: Eastleigh, Totton und Hedge End liegen außerhalb des Gebiets des Stadtrats. Eine ehrliche Seite zum Einsatzgebiet nennt, welche Orte Sie auf beiden Seiten bedienen.
• Stadtteilseiten mit Inhalt: ein Dachdecker könnte eine Seite über die Reihenhäuser in Portswood und Freemantle und deren typische Reparaturen schreiben.
• Identische Angaben: Name, Adresse und Telefonnummer stimmen auf der Website, bei Google, bei Yell und bei Branchenverbänden exakt überein.
• Bewertungen: fragen Sie nach jedem abgeschlossenen Auftrag nach einer Rezension, reagieren Sie auf alle und belohnen Sie keine.

Fehlt im Team die Zeit, kann unser SEO Service das Profil, die Stadtteiltexte und die Technik betreuen. Öffnen Sie das Profil trotzdem einmal im Monat, denn Änderungsvorschläge von Nutzern können Öffnungszeiten oder Kategorien unbemerkt verändern.

07Englisch zuerst, dann Deutsch oder Türkisch

Englisch trägt fast jede Website in der Stadt, und eine weitere Sprache lohnt sich nur, wenn eine klar benannte Gruppe darin schneller entscheidet. Für Unternehmen aus dem deutschsprachigen Raum ist die Lage oft umgekehrt: Die Zentrale denkt auf Deutsch, die Kunden in Southampton lesen Englisch.

Zwei Fälle sprechen für eine zweite Sprachfassung. Eine Spedition mit festen Verkehren zwischen Southampton und Deutschland, Österreich oder der Schweiz gewinnt Anfragen von Versendern, die Leistungen und Lieferbedingungen auf Deutsch prüfen wollen. Ein Unternehmen mit Kundschaft aus der türkischsprachigen Gemeinschaft kann mit türkischen Seiten Vertrauen aufbauen, während Behörden, Vermieter und Lieferanten weiterhin Englisch erwarten.

• Eigene Adresse je Sprache: jede Fassung liegt in einem eigenen Verzeichnis, statt eines Umschalters, der den Text unter derselben URL ersetzt.
• hreflang in beide Richtungen: jede Sprachversion nennt ihre Geschwister und sich selbst.
• Geschrieben statt übersetzt: jede Sprache erhält eigene Beispiele und eine eigene Tonlage.
• Klein anfangen: zuerst die Seiten mit Anfragen übersetzen, das Archiv bleibt englisch.

Mehr zum Aufbau finden Sie auf unserer Seite zur mehrsprachigen Website. Jede Sprache braucht jemanden, der sie aktuell hält, denn eine vergessene Übersetzung schadet dem Ansehen stärker als gar keine.

08Ladezeit für das Smartphone in der Terminalschlange

Die Ladezeit entscheidet über viele Buchungen, weil zahlreiche Besucher Ihre Seiten in einem überlasteten Mobilnetz öffnen, in der Schlange am Terminal, auf der M271 in die Stadt oder auf einem Steg in der Marina. Google misst dieses Erlebnis über die drei Core Web Vitals; maßgeblich ist das 75. Perzentil realer Aufrufe, also müssen drei von vier Besuchen den Grenzwert einhalten:

• LCP, Largest Contentful Paint: der Zeitpunkt, an dem das größte Element, häufig ein Hafenfoto, sichtbar wird; als gut gelten 2,5 Sekunden oder weniger.
• INP, Interaction to Next Paint: die Verzögerung zwischen einem Fingertipp und der Reaktion; als gut gelten 200 Millisekunden oder weniger.
• CLS, Cumulative Layout Shift: das Verrutschen von Text und Schaltflächen während des Ladens; als gut gilt 0,1 oder weniger.

Meist bremsen große Fotos. Exportieren Sie Fotos im Format WebP oder AVIF passend zur tatsächlichen Anzeigegröße, reservieren Sie ihren Platz im Layout und machen Sie aus Preislisten und Fahrplänen im PDF normale Seiten. Karten, Schiffsverfolgung und Buchungsmodule laden erst, wenn Besucher dorthin scrollen.

Auf dieselbe Liste gehören verschlüsselte Verbindungen überall, rasch eingespielte Updates und Backups auf einem getrennten System, deren Wiederherstellung einmal erprobt wurde. Ein Briefing für Webdesign Southampton legt fest, wer diese Aufgaben nach dem Livegang übernimmt.

09Seitenmuster für die Branchen der Stadt

Jede der wichtigsten Branchen braucht eine eigene Seitenstruktur, und ein Briefing für Webdesign Southampton wird deutlich klarer, sobald Sie Ihr Muster kennen. Vier Muster decken die meisten Anfragen ab:

• Spedition, Zoll und Lager: eine Seite je Leistung und Ladungsart, Laufzeiten, Zertifikate weit oben und ein Anfrageformular mit Abgangsort, Ziel, Volumen und Termin. Die vollständige Struktur steht auf unserer Seite für die Website einer Spedition.
• Hotels, Parken und Transfers: der erste Bildschirm zeigt die Fahrzeit zu jedem Terminal, Gepäckabgabe, Eincheckzeiten und einen direkten Buchungsweg. Zimmer und Tarife behandelt unsere Seite zur Hotelwebsite.
• Werften, Ausrüster und Yachtservice: Projektgalerien mit Beschreibungen, ein Serviceformular und ein Messebereich, der vor September aktualisiert wird; siehe Website für Yachtwartung.
• Ingenieurwesen und Meerestechnik: Leistungsseiten, Fallstudien mit genannten Verfahren, Teamprofile und ein Karrierebereich für Absolventen der Universität.

Zeigen Sie in jedem Muster Ihre eigenen Hallen, Werkstätten, Zimmer und Mitarbeiter. Ein Stockfoto vom Kreuzfahrtschiff verrät den Ort, aber keinen Grund, gerade Sie zu beauftragen.

10Britische Regeln, die Sie einbauen sollten

Für eine Website im Vereinigten Königreich gelten britische Regeln, nicht das deutsche Telemedienrecht, und sie lassen sich beim Bau am einfachsten umsetzen. Die folgenden Punkte sind eine allgemeine Orientierung, ersetzt keine Rechtsberatung; die endgültigen Texte sollte ein britischer Solicitor freigeben.

• Datenschutz: sobald Formulare, Buchungen oder Analysewerkzeuge personenbezogene Daten verarbeiten, müssen Sie nach UK GDPR und Data Protection Act 2018 verständlich erklären, was erhoben wird, wozu und wie lange.
• Cookies: die Aufsichtsbehörde ICO verlangt in ihren Hinweisen zu PECR für Analysecookies und Werbecookies eine eindeutige aktive Zustimmung, bevor sie gesetzt werden.
• Firmenangaben: eine Limited nennt auf ihrer Website Firmennamen, Registernummer, eingetragene Geschäftsadresse und den Ort der Registrierung.
• Fernabsatz: die Consumer Contracts Regulations 2013 erlauben Verbrauchern in der Regel einen Widerruf binnen 14 Tagen; bei Waren beginnt die Frist meist mit der Lieferung.
• Barrierefreiheit: nach Abschnitt 29 des Equality Act 2010 müssen Dienstleister angemessene Anpassungen vornehmen; im Netz bedeutet das gute Kontraste, Tastaturbedienung und beschriftete Formularfelder.

Verkaufen Sie über dieselbe Website auch in den deutschsprachigen Raum, gelten dort zusätzlich die dortigen Pflichten, in Deutschland etwa das Impressum nach § 5 DDG. Wir richten die Einwilligung so ein, dass Messcodes erst nach der Entscheidung der Besucher laden.

11Relaunch ohne Verlust der Sichtbarkeit

Eine neue Website behält ihre Rankings nur, wenn jede alte Seite mit Besuchen oder Verlinkungen vor dem Start einer neuen Adresse zugeordnet ist. Hafenverzeichnisse, Verbandslisten und Messekataloge verlinken oft tief in alte Seiten, und diese Links brechen still.

1. Alte Adressen sammeln: aus Search Console, GA4, der bisherigen Sitemap und einem Crawl; markieren Sie alle mit Besuchen oder Backlinks.
2. Zuordnen: jede alte Adresse erhält in einer Tabelle ihr nächstes Gegenstück oder einen Vermerk, warum sie entfällt. Unser Werkzeug zur Zuordnung von Weiterleitungen beschleunigt diesen Schritt.
3. Vorschau mit Passwort schützen: eine Sperre allein über robots.txt genügt nicht, weil Google das noindex einer gesperrten Seite gar nicht zu sehen bekommt.
4. Ohne Umwege: jede bisherige URL führt mit einer einzigen Weiterleitung mit Statuscode 301 zu ihrem Gegenstück, nie pauschal zur Startseite.
5. Vier Wochen beobachten: neue Sitemap einreichen, den Indexierungsbericht wöchentlich lesen und Einträge bei Yell und Partnern anpassen.

Wählen Sie ein ruhiges Zeitfenster: für Hotels und Transferdienste außerhalb der Kreuzfahrtsaison, für Marinezulieferer nicht kurz vor der Bootsmesse. Die bisherige Domain bleibt mehrere Jahre registriert, damit Adressen in gedruckten Katalogen und auf Messeständen nicht ins Leere führen.

12Typische Fehler auf Websites in der Hafenstadt

Die meisten schwachen Websites verlieren Anfragen durch kleine, leicht behebbare Details und nicht durch schlechtes Design. Sechs Muster begegnen uns hier häufig, und zu jedem gibt es einen einfachen Ausweg:

• Eine wörtlich übersetzte deutsche Website: britische Einkäufer merken das sofort. Die englische Fassung sollte von Grund auf für britische Leser formuliert sein.
• "Nahe am Hafen" ohne Entfernungen: Passagiere wissen nicht, welches Terminal gemeint ist. Nennen Sie die Fahrzeit zu jedem Terminal.
• Ein Anfrageformular nur mit Name und E-Mail: das Team verbringt dann einen Tag mit Rückfragen. Fragen Sie Abgangsort, Ziel, Ladungsart und Termin ab.
• Messeinfos erst in der letzten Woche: Besucher planen ihren Rundgang Wochen vorher. Veröffentlichen Sie Standnummer und Terminbuchung, sobald sie feststehen.
• Ein Cookiebanner nur mit "Accept": nach PECR ist Weiterscrollen keine Zustimmung. Bieten Sie Ablehnen gleichwertig an.
• Produkte und Projekte nur als Bilder: Suchmaschinen und Screenreader sehen nichts. Ergänzen Sie Beschreibung und Alternativtext.

Bitten Sie Agenturen in der engeren Wahl, diese Liste auf Ihre heutige Website anzuwenden; wer konkrete Stellen benennt, hat sich wirklich damit befasst.

13Was die Kosten bestimmt

Den Preis bestimmt die Arbeit, nicht die Postleitzahl: Eine Firma in Ocean Village zahlt für denselben Umfang dasselbe wie ein Betrieb in Bremen. Um Angebote für Webdesign Southampton fair zu vergleichen, bitten Sie jede Agentur um eine Aufschlüsselung nach diesen Punkten:

• Anzahl der Vorlagen: Leistung, Produkt, Projekt, Teamprofil und Stellenanzeige brauchen meist eigene Layouts.
• Stand der Inhalte: freigegebene Texte und aktuelle Fotos sind schneller eingebaut als Material, das noch entstehen muss.
• Sprachen: eine deutsche oder türkische Fassung verlangt eigene Texte, eigenes Lektorat und eigene Tests.
• Anbindungen: Buchungssysteme, Angebotslogik, Zahlung, CRM oder Newsletter.
• Größe der alten Website: mehr alte Adressen bedeuten mehr Weiterleitungen.
• Pflege: ob Ihre Leute Aktualisierungen und Backups selbst erledigen oder ein Wartungspaket das abdeckt.

Gute Vorbereitung hält die Summe im Rahmen: eine entscheidungsbefugte Person, fertige Texte und aktuelle Bilder. Umfangreiche Funktionen, zum Beispiel ein Portal, in dem Kunden ihre Sendungen verfolgen, lassen sich als zweite Stufe planen, damit die Hauptseiten früher online gehen. Bei Tochtergesellschaften hilft es außerdem, vorab zu klären, ob das Budget in England oder bei der Zentrale liegt und wer dort die Rechnung freigibt.

14Das erste Quartal nach dem Start

Ob die neue Website ihren Zweck erfüllt, zeigt sich in den ersten 90 Tagen. Legen Sie vorher zwei oder drei Kennzahlen fest, etwa Anfragen pro Monat, und arbeiten Sie dann Monat für Monat an einem Thema:

1. Monat eins: alle Formulare, Anruftasten und Buchungswege persönlich mit dem Handy durchspielen, kontrollieren, ob GA4 erst nach Zustimmung zählt, und Hinweise der Search Console abarbeiten.
2. Monat zwei: nachsehen, über welche Begriffe und aus welchen Stadtteilen Besucher kommen, dann Seitentitel und Einstiege dort schärfen, die oft erscheinen, aber selten geklickt werden.
3. Monat drei: wiederkehrende Fragen aus Anrufen und E-Mails als Inhalte aufnehmen, Bewertungen weiter sammeln und die nächste Saison planen.

Ähnliche Überlegungen für die Nachbarstadt an der Küste finden Sie auf unserer Seite zu Webdesign in Portsmouth. Für eine einsprachige Website mit klarer Seitenliste reicht oft ein Festpreispaket aus dem Preisbereich unserer Seite zum Webdesign; zweisprachige Websites, Shops und Angebotssysteme kalkulieren wir nach einem kurzen Gespräch schriftlich. Alle bisher fertiggestellten Projekte liegen in der Türkei; eine Übersicht bietet die Referenzseite.

Wenn Sie Ihr Projekt für Webdesign Southampton starten möchten, schicken Sie Ziel und Suchbegriffe einfach über das Kontaktformular. Gutes Webdesign Southampton zeigt sich in mehr qualifizierten Anfragen innerhalb von neunzig Tagen und in einer Website, die Ihr Team selbst aktuell halten kann.