evcc ist angetreten, die Nachhaltigkeit beim Laden von Elektrofahrzeugen zu optimieren. Damit die Anwendung nicht nur technisch, sondern auch visuell überzeugt, unterstützten wir das Projekt durch vielfältige Designleistungen.
Entwicklung von Markendesign und UX-Design für das Open-Source-Projekt evcc (electric vehicle charge controller). Dabei handelt es sich um eine kostenlose und herstellerunabhängige Software, die dabei hilft, mit eigens produziertem Photovoltaikstrom, Elektroautos zu laden und den gesamten Ladefluss im Heimbereich zu steuern.
Ein schlichtes aber wirksames Corporate Design bildet die Basis für das Markendesign. Daraus entwickelt haben wir die Gestaltung für Webseite, Marketingmaterialien und die evcc-App. Das gesamte Designpaket entstand in enger Zusammenarbeit mit Michael Geers, der sich für das Projekt als Frontend Engineer engagiert.
Die Markenelemente
Mit Hilfe der evcc-App läßt sich ein Lademanagementsystem umsetzen, um z. B. das Elektroauto mit eigens produziertem Solarstrom zu laden, Überschuss ins Stromnetz einzuspeisen oder den eigenen Batteriespeicher zu laden. Bedienen läßt sich die App über eine Web-Oberfläche, für die wir das UX- und UI-Design entwickelten. Die Herausforderung lag dabei vor allem darin, die vielen Infos und Funktionen übersichtlich und verständlich darzustellen. Zudem war uns eine ästhetische Interfacegestaltung wichtig, um den Joy-Of-Use der Anwendung zu erhöhen und die Leistungsfähigkeit der App zu kommunizieren. Denn dass Dinge, die besser aussehen, auch als funktionstüchtiger eingeschätzt werden, gilt inzwischen als wissenschaftlich erwiesen. Der Effekt ist auch als Ästhetik-Usability-Effekt bekannt (Mehr dazu in unserem Blog „Warum UX- und UI-Design gleich wichtig sind“). Die App wurde im Full-Responsive-Design umgesetzt.
Die evcc App in der Tablet-Version. Als Iconset kommt Shopicons zum Einsatz
Die evcc App in der Smartphone-Version
Wie alle Open-Source-Projekte lebt evcc vom Engagement von Einzelnen, die das Projekt in Ihrer Freizeit unterstützen. Als kleines Dankeschön haben alle evcc-Unterstützer einen Stickerbogen erhalten, um damit die eigene Wallbox und das Elektroauto verschönern zu können. Dazu haben wir verschiedene Illustrationen entworfen und zu einem Stickerbogen arrangiert.
Illustrationen für den Stickerbogen
Sticker im Einsatz von evcc-Unterstützern
Wie evcc funktioniert und was es kann, erfährt man in diesem YouTube-Video der c’t-Redaktion:
Weitere Infos zu evcc finden sich unter evcc.io:
UX & UI DesignDesignsystemeResponsive DesignCorporate DesignIllustration & Icondesign
Herbst 2021