Notice: Die Funktion WP_Scripts::add wurde fehlerhaft aufgerufen. Das Skript mit dem Handle „cf7apps-honeypot-refill“ wurde mit nicht registrierten Abhängigkeiten eingereiht: contact-form-7. Weitere Informationen: Debugging in WordPress (engl.). (Diese Meldung wurde in Version 6.9.1 hinzugefügt.) in /data/web/1/000/061/633/251177/htdocs/kompaktdesign-relaunch/wp-includes/functions.php on line 6170

Webdesign Kalle Schwensen

Relaunch der Website von Kalle Schwensen - Optimierung für mobile Geräte und SEO

  • Desktop-PC-Bildschirm, Laptop, Tablet-PC und Smartphone auf denen das Webdesign der Rotlichtgröße Kalle Schwensen abgebildet wird.
  • 3 Smartphones auf denen Webseiten der Kalle Schwensen-Homepage abgebildet sind - links die Startseite in schwarz mit Bild von Kalle Schwensen - mittig Informationen über Kalles Projekt
  • Desktop-PC-Bildschirm, Laptop, Tablet-PC und Smartphone auf denen das Webdesign der Rotlichtgröße Kalle Schwensen abgebildet wird.

Arbeit

Features

  • Veranstaltungskalender
  • Blog
  • Video-Player
  • angepasste Kontaktformulare

Kunde:Kalle Schwensen
Hamburg / Deutschland
Projekt:Responsive Website
Jahr:2013

Beschreibung

Die Website unseres Kunden Kalle Schwensen sollte für eine optimierte Darstellung auf Smartphones und Tablets überarbeitet werden, ohne die optische Darstellung zu ändern.

Wir haben Herrn Schwensen und seine Unterschrift aus dem Hintergrundbild herausgetrennt und diese beiden Elemente unabhängig voneinander beweglich gemacht. Anschließend haben wir die ursprünglich statische Oberfläche in ein Responsive Webdesign umgearbeitet und auch den in die Homepage integrierten Video-Player und Termin-Kalender für eine flexible Darstellung umgearbeitet.

Die ursprünglich fixierte Navigationsleiste haben wir bei einer Desktop-Darstellung nach wie vor fixiert gelassen. Bei der Betrachtung über kleinere Bildschirme, wie Smartphones oder Tablets, wird die Fixierung aufgehoben und die Navigation passt sich den Bildschirmverhältnissen an.

Auch die Abbildung von Kalle Schwensen verkleinert sich bei der Darstellung der Website durch Tablets, für kleinere Geräte (z.B. mobile Handys) schiebt sich das Bild in den Kopfbereich neben die Navigation und ermöglicht so eine größere Darstellung der Inhalte für diese Benutzer.