Grantix
eine Headless-Plattform für soziales Unternehmertum
Ich arbeitete an Prototypen, Design und der Headless-Webplattform mit WordPress und WooCommerce hinter einer separaten Next.js-Oberfläche.
- Bereich
- Plattform für Sozialunternehmen
- Technologien
- Next.js / WordPress / WooCommerce
- Projektjahr
- 2024
Die Aufgabe
Grantix ist eine Plattform für soziale Projekte mit Krypto-Spenden und Blockchain-Transaktionsdaten. Die Anwendung benötigte klare Oberflächen und einen praktikablen Ablauf zur Inhaltsverwaltung.
Die Umsetzung
Prototypen der zunächst benötigten Oberflächen bildeten die Grundlage für die Designvorlagen. WordPress und WooCommerce dienten als Headless-Backend: Die Redaktion behielt ihre gewohnte Verwaltung und Inhaltspflege, während Daten per API an das Frontend gingen. Eine separate Next.js-Anwendung stellte die Oberfläche anstelle von WordPress-PHP-Templates dar.
Das Projekt im Detail
Die Bilder zeigen Oberfläche und Kontext. Die Bildunterschriften unterscheiden Projektarchive von heutigen Website-Ansichten.
Von Anforderungen zu Oberflächen
Für die erste Produktphase entstanden Prototypen der benötigten Oberflächen und darauf aufbauende Designvorlagen. Diese erste Phase definierte die Webanwendung vor der Verbindung von Frontend und Verwaltung.
Verwaltung und Darstellung trennen
WordPress und WooCommerce blieben die vertraute Umgebung zur Inhaltspflege. Per API gelangten die Daten an eine separate Next.js-Anwendung, die die öffentliche Oberfläche ohne WordPress-PHP-Templates darstellte.
Das Projekt aus der Nähe
Krypto-Spenden und Transaktionsdaten
Ich arbeitete an Krypto-Spenden über BitPay und DonateCrypto, Smart-Contract-Anbindungen und Transaktionsdaten aus Ethereum L2, Arbitrum und Optimism. Das ist Integrationsarbeit mit bestehenden Anbietern und Netzwerken, kein eigener Spenden-Zahlungsprozessor.
Die Plattform aus Sicht ihrer Besucher
Auf der aktuellen englischen Website können Besucher Kampagnen durchsuchen, Projektgeschichten lesen und den Spendenfortschritt sehen. Katalog, Kampagnenseite und Spendenformular ohne verbundene Wallet zeigen diesen öffentlichen Ablauf. Die eingeblendeten Summen stammen von der Plattform und sind keine Kennzahlen meines Auftrags.
Das Ergebnis
Prototypen und Interface-Design
Separate Next.js-Anwendung
WordPress und WooCommerce als Headless-Backend
Details zu Grantix
Um welche Produktarbeit ging es?
WordPress blieb die Arbeitsumgebung der Redaktion; Next.js übernahm die öffentliche Anwendung.
