Web Design & Web Development für Quiply
Eine neue, flexible Website für die #1 Mitarbeiter-App
Quiply unterstützt Unternehmen dabei, die interne Kommunikation und den internen Informationsaustausch zu verbessern, indem alle Mitarbeiter, auch die ohne Schreibtischarbeitsplatz, über eine praktische und moderne Mitarbeiter-App informiert und miteinander vernetzt werden.
Um die zahlreichen, nützlichen Funktionen der Mitarbeiter-App bestmöglich im Web zu präsentieren, wurde von Hypercode eine flexible, neue Website mitkonzipiert, gestaltet und entwickelt, die mit einem modernen, komfortablen Redaktionssystem frei konfigurierbare Seitenlayouts und die individuelle Kombination von Inhaltselementen ermöglicht.
- Kunde
- Quiply Technologies GmbH
- Leistungen
- Technische Konzeption, Web Design, Frontend- & Backend-Entwicklung
- Technologie
- Craft CMS, Vanilla JS, Hubspot
Unser Prozess
Nachdem Quiply zusammen mit der Kreativagentur Freundeskreis aus Münster eine neue Corporate Identity/ein neues Corporate Design, sowie ein dazu passendes, neues Web Design erarbeitet hat, haben wir die Ausarbeitung des Web Designs für die diversen Gerätegrößen, Inhaltselemente und Unterseiten übernommen.
Dazu haben wir zunächst eine Inventarisierung der bestehenden Website und ihrer Komponenten und Funktionen durchgeführt und diese mit den Anforderungen und Wünschen an den neuen Auftritt kombiniert. Auf Basis dessen konnten wir in enger Zusammenarbeit mit Quiply ein detailiertes Modulhandbuch erstellen, das sämtliche Seitentypen und Komponenten dokumentiert – jeweils mit Funktionsbeschreibung, Varianten und responsiver Darstellung.
Die so entstandene, noch „nur“ rein grafische Seiten- und Komponentenbibliothek überführten wir anschließend 1:1 in die Programmierung, indem wir in einer interaktiven Pattern Library funktionale Frontend-Komponenten realisierten, die sich selbst wiederum 1:1 in der Backend-Implementierung verwenden ließen.
technische Umsetzung
Technologie
Quiply kam mit dem Wunsch auf uns zu, möglichst flexibel unterschiedlichste Inhaltsseiten aufbauen zu können und deren Inhaltselemente frei miteinander kombinieren zu können. Individuelle Grid-Layouts sollten ebenso möglich sein, wie die komfortable Pflege von interaktiven Komponenten, um so das Feature-Set der Mitarbeiter-App informativ, explorativ und vor allem abwechslungsreich für die Seitenbesucher erfahrbar zu machen.
Um diesen Anforderungen gerecht zu werden, haben wir ein passendes Redaktionssystem auf Basis von Craft CMS umgesetzt, einem modernen Content-Management-System, das sich durch vielfältige Einsatzmöglichkeiten auszeichnet und flexibel an die jeweiligen Projektbedürfnisse angepasst werden kann. Das CMS bedient sich dabei direkt an den funktionalen Frontend-Komponenten einer Storybook- und Twig-basierten Pattern Library, wodurch wir trotz klassischem Server-Side-Rendering die initiale und langfristige (Weiter-)Entwicklung beschleunigen und Fehlerfälle minimieren konnten. Im Frontend setzen wir dabei auf zeitgemäße und zukunftssichere Technologien, um dynamische und interaktive Funktionen bei bester Kompatibilität zu ermöglichen.
Zur Integration der von Quiply verwendeten Marketing-Software HubSpot haben wir das Redaktionssystem zudem so erweitert, dass HubSpot-eigene Komponenten problemlos auf der Website integriert werden können. Bei HubSpot liegende Inhalte werden darüber hinaus regelmäßig indexiert und können über die Suchfunktion schnell aufgefunden werden.
Web-Entwicklung mit Storybook
Web-Entwicklung mit Craft CMS
Hypercode war der Partner, der die richtigen Skills in unser Projekt gebracht hat. Das mit unserer Kreativagentur entwickelte neue CD und CI wurde technisch und gestalterisch sehr gut umgesetzt.
Die Kenntnisse im CMS-Development mit Craft CMS gepaart mit ästhetischem Gespür machen die Qualität von Hypercode aus. Ein schönes Plus, wenn die Zusammenarbeit auch noch so herzlich und sympathisch verläuft.
