Portfolio

Projekte im Detail

Contentful-App für apo.com

Kunde:
apo.com Group

Kategorien
  • contentful
  • react
  • ux-ui
  • webdev
  • webapp

Projektbeschreibung

Contentful ist ein Cloud-basiertes, sogenanntes Headless CMS. Es wurde gewählt, um dem Marketing eine einfache Möglichkeit an die Hand zu geben, Inhalte eigenständig - zunächst nur für die Startseite der Versandapotheke apo.com, später auch für weitere Seiten - einzupflegen und sie zu arrangieren.

Mit der Einführung von Contentful wurde eine große Arbeitserleichterung für das Marketing der apo.com Group geschaffen. Mit diesem Instrument in der Hand können Inhalte wie Texte, Bilder, Slider, Animationen oder auch Anzeigenplätze leicht verwaltet und beliebig platziert werden.

Um die Besucher auch auf das eigene Magazin aufmerksam zu machen, werden die neuesten Teaser der Magazinbeiträge angezeigt. Die Beiträge wiederum kommen aus einer Wordpress-Installation - also einer völlig anderen Quelle. So wurde eine App für Contentful geschrieben, die die neuesten Beiträge aus Wordpress importiert und abspeichert.

Mobile Ansicht der Magazin-App in Contentful
Desktopansicht der Magazin-App in Contentful

Herausforderungen

Die Verwaltung der Magazinbeiträge erfolgt über eine App, die in Contentful installiert werden muss. Contentful bietet dafür die Möglichkeit, die App selbst zu hosten oder sie bei einem beliebigen Anbieter abzulegen. Wir entschieden uns für ein Hosting bei einem externen Anbieter, um die volle Kontrolle über die App und ihre Releases zu behalten.

Contentful bietet Software Development Kits (SDK's) für verschiedene Sprachen oder Frameworks an, darunter JavaScript, Android, PHP, .NET, React oder Vue. Das SDK ermöglichte einen einfachen Einstieg in die Entwicklung der App, womit auf die Felder und das Design-System von Contentful zugegriffen werden kann.

Die Magazin-App für apo.com basiert auf React. Sie importiert die neuesten Beiträge in beliebiger Anzahl über eine Schnittstelle zur Wordpress-Installation als JSON-Liste. Nutzer der App können die Liste nun sortieren, einzelne Beiträge entfernen und in Contentful abspeichern.

Bei einem Aufruf der Startseite von apo.com wird die Liste der Magazin-Beiträge neben den anderen Inhalten von Contentful abgerufen und im Template als Teaser zusammengebaut.

Mit dieser Lösung erhält das Marketing-Team eine einfache Möglichkeit zur Ausspielung von SEO-Inhalten, während das Dev-Team die volle Kontrolle über den Code behält.

Demo

Technologien und Besonderheiten


  • React

  • Contentful CMS

  • Drag'n'Drop

  • UI & UX

Zurück

Habe ich Ihr Interesse geweckt?

Haben Sie Feedback zu diesem Projekt oder möchten Sie ein ähnliches Projekt umsetzen? Schreiben Sie mir oder rufen mich an.

Meine Kontaktdetails Weitere Referenzen ansehen