GDCh.app · Hybrid-App-Plattform für die Gesellschaft Deutscher Chemiker
Wie wir eine digitale Plattform für mehr als 30.000 Chemiker entwickelt haben
Übersicht - Die GDCh App
Die Gesellschaft Deutscher Chemiker brauchte eine digitale Plattform für mehr als 30.000 Mitglieder in Deutschland und weltweit. Ziel war eine zentrale App für Chemie-News, Fachinhalte, Mitgliederprofile, Veranstaltungen, Push Notifications und zukünftige digitale Services.
Especial unterstützte die GDCh bei Konzeption, UX/UI Design, Frontend-Entwicklung, Backend-Entwicklung und App Development. Entstanden ist eine Hybrid-App-Plattform für Web, iOS und Android, umgesetzt mit React, Next.js, React Native, Expo, GraphQL, Node.js, Hygraph, Vercel und serverless Microservices.
Kunde
Gesellschaft Deutscher Chemiker e.V.
Services
•
UX Design
•
UI Design
•
Web development
•
App Development
Projektdauer
7 Monate
Das Team
•
1 Project Manager
•
2 Front-end Engineers
•
2 Back-end Engineers
•
1 UX Designer
•
1 Visual Designer
Herausforderungen und Ziele
Die GDCh brauchte deutlich mehr als eine einfache mobile App. Die Plattform musste Inhalte aus unterschiedlichen Systemen zusammenführen, Mitgliederprofile ermöglichen, auf Web, iOS und Android funktionieren und gleichzeitig flexibel genug für zukünftige digitale Services bleiben.
News, Artikel, Fachzeitschriften, Social-Media-Inhalte, Veranstaltungen und Mitgliederdaten sollten in einer konsistenten Experience verfügbar werden. Gleichzeitig musste die App für eine breite wissenschaftliche Community funktionieren, von Studierenden und Forschenden bis zu Industrieexperten und langjährigen GDCh-Mitgliedern.
Unser Ansatz
Wir starteten mit einer strukturierten Konzept- und UX-Phase, um alle Stakeholder auf ein gemeinsames Feature-Set und eine klare Produktvision auszurichten. Ziel war es, Projektrisiken früh zu reduzieren, die wichtigsten User Journeys zu klären und vor der Entwicklung ein gemeinsames Verständnis für die App zu schaffen.
Gemeinsam mit der GDCh entwickelten wir Wireframes, analysierten die Datenstruktur und erstellten einen klickbaren Prototyp. Dadurch konnte das Team Ideen schnell prüfen, letzte konzeptionelle Entscheidungen treffen und mit einer belastbaren Grundlage in Design und Entwicklung gehen.
+
1
2
2
3
4
5
6
7
8
9
0
1
2
0
1
2
3
4
5
6
7
8
9
0
1
2
K
Registrierte Nutzer
in Deutschland und weltweit
+
0
1
2
3
4
5
6
7
8
9
0
1
1
Unterstützte Plattformen
und Gerätetypen
0
1
2
3
4
5
6
7
8
9
0
1
1
Mitarbeiter im
Especial Team
0
1
2
3
4
5
6
7
8
9
0
1
1
Geplante
Wartungsstunden
pro Monat
0
1
2
3
4
5
6
7
8
9
0
1
1
Anrufe pro Woche
zur Lösung selbst
komplexer Probleme
Alle Ziele
wurden termingerecht und
innerhalb des
Budgets erreicht
Visual Design
Eine moderne App Experience für eine wissenschaftliche Community
Nach der Konzeptphase übertrugen wir das Corporate Design der GDCh in ein modernes digitales Interface. Die Herausforderung war, eine App zu gestalten, die glaubwürdig und fachlich wirkt, aber trotzdem über unterschiedliche Inhaltstypen, Bildschirmgrößen und Nutzungssituationen hinweg einfach bedienbar bleibt.
Das Design musste Lesen, Stöbern, Suchen, Profilinteraktion und Benachrichtigungen unterstützen. Wir setzten auf klare Typografie, zugängliche Layouts und ein ruhiges visuelles System, das wissenschaftliche Inhalte leichter konsumierbar macht. Funktionen wie anpassbare Schriftgrößen helfen Nutzern, die Leseerfahrung an ihre eigenen Bedürfnisse anzupassen.
Das Ergebnis ist ein konsistentes Interface für Web, iOS und Android, das auf Smartphone, Tablet und Desktop funktioniert, ohne wie drei getrennte Produkte zu wirken.
Frontend-Entwicklung -
Flexibel · Effizient · Skalierbar
Eine Codebasis für Web, iOS und Android
01
Normalerweise erfordern Web Apps und mobile Apps unterschiedliche Technologie-Stacks und getrennte Entwicklungsaufwände. Für die GDCh nutzten wir ein modernes Cross-Platform Setup, sodass dieselbe Produktlogik Web, iOS und Android effizient unterstützen kann.
React, Next.js, React Native und Expo ermöglichten eine gemeinsame Plattform-Experience, ohne die Unterschiede zwischen Browser, mobiler App und gerätespezifischen Interaktionen zu ignorieren. Dadurch wurden Entwicklungsaufwand und zukünftige Wartungskomplexität reduziert.
Schnelle Ausspielung unterschiedlicher Inhalte
02
Das Frontend wurde so entwickelt, dass es Inhalte aus verschiedenen Quellen und Systemen verarbeiten kann. Das war wichtig, weil die App Artikel, Journale, Mitgliederinhalte, Social Posts, Bilder, Videos, Events und weitere Informationen mit unterschiedlichen Strukturen und Aktualisierungsrhythmen anzeigen muss.
Durch den API-basierten Aufbau und eine moderne Frontend-Architektur kann die Plattform Inhalte aus mehreren Systemen integrieren, ohne das Produkt an ein einzelnes CMS oder eine einzelne Content-Quelle zu binden.
Performance für den Alltag
everyday use
03
Die App musste auf mobilen Geräten und Desktop zuverlässig funktionieren, weil Mitglieder sie in sehr unterschiedlichen Situationen nutzen. Schnelle Ladezeiten, responsive Layouts und effiziente Content-Auslieferung waren deshalb zentrale Bestandteile der Frontend-Umsetzung.
Wir bauten die Plattform mit Fokus auf Performance, moderne Rendering-Patterns, optimierte Content-Auslieferung und Social-Sharing-Funktionen für Artikel und andere Inhalte.
Cloudbasierte Auslieferung
04
Das Frontend läuft auf moderner Cloud-Infrastruktur. Dadurch reduziert sich die Hosting-Komplexität und der Wartungsaufwand bleibt niedrig. Für die GDCh bedeutet das: weniger operative Infrastrukturarbeit und mehr Fokus auf Inhalte, Mitglieder und neue digitale Services.
Backend-Entwicklung - Cloudbasierte Microservices
für Inhalte, Mitglieder und Notifications
Wir entwickelten eine verteilte Backend-Architektur mit sieben Microservices. Diese Services aktualisieren und verarbeiten automatisch Daten für Mitglieder, Artikel, Bilder, Videos, Login, Push Notifications, Autoren und weitere Content-Bereiche.
Die Architektur basiert auf GraphQL, Node.js, Hygraph, Vercel und Serverless Functions. Dadurch ist das System skalierbar und einfacher zu betreiben, weil einzelne Services unabhängig arbeiten können und verschiedene Teile der App unterstützen, ohne die gesamte Plattform zu einem großen Monolithen zu machen.
Front-end
•
React.js
•
Next.js
•
React Native
•
Expo
•
iOS & Android
•
HTML 5 + CSS3
Back-end
•
GraphQL
•
Node.js
•
Vercel
•
Hygraph
•
Serverless Functions
Eine flexible digitale Plattform für die Chemie-Community
Die GDCh.app gab der Gesellschaft Deutscher Chemiker eine moderne digitale Plattform für Inhalte, Community und zukünftige Mitglieder-Services. Statt nur eine einfache News-App zu bauen, entstand eine flexible Grundlage, die über Web, iOS und Android hinweg funktioniert.
Die cloudbasierte Architektur hält den Wartungsaufwand niedrig und ermöglicht es, die Plattform später um weitere Services zu erweitern. Neue Content-Bereiche, Mitgliederfunktionen, Events, E-Learning oder Career-Angebote können ergänzt werden, ohne die Grundarchitektur neu auszurichten.
Das Projekt zeigt, wie ein Fachverband Inhalte, Community und digitale Services in einer zusammenhängenden App Experience bündeln kann.
+
1
2
2
3
4
5
6
7
8
9
0
1
2
0
1
2
3
4
5
6
7
8
9
0
1
2
K
Registrierte Nutzer
in Deutschland und weltweit
+
0
1
2
3
4
5
6
7
8
9
0
1
1
Unterstützte Plattformen
und Gerätetypen
0
1
2
3
4
5
6
7
8
9
0
1
1
Mitarbeiter im
Especial Team
0
1
2
3
4
5
6
7
8
9
0
1
1
Geplante
Wartungsstunden
pro Monat
0
1
2
3
4
5
6
7
8
9
0
1
1
Anrufe pro Woche
zur Lösung selbst
komplexer Probleme
Alle Ziele
wurden termingerecht und
innerhalb des
Budgets erreicht
Kundenreferenz -Agiler und flexibler Service
„Wir haben uns aus zwei Gründen für Especial entschieden: Einerseits kennen sie den JAM-Stack, auf den wir uns in Zukunft verlassen wollen, sehr gut. Andererseits bieten sie eine faire Abrechnung auf der Grundlage der in den Projektphasen geleisteten Arbeit — agiler und flexibler Service. Ich freue mich immer auf unsere wöchentlichen Treffen.“
Dr. Maximilian Bräutigam
Chief Digital Officer at GDCh
