UI / Webseiten-Design und WordPress-Entwicklung für Inspires Marketing
Kurzbeschreibung der Fallstudie
Inspires Marketing ist eine erfolgreiche Marketingagentur mit dem Sitz im Südwesten Londons. Ihre ursprüngliche Webseite wurde 2012 auf der Joomla-Plattform erstellt und war somit bereits längere Zeit fällig für eine Aktualisierung. Der Kunde stellte mir das Firmenlogo, qualitativ hochwertige Bilder und umfangreiche Inhalte zur Verfügung und stellte folgenden Anforderungen:
- Verschieben Sie den Domainnamen auf einen neuen Host, der ein kostenloses SSL-Zertifikat bietet.
- Entwerfen und erstellen Sie eine neue Webseite mit WordPress, um das Posten von Blogs zu ermöglichen.
- Verknüpfen Sie das Kontaktformular mit Mailchimp.
- Richten Sie Google Analytics und Facebook Pixel Tracking ein.
- Starten Sie die neue Seite innerhalb von drei, maximal vier Wochen.
Angewandte Lösungen
UX/UI-Design
Web-Design
Entwicklung der Mobilfähigkeit der Webseite
Entwicklung der WordPress-Webseite
Domainübertragung
Anwendung des Google Tag Managers
Integration von Mailchimp in das Kontaktformular
Inspires Marketing ansehenDetails zum Projekt
Die Projektgrundlagen
Die Klientin hat das Hosting-Paket von Krystal Hosting gekauft, daraufhin habe ich die Domain inspiresmarketing.com auf den neuen Host verschoben und das SSL-Zertifikat aktiviert, wodurch das https-Protokoll für die Seite aktiviert wurde.
Für jeden Marketing-Service, den mein Kunde anbietet, habe ich ein Symbol ausgewählt und den Service-Bereich direkt unter dem Banner mit dem Leitbild des Kunden platziert, um ihm die Aufmerksamkeit zu schenken, die er verdient.
Ich schlug vor, einen Abschnitt zu erstellen, in dem Susies Fachwissen im Marketingbereich hervorgehoben wird. Wir haben einige Unternehmen ausgewählt, für die Susie gearbeitet hat, und ihre Markenbilder in eine kleine Bildergalerie aufgenommen. Beim drüber gehen mit der Maus wird das Bild mit einem hellen Hintergrund und einem Text überlagert, der die Marketingarbeit beschreibt, die mein Kunde für das jeweilige Unternehmen geleistet hat.
Die Klientin hatte eine große Menge positiver Rückmeldungen von ihren Klienten, worauf hin ich ihr vorgeschlagen habe, einige der Bewertungen auf der Titelseite aufzunehmen und sie mit einer separaten Testimonials-Seite zu verknüpfen, da interne Links die Suchmaschinenoptimierung fördern. Gleiches galt für die Logos von Susies Kunden.
UI-Design
Ich habe meistens die Logo-Farben des Unternehmens für das Design verwendet und den Farben nur manchmal etwas Transparenz verliehen. Der Titelhintergrund stimmte auf jeder Seite mit der Verwendung von Logo-Farben und einer Demonstration der Werkzeuge überein, die die Klientin für ihre Arbeit verwendet.
Ich habe der Kundin angeboten die Untermenüs zu entfernen, um die Benutzeroberfläche zu verbessern. Wir haben ein sauberes einzeiliges Menü in der Kopfzeile hinterlassen. Der Mausüber- und die Fokuseffekte wurden auf jedes dynamische Element auf einer Seite angewendet.
Auf der Seite "Dienste" wurde ein Akkordeon-Widget eingeführt, um die Qualität der Benutzeroberfläche und die Benutzererfahrung zu verbessern.
Der Banner wurde mit Effekten und Hintergrundpositionierung so manipuliert, dass das Bild des Kunden auf jedem Gerät sichtbar ist und das Leitbild einen hohen Kontrast zum Hintergrund auf jedem Gerät aufweist.