Web Design & Web Development für Quiply

Eine neue, flexible Website für die #1 Mitarbeiter-App

Quiply-Website auf einem Tablet | Hypercode, Digital Product Studio, Köln

Quiply unterstützt Unternehmen dabei, die interne Kommunikation und den internen Informations­austausch zu verbessern, indem alle Mitarbeiter, auch die ohne Schreib­tisch­arbeits­platz, ü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 Redaktions­system frei konfigurierbare Seiten­layouts und die individuelle Kombination von Inhalts­elementen ermöglicht.

Kunde
Quiply Technologies GmbH
Leistungen
Technische Konzeption, Web Design, Frontend- & Backend-Entwicklung
Technologie
Craft CMS, Vanilla JS, Hubspot
Quiply Responsive Design | Hypercode, Digital Product Studio, Köln

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, Inhalts­elemente 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 Zusammen­arbeit mit Quiply ein detailiertes Modul­handbuch erstellen, das sämtliche Seitentypen und Komponenten dokumentiert – jeweils mit Funktions­beschreibung, Varianten und responsiver Darstellung.

Die so entstandene, noch „nur“ rein grafische Seiten- und Komponenten­bibliothek überführten wir anschließend 1:1 in die Programmierung, indem wir in einer inter­aktiven Pattern Library funktionale Frontend-Komponenten realisierten, die sich selbst wiederum 1:1 in der Backend-Implementierung verwenden ließen.

CI / CD, Web Design, Fuchs
Web Design, Komponenten,
technische Umsetzung
Quiply Konzpetion Website | Hypercode, Digital Product Studio, Köln
Website-Konzpetion und -Design | Hypercode, Digital Product Studio, Köln Website-Konzpetion und -Design | Hypercode, Digital Product Studio, Köln
Website-Konzpetion und -Design | Hypercode, Digital Product Studio, Köln Website-Konzpetion und -Design | Hypercode, Digital Product Studio, Köln
Website-Konzpetion und -Design | Hypercode, Digital Product Studio, Köln Website-Konzpetion und -Design | Hypercode, Digital Product Studio, Köln

Technologie

Quiply kam mit dem Wunsch auf uns zu, möglichst flexibel unterschiedlichste Inhalts­seiten aufbauen zu können und deren Inhalts­elemente 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 abwechslungs­reich für die Seiten­besucher erfahrbar zu machen.

Um diesen Anforderungen gerecht zu werden, haben wir ein passendes Redaktions­system auf Basis von Craft CMS umgesetzt, einem modernen Content-Management-System, das sich durch vielfältige Einsatz­möglich­keiten auszeichnet und flexibel an die jeweiligen Projekt­bedü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 zukunfts­sichere 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 Redaktions­system 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.

Quiply Storybook | Hypercode, Digital Product Studio, Köln
Dokumentation von Komponenten und deren Funktionsweise in einer Pattern Library um die langfristige Weiterentwicklung zu sichern.
Quiply mit Craft CMS | Hypercode, Digital Product Studio, Köln
Modernes Content-Management-System, das die komfortable Inhaltspflege (z.B. mit Live-Preview) und ein strukturiertes Content-/Page-Building ermöglicht.
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.
Markus Bußmann, Co-Founder, Marketing & Business Development Quiply Technologies GmbH
Diese Website verwendet Cookies
Einige dieser Cookies sind essenziell, während andere uns helfen, diese Website und Ihre Erfahrung zu verbessern. Bitte lesen Sie dazu auch unsere Datenschutzerklärung.
  • Wesentliche Funktionen Cookies dieser Kategorie sind für die Grundfunktionen der Website erforderlich. Sie dienen der sicheren und bestimmungsgemäßen Nutzung und sind daher nicht deaktivierbar.
    Name/Dienst hypercode.de
    Anbieter Hypercode GmbH
    Zweck Bereitstellung wesentlicher Website-Funktionen, wie etwa Abspeichern der Cookie-Präferenzen.
    Datenschutzerklärung https://hypercode.de/datenschutz/
  • Name/Dienst Google Analytics
    Anbieter Google LLC
    Zweck Cookie von Google Analytics für die Website-Analyse. Erzeugt statistische Daten darüber, wie der Besucher die Website nutzt.
    Datenschutzerklärung https://policies.google.com/privacy?hl=de&gl=de