Men Expert Relaunch

Logo von L'Oréal Paris Men Expert
L'ORÉAL PARiS www.menexpert.de Content Marketing & SEO

L’ORÉAL MEN EXPERT Relaunch

Neue Maßstäbe im Content-Marketing

Optisch schick und dazu noch smart, informativ und unterhaltsam – die neue Markenwebsite umfasst über 100 Contentseiten, einen neuen Produktbereich und den Lifestyle-Blog "The Barber Shop". Nach dem Relaunch kombiniert die Seite eine praktische Beratung mit den entsprechenden Pflegeprodukten – exakt zugeschnitten auf die Bedürfnisse der Zielgruppe. Denn die Ausgangsfrage, um eine Website speziell zum Thema Men Care zu entwickeln, lautete für uns ganz klar: Was wollen Männer eigentlich?

Ein Mann rasiert sich und man sieht den passenden Rasierschaum

SEO trifft Produkt und Beratung

Die Konzeption haben wir daher mit einer umfangreichen Keyword-Analyse rund um die Themen Rasur, Gesichtspflege, Deodorant und Haarstyling begonnen. Daraus haben wir ein modulares Content-Marketing-Konzept entwickelt, das die Inhalte an den Kundenbedürfnissen ausrichtet und untereinander vernetzt. L’ORÉAL MEN EXPERT erreicht durch diese präzise SEO-Strategie eine hohe Sichtbarkeit. So werden wir von unserer Zielgruppe bestens gefunden und der User gelangt ohne Umwege auf die für ihn relevanten Seiten und findet ergänzend Beiträge zu seinen Interessen.

Infografik zur Keywordanalyse

Keyword-Analyse: Wonach suchen Männer?

Wir möchten unserer Zielgruppe gezielt und schnell die Infos bieten, die sie sucht. Daher ist eine exakte Keyword-Analyse im Vorfeld nicht nur notwendig, sondern bei L’ORÉAL MEN EXPERT die Grundlage für die Konzeption der kompletten Website.

Infografik zur Informationsarchitektur der Seite

Struktur und Relevanz sorgen für Sichtbarkeit ...

Seitenhierarchie, Navigation und Themen: Aufbauend auf den Interessen unserer User haben wir anhand einer semantischen Content-Pyramide die Informationsarchitektur von L’ORÉAL MEN EXPERT entwickelt.

Infografik zur Contentproduktion

... und bilden die Basis für die Contenterstellung

Relevanz bedeutet aber auch: Wir verwenden keine austauschbaren und beliebigen Bilder und Inhalte, sondern haben spezielle Artikel, Fotostrecken und Illustrationen produziert, welche die Produkte passend untermalen.

Ein starkes Zusammenspiel von Inhalten, Beratung und Produkten

Auf über 100 Contentseiten lässt es sich in die Produktwelt eintauchen und der User entdeckt Tipps, Tricks und Anwendungsbeispiele. Interaktive Elemente – wie Umfragemodule – sorgen zusätzlich für mehr Surf-Spaß. Alle Inhalte werden thematisch auf Hubseiten gebündelt und bieten so je nach Interesse die geeignete Anlaufstelle. Visuell kommt L'ORÉAL MEN EXPERT im modernen Magazin Look daher.

Abbildung der Contentseiten in verschiedenen Devices, Desktop, Tablet, Smart Phone

Die Suche nach dem passenden Produkt

Wer weiß schon immer genau was er sucht? Auch hier bietet L'ORÉAL MEN EXPERT Abhilfe. Der Produktfinder ermöglicht eine leichte und intuitive Suche – mit ungewöhnlichen und erfrischenden Filtern zum Produkt: Wie fühlt es sich an? Wie ist es beschaffen? So lässt sich bedürfnisorientiert genau das Produkt entdecken, das wirklich benötigt wird – und kann sofort online bestellt werden.

Und allein mit einer schnöden Produktinformation ist es auch auf den neu inszenierten Produktseiten nicht getan: Produktinfos sind mit den passenden Contentseiten, rund um Anwendungs- und Pflege-Tipps, vernetzt. Piktogramme sorgen für Klarheit und Orientierung, der User erkennt auf den ersten Blick den Anwendungsbereich und die Beschaffenheit des jeweiligen Produkts.

Abbildung der Produktseiten im Monitor

Barber Shop: Der Blog für echte Gentlemen

Von Lifestlye und Sport über Entrepreneurship bis Life Hacks und Brain Fitness: Der „Barber Shop“ Blog bietet alles, was Männer jenseits von Men Care sonst noch interessiert. Natürlich auch hier mit liebevoll erstellten relevanten Texten, Illustrationen und Fotos, die zielgruppenkonform sind und die Sichtbarkeit steigern.

Abbildung des Barbershop Blogs in einem Tablet

Content­produktion

Portraits, Anwendungsfotos für 100 Artikel

Etwa 260 finale Contentbilder und rund 17000 Rohdaten: Um die Pflege-Tipps, Blog-Artikel und Schritt-für-Schritt Anleitungen entsprechend zu illustrieren, haben wir maßgeschneiderten Content produziert. Die Bildsprache ist konsistent und modern und der Text wird optimal bebildert und emotionalisiert.

Making-of Aufnahme in den großen Wohnbereich des Lofts
Making-of Aufnahme eines Schirmes zur Ausleuchtung des Sets
Abbildung einer Produktanwendung, Gel läuft in die Hand des Models
Abbildung eines schwarzen Rasiermessers auf Graphitboden
Modelportrait, Mann mit Bart in der Nahaufnahme

Neue Produktinszenierung

46 Produkte aus verschiedenen Produkt-Serien von L'ORÉAL MEN EXPERT haben wir neu in Szene gesetzt. Das Produkt sollte nicht einfach nur als Freisteller präsentiert, sondern auch greifbarer werden. Um diese Haptik zu erreichen, haben wir die Produkte auf Graphit inszeniert.

Produktdarstellung auf Graphit in drei Winkeln, von vorne, von oben, liegend von oben

Illustrationen und Piktogramme

Auf einen Blick alles klar: Illustrationen und Piktogramme unterstützen zusätzlich die Inhalte. Sie helfen beispielsweise bei der Unterscheidung der Produkt-Beschaffenheit oder zeigen die Vielfalt der modernen Bart-Trends.

Abbildung einer gezeichneten Illustration zum Thema Haarstyling, Sitecut
11 Abbildungen von kleine Icons, die Produktverpackungen und Aggregatzustand bebildern
Abbildung von Illustrationen, die die Anwendungsbereiche der Produkte demonstrieren
Abbildung einer Produktseite, eine Lupe zeigt den Ausschnitt an, in dem die Anwendungsicons eingesetzt werden
Abbildung der aktuellen Barttrends als kleine schwarz-weiße Illustrationen

Die technische Umsetzung

Die Seiten basieren nicht auf Templates, sondern werden in Django CMS aus frei kombinierbaren Content-Elementen zusammengestellt. Durch einen Frontend-Editor können die Redakteure direkt in der Seite arbeiten. Bilder werden über eine Mediendatenbank eingepflegt und automatisch in verschiedenen Auflösungen und Bildformaten bereitgestellt. Besonderen Wert haben wir auf eine saubere semantische Strukturierung der Inhalte gelegt. Hierfür wird u.a. der Standard Accessible Rich Internet Applications (ARIA) genutzt, durch den Elementen eine semantische Rolle zugewiesen werden kann. Mit einem modularen Buildsystem werden JavaScript und CSS individuell zusammengestellt – so muss nur geladen werden, was wirklich verwendet wird. Durch den Einsatz von Scalable Vector Graphics (SVG) und Icon Fonts wird die Menge der zu ladenden Daten weiter reduziert. Die Markenwebsite ist voll responsive.

Abbildung Content-Management-System, Einpflege eines Artikels

Erfolge

Seit dem Relaunch hat sich der Traffic und die Sichtbarkeit von L’ORÉAL MEN EXPERT kontinuierlich erhöht; gleichzeitig konnten die Bounce-Rate und Ausgaben für Adwords gesenkt werden.

Der Content der Seite wird im gesamten digitalen Ecosystem der Marke eingesetzt, was wiederum die Social Media Awareness steigert.

Grafik für Information: Steigerung SEO Visibility
Grafik für Information: Traffic-Steigerung
Grafik für Information: Bounce-Rate Senkung
Grafik für Information: SEO Kosten Reduktion

Behalten Sie es nicht für sich. Zeigen Sie es anderen:

Lernen Sie das Team kennen:

Portraitfoto von Benjamin Banduhn
Benjamin Entwickler Backend Developer
  • Dima
  • Django
  • Kreativität
  • Redmine
  • Terminal
  • Verbandskasten
  • Kaffee
  • Karibische Sonne
  • Metallica
  • Pauschalreisen
  • Schnitzel
  • Wrestling
Portraitfoto von Christopher Grebs
Christopher Entwickler Backend Developer
  • Dima
  • Django
  • Kreativität
  • Redmine
  • Terminal
Portraitfoto von Henrike Goetsch
Henrike Projektmanager Account Director
  • Dima
  • Django
  • Kreativität
  • Quojob
  • Redmine
  • Telefon
  • Wrestling
Portraitfoto von Kai Bachmann
Kai Gestalter Art Director & Motion Designer
  • Dima
  • Kreativität
  • Photoshop
  • Redmine
Portraitfoto von Larissa Honsek
Larissa Gestalter Creative Director
  • Dima
  • Kreativität
  • Photoshop
Portraitfoto von Marc Brünjes
Marc Geschäftsführer/Partner Managing Director & Partner
  • Analytics
  • Computer
  • Dima
  • Kreativität
  • Photoshop
  • Quojob
  • Telefon
  • Ahoi Brause
  • Gurke
  • Individualtourismus
  • Kaffee
  • Karibische Sonne
  • Metallica
  • Schnitzel
  • Scooter
Portraitfoto von Mirjana Kovacek
Mirjana Texter Copywriter
  • Analytics
  • Dima
  • Django
  • Kreativität
  • Stift und Papier
  • Ahoi Brause
  • Gurke
  • Karibische Sonne
  • Pauschalreisen
  • Schnitzel
  • Wrestling
Portraitfoto von Norman Rusch
Norman Entwickler Senior Frontend Developer
  • Analytics
  • Dima
  • Django
  • Kreativität
  • Photoshop
  • Redmine
  • Terminal
  • Ahoi Brause
  • Gurke
  • Individualtourismus
  • Karibische Sonne
  • Metallica
  • Pauschalreisen
  • Schnitzel
  • Scooter
  • Skandinavischer Fjord
  • Wrestling
  • Yoga
Portraitfoto von Stephen Jaekel
Stephan Entwickler Senior Backend Developer
  • Dima
  • Django
  • Kreativität
  • Redmine
  • Terminal
  • Individualtourismus
  • Kaffee
  • Schnitzel
  • Skandinavischer Fjord

Kontakt

Marc Bruenjes Am Treptower Park 28-30 12435 Berlin +49 30 44 01 30 30 mb@moccu.com
Else

Freitag abend in die Else zum Feiern und am Montag nonstop direkt wieder auf die Arbeit.

Christl
Portraitfoto von Christiane Fischer
Ostbloc

Perfekte Location zum Bouldern - direkt am Wasser gelegen kann man bei gutem Wetter seine Pausen nach draussen verlegen.

Tim
Portraitfoto von Tim Pertuch
Treptower Park

Toller Park zum Radfahren, Joggen und auch zum Picknicken.

Norman
Portraitfoto von Norman Rusch
Schlange vor dem Postschalter

Eine Schlange, an der es sehr schnell geht. Kein Vergleich zu der am Hermannplatz oder den Neukölln Arkaden.

Alexia
Portraitfoto von Alexia Schann
Nach oben scrollen