AV-IT Solutions, Website für die IT-Branche

Wie bauen wir Personas auf und gestalten eine User Journey Map? Lernen Sie unseren Designprozess bei der Erstellung von Websites für die IT-Branche kennen.

Während der ersten Workshops mit dem Unternehmen av-it.pl führten wir ein Kennenlerngespräch, dessen Ziel es war, die Bedürfnisse des Unternehmens und die Erwartungen der einzelnen Teammitglieder darzustellen. Das erste Treffen diente der Vorbereitung des Projekts vor Projektbeginn, das zweite der Besprechung der für das Projekt erstellten Materialien. Sehen Sie, wie in unserer Agentur Websites für die IT-Branche entstehen.

Projektdokumentation

Bei der Vorbereitung der Materialien für das Unternehmen AV/IT wurde die Projektdokumentation analysiert, die Anforderungen wurden gesammelt und einer kritischen Analyse unterzogen, die weiteren Prozessschritte und der Arbeitsumfang auf dieser Ebene wurden festgelegt. Die Ergebnisse der Arbeit sind:

1. Aufgebaute Personas,
2. Gestaltete User Journey Map,
3. Vorbereitete Informationsarchitektur & besprochene Benchmarks

Ausarbeitung der Personas

In Bezug auf die wichtigsten Nutzersegmente wurden drei grundlegende Personas erstellt, die sich durch unterschiedliche Eigenschaften, Fähigkeiten und Erfahrungshintergründe auszeichnen. Die Personas sind Vertreter der repräsentativsten Nutzergruppen, was die Annahme erlaubt, dass die Berücksichtigung ihrer Bedürfnisse die Probleme der Mehrheit der Nutzer löst. Folgende Personas wurden herausgearbeitet:

1. Michał Konieczny, Systemadministrator: technisch, sachlich, ergebnisorientiert.
2. Adam Poznański, Inhaber eines Bauunternehmens: legt Wert auf Qualität, nicht technisch, nervös, möchte sich wertgeschätzt fühlen und setzt auf den Kontakt mit dem Kundenservice.
3. Urszula Gwint, Office Managerin in einem Konzern: nicht technisch, hat keine Zeit, sich in das Thema einzuarbeiten, möchte vor der Führung glänzen und rechnet mit Unterstützung.

User Journey Map

Die User Journey Map ist eine Technik zur Nachverfolgung von Gefühlen, Motivationen, Handlungen und Ergebnissen eines Prozesses aus der Perspektive der Personas und damit der gewöhnlichen Nutzer. Empathie an jedem Schritt des Nutzerpfads erlaubt es, die positiven Empfindungen bei der Nutzung der Website zu maximieren und dem Auftreten von Fehlern vorzubeugen. Für das Projekt konzentrierten wir uns auf Aspekte wie:

1. Motivation
2. Bedenken
3. Chance
4. Wahl
5. Bestätigung der Wahl

Informationsarchitektur der Website

Die Architektur der Website gliedert sich in Seiten und einzelne Sektionen. Jede Sektion entspricht den jeweiligen Bedürfnissen der Personas. Die wichtigsten Unterseiten sind:

1. Startseite
2. Produkte
3. Produktseite
4. Referenzen
5. Referenzseite
6. Branchen
7. Branchenseite
8. Kontakt

Startseite

Die Startseite ist das Aushängeschild jeder Website, der Ort, an dem der Nutzer ankommt und sich ein Bild vom Unternehmen und den Produkten macht, was letztlich seine Entscheidungen beeinflusst. Die Startseite sollte klar darstellen, womit sich das Unternehmen beschäftigt, welche Werte es vertritt und warum man ihm vertrauen sollte. Die Seite sollte nicht zu lang und nicht mit Informationen überladen sein, da dies zu Frustration bei den Nutzern führen kann.

Das erste Element von oben auf der Startseite ist der Einleitungsblock. Darüber kann man einen schnellen Kontakt zu den Vertretern des Unternehmens platzieren.

Erscheinungsbild der Sektion:

• Endlosvideo (sieht besser aus, kann die Seite auf älteren Computern jedoch verlangsamen)
• Foto mit Text (sieht gut aus und funktioniert auf jedem Computer zuverlässig)
• Zurückhaltender Hintergrund mit Bezug zur Branche/Arbeit
• Kontakt zu den Vertriebsmitarbeitern
• Prägnantes Copy

Die nächste Sektion ist der Reason to believe: ein Element, das die Glaubwürdigkeit der Seite erhöht und zeigt, dass das Unternehmen mit verschiedenen wertvollen Kunden zusammenarbeitet.

Erscheinungsbild der Sektion:

• Kundenlogos auf einer Leiste platziert
• Die Logos sollten nicht zu groß sein, damit 5 bis 7 in eine Reihe passen
• Häufig sind die Logos schwarz-weiß, das ist aber bereits stark eine Frage der Ästhetik

Produkt- und Servicesektionen sollten auf der Startseite zu finden sein. Es sollten die wichtigsten Produkte und Leistungen bestimmt werden, die von der Startseite zu den Produkt- und Serviceunterseiten führen. Die Blöcke ordnen sich in Reihen zu 5 bis 7 an.

Erscheinungsbild der Sektion:

• Erste Reihe: Produktblöcke
• Zweite Reihe: Serviceblöcke
• Erscheinungsbild des Blocks: Produkte/Leistungen Foto, Titel, Elemente

Eine Sektion, die die Partner darstellt, also die Unternehmen, die die Hardware liefern.

Erscheinungsbild der Sektion:

• Reihe aus Logos
• Logos ähnlich denen in der Reason-to-believe-Sektion

Eine Sektion, in der in Blöcken die wichtigsten Referenzen präsentiert werden. Eine Sektion analog zu den vorherigen, also 5 bis 7 klickbare Blöcke pro Reihe. Die Blöcke sollten ein großes Foto und eine Bildunterschrift haben, sie sind klickbar und führen zu den einzelnen Referenzen.

Erscheinungsbild der Sektion:

• Reihe aus Blöcken zu 5 bis 7 pro Reihe
• Erscheinungsbild des Blocks: Foto, Name, Unternehmen, für das der Auftrag umgesetzt wurde

Eine Sektion, in der in Blöcken die wichtigsten Branchen präsentiert werden. Eine Reihe aus Blöcken zu 5 bis 7, es können Logos sein; wichtig ist, dass sie wie der Rest der Website klickbar sind.

Erscheinungsbild der Sektion:

• Reihe aus Blöcken
• Erscheinungsbild des Branchenblocks: Logos, Name, kurze Beschreibung

Der Footer ist eine zentrale Sektion für alle Unterseiten und sollte die wichtigsten Daten und Kategorien darstellen. Auf Basis unserer Erfahrung haben Seiten/Websites dieser Größe eher minimalistische Footer, und das schlage ich auch vor. In Zukunft empfehle ich, einen Newsletter zu implementieren.

Elemente der Sektion:

• Kontaktdaten
• Telefonnummern
• Unternehmensdaten