Kunde
Packaging4europe
Meine Rolle
UX Design
Informationsarchitektur
UI Design
Wireframin
Screendesign
Prototyping mit Adobe XD
Entwicklung
WordPress
Packaging4Europe ist die größte Wellpappe-Industrie-Partnerschaft Europas. Die alte Website stellte die Partnerunternehmen einzeln vor und nicht als Einheit. Um dies zu ändern, wurde ein Kommunikationskonzept definiert, das die Zusammenarbeit und den gemeinsamen Nutzen der Partnerschaft hervorhebt.
Die Hauptaufgaben des Projekts waren die Entwicklung eines UX/UI-Designs, die Erstellung einer Inhaltsstruktur, die Erstellung von Wireframes und die Implementierung der Website in WordPress.
Das Problem verstehen
Fehlende Struktur und Zielsetzung einer Website können zu erheblichen Problemen führen, die sowohl die Nutzerfreundlichkeit als auch den Unternehmenserfolg beeinträchtigen.
Fehlende Informationshierarchie
Die Informationen werden flach präsentiert, ohne eine klare Struktur, die sie nach Wichtigkeit oder Relevanz ordnet. Dies erschwert es den Benutzern, die gesuchten Informationen zu finden und die Beziehung zwischen den verschiedenen Abschnitten der Website zu verstehen
Nicht verschachtelte relevante Themen
Relevante Themen werden nicht gruppiert oder verschachtelt, was die Navigation und das Verständnis des Inhalts erschwert. Benutzer müssen durch verschiedene Abschnitte navigieren, um verwandte Informationen zu finden, was frustrierend und zeitaufwändig sein kann
Unklarer Benutzerzweck
Es ist nicht klar, welches Ziel der Benutzer auf der Website erreichen soll. Dies kann zu einer desorientierten Benutzererfahrung ohne klaren Zweck führen
Projektziele
Verbesserte Kommunikation der Partnerschaft
Partnerschaft sichtbarer machen und den Nutzen für Kunden hervorheben
Verbesserte Benutzererfahrung
Die Website soll für Kunden ansprechend und einfach zu navigieren sein
Verbesserung der Inhaltsstruktur
Optimierung der Struktur der Website
Klare Call-to-Action (CTA)
Inteigerung der Konversionsrate durch Call-to-Actions und relevante Informationen
Research Methods
- Benchmark analyse
- Information Architecture
- Wireframing
- Prototyping
Das Prozess
1.
Überarbeitung der Gesamtstruktur
Im Fokus der Neugestaltung stand die Optimierung der Auffindbarkeit von Inhalten. Dies umfasste sowohl die allgemeine Navigation der Website als auch die Strukturierung und Darstellung der Inhalte auf den einzelnen Seiten.
Wireframing der Lösung
Auf der Grundlage der festgestellten Probleme arbeitete ich daran, sie zu lösen, indem ich mögliche Lösungen vorschlug: Verringerung der Anzahl der Schritte, um die Zeit zu minimieren, die der Nutzer benötigt, um das Ziel der Kontaktaufnahme zu erreichen. Schaffung einer klareren visuellen Hierarchie durch Gruppierung verwandter Felder und Standardisierung der relevanten Informationen für den Benutzer.
Das ergebnis
Verbesserte Kommunikation der Partnerschaft
Die Website hat neue Inhalte, die die Vorteile der Partnerschaft für Kunden erklären. Diese Inhalte wurden durch die Erstellung von Fallstudien und Kundenberichten erstellt.
Kreation von GIFs
GIFs sind ansprechend und unterhaltsam. Sie können dazu beitragen, eine Website farbenfroher und lebendiger zu machen.
Responsive verhalten
Andere projekte
Lass uns in Kontakt bleiben!
Melde dich gerne bei mir, wenn du Interesse an einer Zusammenarbeit hast oder einfach nur ein freundliches Hallo sagen möchtest