Behance Twitter LinkedIn Facebook
Startseite Portfolio Kontakt

UX / Webseiten-Design und WordPress-Entwicklung für Quad Safari Costa del Sol

Kurzbeschreibung der Fallstudie

Quad Safari Costa del Sol wollte seine Webseite aus folgenden Gründen aktualisieren:
  • Die Seite wurde nicht immer korrekt geladen und der Kunde erhielt stattdessen einen weißen Bildschirm mit einer Fehlermeldung.
  • Das Video wurde nicht geladen.
  • Die Kopfzeile war zu klobig und nahm mindestens 40% der Höhe jeder Seite ein.
  • Bilder hatten eine schlechte Qualität.
  • Die Farbe der Texte war für das Auge sehr unangenehm.

Verwendete UX-Forschungstechniken

Die Expertenbewertung

Telefoninterviews

Benutzerfreundlichkeit-Tests


Verwendete Lösungen

Hosting-Lösung

UX-Design

Web-Design

Entwicklung der WordPress-Webseite

Entwicklung der Mobilfähigkeit der Webseite

Quad Safari Seite anzeigen

Details zum Projekt

Problem: Die Seite wird nicht geladen

Kunden haben sich darüber beschwert, dass sie nicht auf die Website zugreifen können. Anstelle der Startseite wurde gelegentlich die Meldung angezeigt, dass der Server die Webseite nicht laden kann.

The message the clients would see when the site was not loading

Korrekturen

Das Problem wurde durch schlechte PHP-Code- und Plugin-Konflikte in WordPress verursacht, sodass die Seite redundant gemacht werden musste. Dem Kunden wurde ein anderes Hosting-Unternehmen angeboten, das einen besseren Service und ein besseres Preis-Leistungs-Verhältnis anbietet. Der Inhalt der Website blieb unverändert, das Design dagegen wurde aktualisiert und benutzerfreundlicher und attraktiver gestaltet. Unten finden Sie den GTMetrix-Bericht, in dem die Statistiken zur Geschwindigkeit der Website kurz nach ihrer Veröffentlichung aufgeführt sind.

The message the clients would see when the site was not loading Den vollständigen Bericht anzeigen

Problem: Video wird nicht geladen

Das Video auf der Galerieseite war nicht zugänglich und die Kunden haben nur einen leeren Platzhalter gesehen.

The message the clients would see when the site was not loading

Korrekturen

Auf der neuen Website wurde ein ordnungsgemäßes Video eingearbeitet, das von YouTube gehostet wird, um die Serverladezeiten zu verkürzen.

The video on the gallery page showing fully

Probleme: Eine zu große Kopfzeile, schlechte Schriftfarbe, leere Fußzeile und Bilder von schlechter Qualität

Die Kopfzeile der Seite nahm ungefähr 40% des Bildschirms jeder Seite ein, und die Kopfzeilenelemente wurden nicht richtig ausgerichtet, was sehr unordentlich ausgeschaut hat. Die Schriftfarbe war für das Auge nicht einfach und die Bildqualität war mittelmäßig, was sich insbesondere bei Bildern in voller Größe bemerkbar machte.

The message the clients would see when the site was not loading

Korrekturen

Die neue Kopfzeile nimmt nun ungefähr 20% der Seite ein, die sich beim Scrollen auf nur noch 5% verringert. Die Kopfzeile bekam eine ausgewogene Struktur, wobei jetzt alle Elemente um das Logo der Seite in der Mitte ausgerichtet sind. Die rote Schriftfarbe wurde in dunkelgrau geändert, um das Auge zu schonen. Bilder von schlechter Qualität wurden sparsam verwendet, wogegen die Bilder von guter Qualität für die Abschnitte der Seite verwendet wurden, welche die gesamte Breite der Seite einnehmen. Die Fußzeile enthält nun nützliche Informationen wie die vollständigen Kontaktdaten des Veranstaltungsortes mit einem Link zu Google Maps, Links zu den Sozialen Medien und dem Menü.

The message the clients would see when the site was not loading