ricardo.ch Mails

Modulares Responsive Design System

Kunde

ricardo AG

Dienstleistungen

Interaction Design
Visual Design
E-Mail Templates & Integration

Links

Mit dem Ziel, die über hundert verschiedenen System-Mails des grössten Schweizer Online-Marktplatzes ricardo.ch einheitlich, übersichtlich und für die unterschiedlichen E-Mail-Clients optimiert zu gestalten, hat mojo interactive ein Responsive Design-System mit Bausteinen zur Erstellung von individuellen E-Mail-Templates entwickelt.

Optimierte User Experience

Um einen Überblick über alle System-Mails zu erhalten, wurden diese zunächst zusammengetragen und deren Inhalt analysiert. Nach Identifikation und Priorisierung der Inhaltselemente erarbeitete mojo interactive unter Berücksichtigung einer optimalen User Experience die neue E-Mail-Struktur. Jedes Mail wird neu mittels modular einsetzbarer Inhaltsblöcke so aufgebaut, dass dem Benutzer die relevanten Informationen der jeweiligen Benachrichtigung prominent angezeigt werden.

Design mit System

Bei der visuellen Ausgestaltung wurde auf intuitive Elemente, Farben und Layouts gesetzt. Mittels verständlichen Icons, bekannten Signalfarben und hervorgehobenen Texten erkennt der Benutzer sofort die Kernbotschaft des jeweiligen Mails. Ein Design-System aus wiederverwendbaren und modular einsetzbaren Bausteinen sorgt für eine konsistente Darstellung über alle E-Mails hinweg.

Mail-Client-Optimierung

Dank Responsive Design und Mobile First-Ansatz werden die Mail-Benachrichtigungen auf allen Geräten optimal dargestellt und nur die relevanten Informationen angezeigt. Mittels Mail-Client-Testing wurden die E-Mails zusätzlich für diverse Mail-Clients wie Gmail, Microsoft Outlook, Apple Mail und GMX optimiert.

Integrierbare Templates

Der zuvor erarbeitete Baukasten an verschiedenen Inhaltsmodulen erlaubte eine schnelle Erstellung der einzelnen Mail Templates. Ein kollaboratives und versionenverwaltetes Entwicklungs-Setup sorgte für eine effiziente Zusammenarbeit mit den Entwicklern von ricardo.ch. So konnten die ersten Mails schnell in die bestehende Plattform integriert und damit Variationen im realen Umfeld getestet und weiter optimiert werden.