Skip to main content
Landschaftsbild zu Logic Joes Frosch Referenz

AUCH EIN WEBSITE RELAUNCH

GEHT NACHHALTIG

SELBSTVERSTÄNDLICH DIGITAL NACHHALTIG

Frosch steht wie keine andere Marke für konsequente Nachhaltigkeit und ökologisches Bewusstsein. Dass auch im Relaunchprojekt für die Frosch-Website bewusst und nachhaltig entwickelt wird, war dem traditions- und umweltbewussten Hersteller für Reinigungs- und Spezialpflegeprodukte für den Haushalt ein besonderes Anliegen.

Nachweislich optimale Ladezeit

Digital nachhaltige Entwicklung basiert bei Logic Joe in erster Linie auf neuesten und bereits standardisierten, disziplinübergreifenden Vorgehensweisen. So greifen für das Mainzer Familienunternehmen Frosch schlankes Coding und performance-optimierte Content-Assets in ihrer Wirkung ineinander, führen zu schnellen Ladezeiten und sind damit so umweltschonend wie möglich.

In enger Zusammenarbeit mit der Konzept- und Designverantwortenden Agentur Scholz & Volkmer entstand nun die deutsche und die österreichische Frosch-Seite mit optimaler User Experience. Sie bilden die Basis für die anstehenden Rollouts für den spanischen und den französischen Markt, für den es nun auch einen Storelocator gibt.

Produktdatenbank pro Land steuerbar

Die Frosch-Produkte unterscheiden sich pro Land. Um die Produktadaten künftig optimal managen zu können, folgte die Werner & Mertz GmbH den Empfehlungen von Logic Joe und löste die bisher eingesetzte, eigenentwickelte Produktdatenbank durch die neueste Version einer mit FirstSpirit Bordmitteln integrierten Produktdatenbanken ab. Diese in FirstSpirit out of the box verfügbare Funktionalitäten wurden eingerichtet und die Redakteure wurden von Logic Joe darin geschult, selbst im System pflegen zu können.

Alle vier Länder sind nun mit einem eigenen Produktkatalog verknüpft, basieren aber auf der zentralisiert aufgesetzten FirstSpirit Digital Experience Plattform (DXP). Die für dieses System berühmte Redakteursfreundlichkeit wird gestützt durch eine zentralisierte Pattern Library. Sämtliche Gestaltungselemente sind darin, dem Atomic-Design-Ansatz folgend, verzeichnet,einsehbar und zukunftssicher wartbar.

Eine solche Gestaltungs-Library hat den Vorteil, dass übergreifende Gestaltungsrichtlinien einfach einzuhalten sind und Anpassungen ebenenübergreifend und effizient erfolgen können.

What we did

  • nachhaltige Web-Entwicklung nach neuesten Standards
  • optimierte Ladezeiten
  • Integration der FirstSpirit Produktdatenbank
  • Frontend Animation
  • Redakteurstraining in der FirstSpirit Produktdatenbank

WAS UNS AN DIESEM PROJEKT BEGEISTERT?

Die Zusammenarbeit zwischen der Werner & Mertz GmbH, der Agentur Scholz & Volkmer und uns war geprägt von der gemeinsamen Leitlinie, den Relaunch für Frosch bestmöglich nachhaltig zu gestalten. Das hat uns als Team ungemein motiviert. Insbesondere die überall auf der Webseite eingesetzten Animationen wurden von unseren Frontend-Developern mit Begeisterung umgesetzt. So entstanden iterativ einsatzfähige und für alle Beteiligten sehr zufriedenstellende Ergebnisse.

Bilder sagen mehr als 1000 Worte

Wald und Bergen auf Frosch Startseite

Bilder sagen mehr als 1000 Worte

Wald und Bergen auf Frosch Startseite
Screenshot der Frosch Website mit der Sektion „Das Kreislaufprinzip" und drei Kennzahlen: 100 % Recycling-Plastik, 36 Jahre pflanzenbasierte Rezepturen und 360-Grad-Kreislaufprinzip, vor grünem Hintergrund mit Blattmotiv
Screenshot der Frosch Website mit der Produktübersicht in drei Kategorien: Putzen, Waschen und Spülen, mit Produktfotos vor grünem Hintergrund und Blattmotiv
Screenshot der Frosch Website mit Produktfotos in den drei Kategorien Putzen, Waschen und Spülen auf weißem Hintergrund mit grünem Blattmotiv
Screenshot eines Frosch Website-Artikels mit Text und Bild zum Thema Spülmaschine reinigen – Abschnitte zu Sprüharmen und Siebeinsatz, mit Foto einer Hand, die einen Spülmaschinenfilter herausnimmt
Screenshot eines Frosch Website-Editorials mit einem Produktfoto des Frosch Soda Geschirrspülers vor grünem Hintergrund

SOME OTHER JOBS

WE REALLY LOVED

Gelbe Jalousien bei den Fenstern
Weltweiter Webauftritt, zentral steuerbar, in der Cloud als SaaS-Modell
  • UX & UI Beratung, Design System Entwicklung
  • FirstSpirit Cloud per SaaS
  • Content Strategie
  • FirstSpirit CaaS, CaaS Connect
  • Contentserv DAM-Anbindung samt SEO-URLs
Zwei Leuten gucken auf der WWK Startseite
Kundenbedürfnis im Fokus: die neue WWK Webseite
  • Customer Experience Konzeption & Workshops
  • Modernisierung des Online Corp. Design
  • UX- & Content-Optimierung nach didaktischen Prinzipien
  • Suchassistent basierend auf Solr
  • User-zentrierte Features & Animationen
Offene Küchenschublade mit Gewürzen
FirstSpirit Relaunch: 70 Länder, 30 Sprachen, eine Plattform
  • Experience Consulting
  • FirstSpirit Einführung
  • System Architektur und Integration
  • UX Concept & Atomic Design
  • Internationalisierung
Gelbe Jalousien bei den Fenstern
Weltweiter Webauftritt, zentral steuerbar, in der Cloud als SaaS-Modell
  • UX & UI Beratung, Design System Entwicklung
  • FirstSpirit Cloud per SaaS
  • Content Strategie
  • FirstSpirit CaaS, CaaS Connect
  • Contentserv DAM-Anbindung samt SEO-URLs
Zwei Leuten gucken auf der WWK Startseite
Kundenbedürfnis im Fokus: die neue WWK Webseite
  • Customer Experience Konzeption & Workshops
  • Modernisierung des Online Corp. Design
  • UX- & Content-Optimierung nach didaktischen Prinzipien
  • Suchassistent basierend auf Solr
  • User-zentrierte Features & Animationen
Offene Küchenschublade mit Gewürzen
FirstSpirit Relaunch: 70 Länder, 30 Sprachen, eine Plattform
  • Experience Consulting
  • FirstSpirit Einführung
  • System Architektur und Integration
  • UX Concept & Atomic Design
  • Internationalisierung