chargecloud GmbH

Design & Development for theLeading E-Mobility Software Platform

Startseite von chargecloud, dem Anbieter für Softwarelösungen im Bereich E-Mobility und Ladeinfrastruktur, mit CI/CD-konformem Webdesign, Video-Intro und animierten Reveal-Elementen, die Inhalte, Struktur und Markenauftritt dynamisch inszenieren – konzipiert, gestaltet und entwickelt von Hypercode. | Hypercode, Digital Product Studio, Köln

chargecloud vereint mit einer modularen, cloudbasierten Software-Lösung sämtliche E-Mobility-Prozesse, die für den erfolgreichen Betrieb von Ladeinfrastruktur für Elektrofahrzeuge benötigt werden, in einer Plattform. Sie ermöglicht es Betreiber*innen von Ladeinfrastrukturnetzen, wie Energieversorgern, Flottenbetreibern, Stadtwerken und E-Mobility Service Providern, ihre Ladepunkte effizient zu steuern, zu überwachen und Ladevorgänge abzurechnen, um ihr E-Mobility-Geschäft so zukunftssicher und flexibel zu gestalten.

Hypercode hat chargecloud dabei unterstützt, das umfangreiche 360°-Softwareprodukt im Web 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 so in 2024 – fünf Jahre nach dem ersten gemeinsamen Website-Relaunch – einen runderneuerten, komplett individuellen, neuen Web-Auftritt konzipiert, gestaltet & umgesetzt.

Zur chargecloud-Website

Teaser der chargecloud-Website, die vier E-Mobility-Lösungen in einem klar strukturierten, modernen Interface präsentieren. Die Lösungskarten zeigen, wie Hypercode komplexe Inhalte – vom Betrieb nicht-öffentlicher und öffentlicher Ladeinfrastruktur über die Verwaltung von Ladeangeboten bis hin zum 360°-Dienstleistermodell – in ein hochwertiges, visuell ansprechendes und maximal benutzerfreundliches UX/UI-Design übersetzt. Das durchdachte Layout, starke Bildsprache und präzise typografische Gestaltung unterstreichen Hypercodes Anspruch, führende digitale Lösungen für die Ladeinfrastrukturbranche zu entwickeln. | Hypercode, Digital Product Studio, Köln

Die chargecloud-Website in der mobilen Ansicht mit individuellem Mobilmenü und speziell angepasstem Interface-Design, gestaltet und entwickelt von Hypercode. | Hypercode, Digital Product Studio, Köln

Mobility Services Platform, developed by Hypercode | Hypercode, Digital Product Studio, Köln

Konzeption & Design

Für den Relaunch der chargecloud-Website stand von Beginn an eine präzise strategische Neuausrichtung im Fokus. Zunächst fanden mehrere Workshops mit dem chargecloud-Team statt, in denen wir gemeinsam die Zielsetzung und den Ansatz für die neue Website definierten. In produktiven Sessions wurden erste innovative Konzepte entwickelt, die den Grundstein für den modernisierten Auftritt legten. Auch wurde dargelegt, wie sich die neue Website in den Vertriebsprozess integrieren ließe.

Auf dieser Basis entstand ein maßgeschneidertes Konzept, das klassische Designelemente mit überraschenden, interaktiven Komponenten kombiniert. Die neue Website fokussiert sich darauf, die umfangreichen Services von chargecloud übersichtlich und ansprechend zu präsentieren. Die Corporate Website wird zu einem modernen, benutzerfreundlichen Erlebnis, das die Innovationskraft und Zukunftsorientierung der Marke in den Mittelpunkt stellt.

Aus dem chargecloud-Modulhandbuch: Pattern CTA Assistant & Fallback. Zwei hochwertig gestaltete Call-to-Action-Karten im Desktop- und Mobile-Layout – eine prominente Lösungskarte, die Nutzerinnen direkt zur passenden E-Mobility-Lösung führt, sowie eine beratungsorientierte Alternative für alle, die persönliche Unterstützung wünschen. Jede Karte ist vollständig klickbar und sorgt damit für ein nahtloses, intuitives Nutzerinnenerlebnis – ein Beispiel für die klare, conversionstarke UX, die Hypercode für chargecloud entwickelt hat. | Hypercode, Digital Product Studio, Köln

Das modulare chargecloud Design System in Storybook mit hochwertigen UI-Komponenten, Layouts und Modulen der neuen chargecloud-Website – darunter Hero-Bereiche, Medienlayouts, Illustrationen, Buttons, Grids und Seitenvorlagen. Ein klarer Eindruck der modernen, durchdachten und skalierbaren Design- und Frontend-Architektur, die von Hypercode entwickelt wurde, um chargecloud ein konsistentes, performantes und visuell starkes Web-Erlebnis zu bieten. | Hypercode, Digital Product Studio, Köln

Technologies

Um den technischen Anforderungen an eine hochperformante, moderne und flexibel erweiterbare Website gerecht zu werden, setzen wir auf eine schnittstellenbasierte 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 puncto 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 REST-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 Schnittstellen (APIs) werden zudem externe Dienste, z.B. eine CRM-Anwendung, direkt an die Website angebunden.

Web-Entwicklung mit Vue.js
Web-Entwicklung mit Nuxt
Web-Entwicklung mit REST API
Web-Entwicklung mit CraftCMS
Web-Entwicklung mit Node.js
Web-Entwicklung mit PHP