Cakemail

Herausforderung

Eine der zahlreichen Marketinglösungen, die Cakemail-Kunden genießen, ist die bequeme Verwaltung ihrer Abonnementformulare, die auf ihren Websites oder in ihren Apps erscheinen. Cakemail-Kunden nutzen Abonnementformulare, um die E-Mail-Adressen ihrer Nutzer über ein Online-Formular zu erfassen. Sie können entweder einen Code-Snippet zu ihrer Website hinzufügen oder ihre Nutzer zu einer von Cakemail gehosteten Formularseite weiterleiten.

Cakemail bat uns, den Frontend-Teil der Formulare neu zu gestalten, um diesen Bereich mit den restlichen Aktualisierungen der Cakemail v5 App abzustimmen. Cakemail hatte ihr Kontaktmodul komplett geändert, was die Art und Weise beeinflusste, wie Nutzer ihre Kontakte über Online-Abonnementformulare erfassten. Infolgedessen funktionierte der ursprüngliche Formularbereich nicht mehr mit den neuen Kontakten und benötigte daher einen völlig neuen Code. Obwohl Cakemail eine temporäre Lösung fand, um dieses Problem zu beheben, mussten sie die bestehende Funktionalität erweitern und die Anpassung der Formular-Benutzeroberfläche ermöglichen.

Neben der Arbeit mit der engen Frist mussten wir auch das Frontend ohne Backend vorbereiten, da dieses bei Beginn unserer Arbeit noch nicht fertig war. Mit den gegebenen statischen Mock-Daten, um das Backend zu simulieren, schafften wir es, den Frontend-Teil der Formulare mit all seinen neuen Funktionen zu realisieren.

Lösung

Unsere Hauptaufgabe bestand darin, den alten Formularbereich mit eingeschränkter Funktionalität durch neue Formulare zu ersetzen, die mit React entwickelt wurden, sodass alle Funktionen der Cakemail v5 App synchron arbeiten. Zuerst führten wir eine präzise Sprint-Planung durch, die es uns ermöglichte, alle Fristenrisiken zu minimieren. Wir nutzten Mock-Objekte, die mit dem Backend-Team des Kunden abgestimmt waren, um die weitere Backend-Frontend-Kompatibilität sicherzustellen. Ein weiterer wichtiger Schritt, den wir zu Beginn des Projekts unternahmen, war die Optimierung der Kommunikationskanäle zwischen den Cakemail- und Redwerk-Teams, um eine effektive Zusammenarbeit zu gewährleisten.

Was die technischen Details betrifft, arbeiteten wir an Folgendem:

• Formulare Auflistung – Optionen zum Erstellen, Bearbeiten und Löschen eines Formulars
• Übersicht – bietet Analysen zur Formularleistung und wichtige Informationen über Abonnenten, die mithilfe ansprechender Diagramme und Karten dargestellt werden
• Verlinktes Formular – ermöglicht Cakemail-Kunden, das benötigte Formular hinzuzufügen, indem sie die generierte URL zu Schaltflächen auf ihren Websites einfügen
• Eingebettetes Formular – ermöglicht Cakemail-Kunden, das benötigte Formular hinzuzufügen, indem sie den generierten HTML-Code-Snippet auf ihren Websites einfügen; diese Option ermöglicht die vollständige Anpassung der Benutzeroberfläche der eingebetteten Formulare
• Automatisierte Abläufe – ermöglicht die Verwaltung des Abonnementablaufs: welche Seiten und E-Mails neue Abonnenten sehen, nachdem sie dieses Formular verwendet haben
• Statische E-Mail-Vorlagen – vorbereitete HTML-Vorlagen für verschiedene Anwendungsfälle
• Qualitätssicherung – deckte die neue Funktionalität mit Unit-Tests (Jest, Enzyme) ab, führte manuelle Funktionstests und Fehlerbehebungen durch