Konzeption, Webdesign und Website-Entwicklung für chargecloud

Eine komplett individuelle Website für die Komplett­lösung der E-Mobility-Branche

Screenshot chargecloud.de Desktop | Hypercode, Digital Product Studio, Köln Screenshot chargecloud.de Mobile | Hypercode, Digital Product Studio, Köln

chargecloud vereint mit einer flexiblen, Cloud-basierten Software-Lösung sämtliche E-Mobility-Prozesse, die für den erfolgreichen Betrieb von Lade-infrastruktur für Elektro­fahrzeuge benötigt werden, in einer Plattform. Mit einer einzigen Software lassen sich so Ladepunkte & Nutzerdaten ebenso einfach verwalten wie die Abrechnung aller Lade­vor­gänge. Und das für E-Autos, E-Busse und sogar für die Landstromversorgung von Schiffen.

Hypercode hat chargecloud dabei unterstützt, das umfangreiche Feature-Set der Software im Web zu präsentieren. Das Ziel dabei: Den hohen Qualitätsansprüchen, wie sie die Nutzer bereits von der Benutzung und Technik der Software gewohnt waren, sollte auch die neue Website gerecht werden. In enger Abstimmung mit dem Team von chargecloud haben wir daher einen komplett individuellen, neuen Web-Auftritt konzipiert, gestaltet und umgesetzt.

Kunde
chargecloud GmbH
Leistungen
Konzeption, Design,
Web-Entwicklung
Technologie
Craft CMS, GraphQL-API,
Vue.js/Nuxt.js-basierte SPA
Konzeption von chargecloud | Hypercode, Digital Product Studio, Köln

Konzeption

chargecloud kam bereits mit einer ausge­feilten Informationsarchitektur auf uns zu, die wir gemeinsam weiterentwickelten.

chargecloud Webdesign | Hypercode, Digital Product Studio, Köln

Design

Auf dem bereits vorhandenen Corporate Design aufbauend, erarbeiteten wir ein individuelles & innovatives Web-Design.

chargecloud Web-Development | Hypercode, Digital Product Studio, Köln

Entwicklung

Mit Craft CMS und einer GraphQL-basierten Headless-Architektur konnten wir so einen hoch performanten Web-Auftritt umsetzen.

Konzeption & Design

Die Herangehensweise an den Relaunch war von Anfang an klar: Um das innovative und technisch herausragende Angebot von chargecloud angemessen im Web repräsentieren zu können, musste ein dazu passender, moderner Web-Auftritt konzipiert, gestaltet und schließlich entwickelt werden.

Individuelle Komponenten zur Exploration der chargecloud-Services

Gemeinsam mit dem Team von chargecloud erarbeiteten wir in mehreren Workshops die Idee dazu. Indem wir klassiche, von Nutzern bereits erlernte Gestaltungs- und Bedienelemente mit neuartigen, überraschenden Komponenten kombinierten, sollen die Services von chargecloud auf abwechslungsreiche Art entdeckbar gemacht werden. Neben den innovativen, stets vom chargecloud-Signet inspirierten Bühnenbildern finden sich so überall auf der Website interaktive Komponenten, die zur aktiven Auseinander-setzung mit dem chargecloud-Angebot einladen.

chargecloud.de auf einem Laptop | Hypercode, Digital Product Studio, Köln chargecloud.de auf einem Tablet | Hypercode, Digital Product Studio, Köln

Technologie

Um den technischen Anforderungen an eine hoch performante, moderne und flexibel erweiterbare Website gerecht zu werden, setzen wir auf eine Schnittstellen-basierte Headless-Architektur, zusammen mit einer Single Page Application (SPA). Durch die strikte, technische Trennung von Form und Inhalt sind so quasi sofortige Seitenwechsel möglich, die chargecloud.de in punkto Performance und User Experience bestmöglich positionieren.

Um dies zu realisieren, kommt Craft CMS als modernes Content-Management-System zum Einsatz, das seine Inhalte per GraphQL-Schnittstelle bereitstellt. Im Frontend werden diese Inhalte durch eine Single Page Application auf Basis von Vue.js und Nuxt.js konsumiert und blitzschnell aufbereitet. Über externe Schnitt-stellen (APIs) werden zudem externe Dienste, z.B. eine CRM-Anwendung, direkt an die Website angebunden.

Web-Entwicklung von chargecloud.de | Hypercode, Digital Product Studio, Köln
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