GDCH.App — APP FÜR DIE GESELLSCHAFT DEUTSCHER CHEMIKER

Wie wir eine App für über 30.000 Chemiker entwickelt haben

mockup of the GDCh app home page on a laptop
ÜBERBLICK

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/Monat

ROADMAP

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.

01

Konzept und UX-Design

02

Visuelle Gestaltung

03

Programmieren
KONZEPT & UX-DESIGN

Was wollen die Nutzer

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.
VISUELLE GESTALTUNG

Ein moderner 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 alle Hände voll zu tun und konnten es kaum erwarten, diese technischen Hindernisse 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 anordnen, um Benutzer auf Desktop-PCs, Tablets und Smartphones einzubeziehen — und genau das haben wir stilvoll gemacht.

PROGRAMMIERUNG (FRONTEND)

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 bereitgestellt von The 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, Anmeldung, Push-Benachrichtigungen, Autoren und vieles mehr verantwortlich sind. Aufgrund einer verteilten Cloud-basierten Microservice-Architektur sind diese Dienste autonom, ausfallsicher und leicht skalierbar.

Frontend

React.js

/

Next.js

/

Reagieren Sie nativ

/

Weltausstellung

/

iOS und Android

/

HTML 5 + CSS3

Backend

GraphQL

/

Node.js

/

Vercel

/

Hygraph

/

Serverlose Funktionen

ERGEBNIS UND AUSBLICK

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, Marketingleiter

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

Wir freuen uns auf Ihre Nachricht. Schicken Sie uns gerne eine E-Mail an hello@especial.digital

By filling in your email, you agree to our Privacy Policy.
Danke, dass du dich gemeldet hast.
Wir werden uns in Kürze bei Ihnen melden!
Hoppla! Es sieht so aus, als ob beim Absenden Ihres Formulars ein Problem aufgetreten ist.