Behance Twitter LinkedIn Facebook
Startseite Portfolio Kontakt

Visuelles / Webseiten-Design und fest codierte Entwicklung der Benutzeroberfläche sowie SEO-Optimierung für Tugboats Preschool

Kurzbeschreibung der Fallstudie

Die Tugboats Vorschule wurde im September 2019 eröffnet und benötigte eine Webseite, um den Einheimischen bei der Suche nach einem Kindergarten in Ihrer Nähe zu helfen.
  • Der Kunde wünschte sich eine Webseite, die verspielt und kinderfreundlich aussieht.
  • Ich wurde mit einem Logo, einigen wenigen Informationen und Bildern von Kindern, die im Kindergarten spielten, ausgestattet.
  • Der Kunde erhoffte sich, dass die Webseite auf der ersten Seite der Google-Ergebnisse angezeigt werden könnte.

Angewandte Lösungen

Hosting-Vereinbarung

Visuelles Design

Webseiten design

Hardcodierte Entwicklung mobiler Webseiten

Entwicklung einer fest codierten Desktop-Webseite

Suchmaschinenoptimierung

Tugboats Vorschule Seite anzeigen

Details zum Projekt

Visuelles- und Webdesign

Die Kundin suchte nach einem ansprechenden Hosting mit einem gutem Kundenservice und stellte erfreut fest, dass Krystal Hosting ihr genau das bieten konnte. Ich habe das Hosting und die Seiten-Migration für sie arrangiert.
Sie wünschte sich eine Kopfzeile sowie ihr Tugboats-Logo, welches an Meer erinnert. Dahingehend habe ich mit Adobe Illustrator Meereswellen gezeichnet, die als Hintergrund für die Kopfzeile ihrer Website diente. Der Header der Seite wurde ebenfalls mit Wellen gestaltet.

Zeichnung von Meereswellen

Des Weiteren habe ich blumige Spielfelder für die Titelseite und weitere Wellen für die Fußzeile gezeichnet.

Zeichnung von blühenden Feldern

Der Lehrplan- und Planungsabschnitte erhielten leuchtende Farben, die zu den entsprechenden Bereichen des Lehrplans passten, und ein Layout, das das Verständnis der Grundlagen von EYFS erleichtert.


Um die Bildergalerie zu erstellen, habe ich CSS-Grid verwendet. So konnte die optimale Neuanordnung von Bildern auf allen Bildschirmgrößen garantiert werden.


Screenshot der Bildergalerie der Website
Screenshot der Curriculum- und Planungsseite der Tugboats-Website

Suchmaschinenoptimierung

Um die Seite für Suchmaschinen zu optimieren, habe ich manuell eine XML-Map erstellt und die robots.txt-Datei angepasst. Ich habe ebenfalls alle Titel und Meta-Beschreibungs-Links jeder Seite der Webseite mit den Schlüsselwörtern gefüllt, mit denen die Webseite über den Google-Suchergebnissen angezeigt werden kann. Trotz der Tatsache, dass der Kunde es zum Zeitpunkt der Veröffentlichung der Webseite nicht geschafft hat, die Webseite bei Google Business zu registrieren, gelang es mir dennoch diese auf der ersten Seite der Google-Suchergebnisse anzuzeigen, als die Eltern nach einem Kindergarten in Mortlake googelten.


Erste Seite der Google-Suchergebnisse mit Tugboats Preschool

Geschwindigkeitsleistung

Eine gute Geschwindigkeitsleistung ist wichtig für das SEO-Ranking, und das ist teilweise der Grund, warum ich die Webseite ohne Anwendung von Frameworks hartcodiert habe. Infolgedessen erhielt die Seite die höchste Geschwindigkeitsbewertung auf der GTmetrix.

GTMetrix-Bericht mit der höchsten Geschwindigkeitsbewertung A Den vollständigen Bericht anzeigen