idealo Next Web Platform

idealo ist ein Unternehmen mit Spezialisierung auf Preisvergleiche im Internet. Das Portal bietet Internetnutzern die Möglichkeit nach einem bestimmten Produkt zu suchen und filtert dabei eine Produktkategorie nach Eigenschaften. Die Produkte werden standardmäßig nach Popularität sortiert. Zusätzlich werden Testergebnisse, Nutzermeinungen, Preisverlauf und Datenblätter zur Verfügung gestellt.


Projekt

idealo möchte als Teil ihres Design Systems, eine Marketing-Seite unter der URL idealo.design veröffentlichen. Unsere Aufgabe war die Erstellung eines Blogs im Design System, in dem Entwickler:innen und Designer:innen über ihre Entdeckungen und Problemlösungen zum Thema Design System berichten können. Dabei sollte das Blog-System neben üblichen Funktionalitäten wie einer Listen- und Detailansicht sowie Kategorien und Tags auch eine einfache Eingabemaske zum Erstellen von Blogposts beinhalten. Da nur Mitarbeiter von idealo einen Blogpost verfassen dürfen, muss das Blog-System auch eine einfache Form von Authentifizierung für eben jene bereitstellen.


Projektteam

Bettina Mueller

Entwicklerin

Eda Guengoer

Entwicklerin

Grace Dodi

Entwicklerin

Hai Trang Vu Thi

Scrum Master

Julia Schafferus

Entwicklerin

Lilit Harutyunyan

Entwicklerin

Pede Mahulome

Product Owner


Verwendete Technologien

Technologien

Gallery: Ergebnisse

Projektergebnis

Übersichtsseite:

Die Übersichtsseite besteht aus einer Listenansicht aller Blogposts die chronologisch angezeigt werden und in der Sidebar werden sie alle in Kategorien unterteilt.

Next and previous button:

Auf der Übersichtsseite können Besucher:innen, sobald sie auf einem Post klicken mit dem „next“ und „previous“-Button durch alle möglichen Posts blättern. Das besondere daran ist, dass sie chronologisch angezeigt werden.

Blogpost schreiben:

In diese Funktionalität können idealo Mitarbeiter:innen, wenn sie eingeloggt sind Blogpost schreiben und posten. Des Weiteren können Autor:innen, wenn sie möchten, eigene Post mit ihren Social Media Accounts verlinken. Die Icons, für die jeweiligen Seiten werden dezent über den Post aufgelistet. Außerdem werden alle Posts mit Datum und Uhrzeit vermerkt und wenn gewünscht ist auch der Autorenname. Alle Post sowie verlinkte Soziale Medien, Uhrzeit, Datum und Autorenname werden in eine Datenbank gespeichert.

Editieren:

Durch diese Funktionalität können idealo Mitarbeiter:innen ihre bereits geposteten Artikel bearbeiten oder sogar löschen. Alle Änderungen werden in eine Datenbank gespeichert. Sollten aber Bearbeiter:innen die Seite verlassen wollen ohne zu speichern, taucht als Warnung ein Pop up Fenster auf, der den/die Nutzer:innen fragt ob er/sie wirklich die Seite verlassen möchte.

Wie kann das Produkt weiterentwickelt werden:

In Zukunft möchte idealo weitere Features für eine bessere Kollaboration einbauen, wie zu Beispiel eine Tag-, Kommentar- und Like-Funktion. Das Projekt wird im Anschluss als Traineeship von idealo weitergeführt, wobei einige Projektmitglieder am Design System weiterarbeiten werden. Generell soll das Design System eine solide Grundlage für eine gemeinsame Entwicklung von Komponenten bieten, um seitenübergreifend arbeiten zu können - die Entwicklung des Blog-Systems hat einen Teil dazu beigetragen.