UX Konzept und UI Design für “About Eucerin”




Im Q4 2021 wurde ich von der internationalen Agentur Wunderman Thompson für die Marke Eucerin der Firma Beiersdorf in der Rolle als UXUI Designer über die Plattform Malt gebucht.

Ziel des Projekts war es den Teilbereich “About Eucerin” neu zu konzipieren und neue UI Elemente zu designen mit Rücksicht auf die bestehende Corporate Identity. Umfassender UX Research, Best Practice Patterns und mein reicher Erfahrungsschatz waren das Fundament.




Aufgaben:

  • “About Ecerin” konzeptionell überarbeiten
  • Sitemap planen
  • UX Wireframes erstellen
  • Neue UI Elemente designen
Angewandte Skills:

  • Ganzheitliche Planung
  • UX Research
  • UX Design
  • UI Design
  • Schnittstellenkompetenz bei der Kommunikations mit Kundensteakholdern und externen Entwicklern


Verwendete Tools:

  • Miro
  • Sketch
  • Zeplin
  • Confluence zur Kommunikation mit Entwicklern und anderen Projektteilnehmern

Schritt 1: Header Struktur logisch vereinheitlichen (”Quick Win”)





Schritt 2: “About Eucerin” Landingpage

UI Design für "About Eucerin"
  • Bietet eine angenehme Einleitung
  • Ist logisch und optisch gegliedert
  • Führt zu den Unterbereichen

Schritt 3: Subpage “Brand Mission”

  1. Assesment des vorhandenen Contents
  2. Auswahl
  3. Logische Strukturiereung
  4. Ansprechende Gestaltung

Schritt 4: Subpage “Our Ingredients”

Bei dieser Unterseite ging es darum, umfassend zu informieren ohne verwirrend oder langweilig zu sein.

Das heißt für mich als UX Designer Tabellen auswerten, in komplexe Thematiken eintauchen, analisieren, prorisieren und noch viel mehr.

Wireframes / UX Sketches Wireframes / UX Sketches

Sowohl auf konzeptioneller, als auch aud ausgearbeiteter Interface Design Ebene habe ich mehrere Designlösungen angeboten.


Schritt 5: Subpage “History”

Wie lässt sich die Unternehmensgeschichte auf der Website gut und unterhaltsam darstellen? Auch hierfür habe ich sinnvolle Lösungen gefunden. In Konzeptskizzen und in finalen UI Designs.
UI Design for Desktop UI Design for Desktop
UI Design for Mobile UI Design for Mobile

Fazit:


Auch wenn es sich nur um das Re-Design eines Teilbereiches einer Website handelt, ist dies eine hochkomplexe Aufgabe. Gerade in einem internationalen Unternehmen gilt es dabei viele Steakholderwünsche zu hören und zu berücksichtigen. Meine struktirierte Arbeitsweise und meine Erfahrung hat mir geholfen sinnvolle Designlösungen anzubieten, die die User Experience positiv beienflussen.

+49 176 25 70 94 28
hirschandreas(at)web.de‬