React.js
/
Next.js
/
React Native
/
Expo
/
iOS & Android
/
HTML 5 + CSS3
GDCh.App — App für die gesellschaft Deutscher chemiker
Wie wir eine App für über 30.000 Chemiker entwickelt haben
Die GDCh.App
Es ist Mitte 2020 und die GDCh ist auf der Suche nach dem perfekten Partner für ihre GDCh.App — ein digitales Leuchtturmprojekt für die renommierte Gesellschaft Deutscher Chemiker.
Kunde
Gesellschaft Deutscher Chemiker e.V.
Dienstleistungen
UX-Gestaltung
/
Gestaltung der Benutzeroberfläche
/
Web-Entwicklung
/
Entwicklung von Apps
Dauer des Projekts
7 Monate
Das Team
1 Projektleiter
/
2 Frontend
Ingenieure
/
2 Backend
Ingenieure
/
1 UX-Designer
/
1 Visueller Designer
Herausforderungen und Ziele
Das Memo war klar — wir hatten ein Jahr Zeit, um die GDCh.App zu erstellen, um die mehr als 30.000 internationalen GDCh-Mitglieder positiv zu beeinflussen. Nachrichten, Artikel und soziale Medien aus verschiedenen Kanälen und Systemen mussten in die App integriert werden. Mitglieder können Profile erstellen und ihre Kollegen in der App finden, die im Internet, App Store und Play Store verfügbar sein musste.
Unser Ansatz
Aufgrund der komplexen und vielschichtigen technischen und inhaltlichen Anforderungen der GDCh rieten wir zunächst zur Durchführung eines UX- und Konzeptworkshops. Ziel war es, das endgültige Feature-Set mit allen Stakeholdern festzulegen und den Grundstein für ein erfolgreiches IT-Projekt zu legen.
30k+
Registrierte Nutzer in Deutschland und weltweit
8+
Unterstützte Plattformen und Gerätetypen
7
Besondere Dreamteam-Mitarbeiter
0
Geplante Wartungsstunden pro Monat
Wie wir die App entwickelt haben
Zusammen mit den Stakeholdern durchlaufen wir die Konzeptphase, in der wir Wireframes erstellen und Features in Design Sprints oder UX Workshops entwickeln. Die Wireframes werden dann im Visual Design in Bezug auf Farbe und Ästhetik verfeinert und schließlich in Programmcode umgewandelt.
Konzept und UX-Design
Visuelle Gestaltung
Programmieren
Was wollen die Nutzer
What do users want
Gemeinsam mit den Stakeholdern durchlaufen wir die Konzeptphase mit der Erstellung von Wireframes und der Entwicklung von Features in Design Sprints oder UX Workshops. Die Wireframes werden dann im Visual Design in Bezug auf Farbe und Ästhetik verfeinert und schließlich in Programmcode umgesetzt.
01 Toller Inhalt auf einen Blick
Die GDCh bietet vielfältige und qualitativ hochwertige Inhalte für die chemische Gemeinschaft und alle, die sich für Chemie interessieren. Die Integration des Magazins ihrer Mitglieder als Bücherregal und zahlreicher Artikel von anderen Plattformen wie Typo3 und Twitter mussten in der App leicht verfügbar sein. Ziel war es, dass die Inhalte leicht zugänglich und geteilt werden können. Deshalb haben wir Push-Benachrichtigungen, Lesezeichen und Optionen zum Teilen integriert.
02 Der soziale Schmetterling
Ein leicht zu kartierendes soziales Netzwerk ist für die Nutzer der GDCh.App unerlässlich. Mitglieder sollten in der Lage sein, ihre Interessen, ihr Fachgebiet und ihre Profilbiografie mitzuteilen. Das Hochladen eines Profilbildes und das Verlinken auf andere soziale Netzwerke wie Twitter und LinkedIn waren ebenfalls Teil der Anforderungen.
03 Einfacher Zugriff — App und Web
Auf Knopfdruck verfügbar. Die GDCh.App musste mühelos zugänglich sein, egal ob der Benutzer im Büro, im Labor, am Frühstückstisch, im Zug zum Universitätscampus oder einfach unterwegs war. Unter Berücksichtigung dieser Anforderungen wurde eine plattformübergreifende App mit vollem Funktionsumfang sowohl im Web als auch auf Desktop-PCs, Notebooks, Tablets und Smartphones entwickelt.
04 E-Learning, E-Commerce und vieles mehr!
Ich schaue immer nach vorne. Für das digitale Leuchtturmprojekt war es wichtig, langfristig zu denken. Die GDCh.App musste die Bandbreite haben, um Zukunftsideen wie die Integration von Weiterbildungsangeboten oder dem Career Service einfließen zu lassen. Das Design, die Systemlandschaft und die technische Struktur der App mussten für diese potenziellen Änderungen gerüstet sein.
Die Art und Weise, wie wir arbeiten, ist einzigartig und äußerst effektiv.
Innerhalb weniger Wochen hatten wir die Konzeptphase abgeschlossen. Wir hatten uns mit allen Beteiligten auf die Vision der App geeinigt, die Datenstruktur analysiert und einen anklickbaren Prototyp entwickelt. Der von uns erstellte Prototyp diente der GDCh als perfektes Bild, um ihre endgültigen konzeptionellen Änderungen vorzunehmen.
Innerhalb weniger Wochen hatten wir die Konzeptphase abgeschlossen. Wir hatten uns mit allen Beteiligten auf die Vision der App geeinigt, die Datenstruktur analysiert und einen anklickbaren Prototyp entwickelt. Der von uns erstellte Prototyp diente der GDCh als perfektes Bild, um ihre endgültigen konzeptionellen Änderungen vorzunehmen.
Ein moderner Look
A Modern Look
Sobald die Konzeptphase abgeschlossen ist, untersuchen und entwickeln wir das visuelle Design weiter. Hier implementieren wir die visuellen und ästhetischen Verbesserungen der GDCH.App.
Einen generellen stilistischen Überblick erhielten wir von ihrem bestehenden Corporate Design. Wir mussten ein modernes Layout für die Social-Media-Komponenten erstellen. Wir mussten uns um eine App bemühen, die ein nahtloses Leseerlebnis bietet. Zum Beispiel, wenn Benutzer die Schriftgröße in der App anpassen können.
Wir hatten eine anspruchsvolle Aufgabe vor uns und konnten es kaum erwarten, diese technischen Herausforderungen für unseren Kunden zu lösen. Die GDCh.App wurde als App für iOS, Android und das Internet konzipiert. Wir mussten das Design neu arrangieren, um Benutzer auf Desktop-PCs, Tablets und Smartphones einzubeziehen - was uns stilvoll gelungen ist.
→ Programming (Front-end) - Flexibel, effizient und skalierbar
01 Vereinfachen Sie mit Headless E-Commerce
Dank eines API-basierten Ansatzes ist die Frontend-Technologie mit Daten unterschiedlicher Qualität, Herkunft und Sprache kompatibel. Sie ist nicht an ein bestimmtes CMS gebunden und kann daher mit geringem Aufwand mit neuen Systemen synchronisiert werden — was das Leben aller einfacher macht.
02 Aufführung auf dem neuesten Stand der Technik
Die verwendeten Frontend-Technologien wie State Site Generator ermöglichen Download-Geschwindigkeiten, die auch unterwegs die besten Ergebnisse bieten, wie sie in Google Lighthouse und Google PageSpeed erzielt werden. Integrierte Social-Media-Tags erleichtern es den Nutzern von GDCH.app, Inhalte auf verschiedenen Social-Media-Plattformen und innerhalb des Unternehmens zu teilen.
03 Wir sprechen: NEXT LEVEL CODE
Normalerweise muss eine Kombination verschiedener Programmiersprachen und Systeme für das Web, iOS und Android verwendet werden. Durch den Einsatz der neuesten Technologien konnten wir jedoch einen Code erstellen, der für alle drei Plattformen gleichzeitig funktioniert. Dies reduzierte die Entwicklungs- und zukünftigen Wartungskosten erheblich. Gewinnen.
04 Auf einer Wolke schweben
Die Cloud hat die Dinge vereinfacht. Vorbei sind die Zeiten komplizierter Hosting- und Wartungsverträge. Wir haben bewiesen, dass sowohl das Frontend als auch das Backend (siehe unten) durch den Einsatz der modernsten Cloud-Infrastruktur von AWS und Vercel nur wenig Wartung benötigen und zu minimalen Kosten betrieben werden.
→ Programmierung (Backend) -Microservices aus der Cloud
Es wurde eine Kombination aus 7 Backend-Microservices entwickelt, die automatisch laufen und für die Aktualisierung und Aktualisierung der Daten für Mitglieder, Artikel, Bilder, Videos, Login, Push-Benachrichtigungen, Autoren und vieles mehr verantwortlich sind. Dank einer verteilten Cloud-basierten Microservice-Architektur sind diese Dienste autonom, ausfallsicher und leicht skalierbar.
Frontend
Backend
GraphQL
/
Node.js
/
Vercel
/
Hygraph
/
Serverless Functions
Digitale Zukunft, wir sind bereit für Sie
Diese traditionelle Chemical Society benötigte eine App, die sie problemlos in die digitale Zukunft mitnehmen konnte. Mit einer größtenteils von der Cloud betriebenen Infrastruktur haben wir eine zukunftsorientierte, flexible GDCH.App entwickelt, die innerhalb weniger Wochen um zusätzliche Dienste aktualisiert werden kann.
30k+
Registrierte Nutzer in Deutschland und weltweit
8+
Unterstützte Plattformen
und Gerätetypen
7
Besondere Dreamteam-Mitarbeiter
0
Geplante Wartungsstunden/Monat
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
1 Anruf
eine Woche reicht aus, um auch die komplexen Probleme zu lösen
Alle Tore
wurden erreicht — wir haben pünktlich und innerhalb des Budgets geliefert
