Case Study: HG Commerciale
HGC und valantic haben sich auf die digitale Transformation eingelassen, um Handels- und Unternehmensplattformen zu vereinen, den Online-Shop zu erneuern und einen Omnichannel-Ansatz zu etablieren. Die Herausforderung bestand darin, eine vielfältige Zielgruppe anzusprechen, Google-Indizierungsprobleme zu beheben und UI sowie Leistung zu optimieren, um einen verbesserten digitalen Vertriebskanal zu schaffen.
Kontext & Herausforderung
Das Projekt integrierte den Handel mit Baustoffen mit Wand- und Bodenbelägen, reduzierte Bearbeitungszeiten für neue Kunden und führte Multi-Warenkorb-Funktionen sowie massgeschneiderte Mengenrechner ein. Unsere Zusammenarbeit spielte eine entscheidende Rolle bei der Verbesserung von UI/UX der Plattform, der Lösung komplexer Benutzermanagementprobleme und der Steigerung der Gesamtnutzererfahrung.
Lösung
In meiner Funktion als UX-Designerin habe ich aktiv an der User Research mit unserer spezialisierten User Researcherin teilgenommen, Expertenreviews durchgeführt, UX-Entscheidungen mitgestaltet und gemeinsam mit dem Lead-Designer die Prototypen für die Website entwickelt.
Meine Rolle
Adobe XD
Tools
Prozess
In meiner zentralen Rolle habe ich eng mit einem vielfältigen Team aus User Researchern, Projektmanagern, Requirement Engineers, Business Analysts, Marketing Managern, Design Leads und Frontend-Programmierern zusammengearbeitet. Unser gemeinsames Engagement konzentrierte sich auf die umfassende Überarbeitung der E-Commerce- & Corporate-Plattform für HGC und valantic, wobei wir uns auf Usability, technologische Fortschritte, verbesserten digitalen Handel und gesteigerte Produktivität konzentrierten.
Darüber hinaus habe ich das User-Interview begleitet, um die wichtigen Features der Website aus Benutzersicht zu entdecken und die Priorisierungen auf der Entwicklungs-Roadmap zu verstehen. In enger Zusammenarbeit mit dem Lead-Designer entwickelte ich Design-Komponenten und -Patterns basierend auf einem Styleguide, der auf dem Corporate Identity (CI) aufbaut.
Contextual Inquiry & Interview
Ziel
Erfassen von umweltbedingten Einflüssen auf den Arbeitsalltag und das Webportal sowie Identifizieren von Nutzerbedürfnissen und -problemen, um Feedback zu ersten Ideen zu erhalten.
Ergebnisse
Weniger offensichtliche Bedürfnisse identifiziert und ggf. in Features oder Services übersetzt.
Road Map
Ziel
Durchführen von Workshops zur Erfassung des aktuellen Status und zur Entwicklung einer dedizierten Strategie für das HGC-Projekt.
Ergebnisse
Erstellung einer umfassenden Bewertung, Ausarbeitung einer klaren Strategie und Priorisierung der Entwicklungsziele bis 2022.
Ideen & Design
Ziel
Feedback zu Designideen.
Ergebnisse
Entwicklung von Design-Moods, Erstellung von Features basierend auf User Stories, iterative Bearbeitung nach erhaltenem Feedback, um ein Interface Konzept/Design und schliesslich ein Minimum Viable Product (MVP) zu erstellen.
VR-Prototyp MIRADA
Unter Einhaltung des Styleguides des HGC-Online-Shops habe ich einen klickbaren VR-Prototypen mit Adobe XD erstellt. Das Ziel war, Architekten und andere Nutzer in die Lage zu versetzen, mit einem Tablet Platten aus dem Online-Shop auszuwählen und sie in ihren eigenen Räumen virtuell zu "testen". Der nahtlose Bestellvorgang wurde dabei ebenfalls berücksichtigt, um eine reibungslose Nutzererfahrung zu gewährleisten. Die Interaktionsflüsse sind bewusst einfach gestaltet, um sowohl neue als auch erfahrene Benutzer schnell durch die Nutzungsschritte zu führen und Interaktionsfeedback zu geben.
Reflexion
Die Ergebnisse des User Research haben einen signifikanten Einfluss auf das Projekt gehabt. Sie halfen dabei, benutzerzentrierte Features für die Roadmap und das Kano-Modell zu identifizieren und zu definieren. Die Erkenntnisse trugen wesentlich zur Ausarbeitung der Informationsarchitektur und zur Schaffung einer effizienten Navigation bei. Die enge Zusammenarbeit mit dem Leaddesigner spielte eine entscheidende Rolle dabei, das Styleguide konsequent durchzusetzen und ein umfassendes Designsystem für einen grossen Webshop aufzubauen.