Wireframe und Prototyping

Der Bereich „Heizölpreise“ auf heizoel.total.de soll bezüglich Struktur, Inhalten und Design überarbeitet werden. Es galt bestehende Elemente zu hinterfragen, zu erhalten oder zu verbessern und neue Benutzerfreundliche Elemente zu entwickeln.

K

Projekt

Wireframe und Prototyping
des Bereichs „Heizölpreise“

K

Kunde

TOTAL Deutschland

K

Jahr

2018

K

Software

Axure RP 8

Briefing

Das Ziel dieses Relaunch sollte sein: die Suchmaschinenoptimierung (SEO) zu forcieren, die Usability (Nutzerfreundlichkeit) verbessern, die User Experience (Nutzererlebnis) zu steigern, die Conversion-Rate zu erhöhen (primär Verkäufe) und die Technik zu berücksichtigen (Responsiveness usw.).

Umsetzung

  • Analyse der bestehenden Elemente und externen Tools
  • Selektieren und Entfernen bzw. neu positionieren der Elemente die erhalten bleiben
  • Erstellung eines ersten Protoypen in Graustufen und weitere – auf Basis der Kundenwünsche – in den CD-Farben, Fonts und Bildsprache von TOTAL
  • Adaption des Prototypen für Desktop an den Viewport eines Mobiltelefons
  • Auslieferung des Prototypen an die externen Entwickler von TOTAL

Erste Version des Wireframe/Prototypen für heizoel.total.de. Nachdem verifiziert wurde, welche Elemente bleiben, welche müssen anders positioniert oder sogar entfernt werden, haben wir den ersten Ansatz dem Kunden präsentiert. Wir haben die Entwürfe über die AXURE Cloud mit unserem Kunden geteilt. Die Verantwortlichen konnten so schnell einen interaktiven Prototypen testen, bewerten und Änderungen markieren. 

Zweite Version des Wireframe/Prototypen für heizoel.total.de. Im Termin mit dem Kunden wurden Änderungen und Wünsche besprochen, die wir dann in einer weiteren Version umgesetzt haben.

Die freigegebene Version des Wireframe/Prototypen. Nach zwei Terminen mit unserem Kunden, in denen der Prototyp weiterentwickelt wurde, bekamen wir die Freigabe und somit konnten wir den Entwicklern Ansichten für Deskop und Mobile an die Hand geben.

Die finale Version haben die Entwickler von TOTAL umgesetzt und – leider nur auf einer Seite – zum großen Teil nach unseren Vorgaben.