Wegweiser in die Zukunft

Invisia entwickelt bahnbrechende Energiesysteme für Gebäude, Quartiere und Areale. Reach Partners konzipiert eine Web App (PWA) zur einfachen Überwachung und komfortablen Steuerung ihrer umfassenden Energiemanagement-Systeme, einschliesslich der Ladestationen für Elektrofahrzeuge.

Services
Strategie
User Experience
User Interface
App Design
Frontend

invisia webapp

Kundinnen und Kunden begeistern

Der Mix aus einer visionären Idee, der richtigen Strategie, User Centered Design und modularem Konzept liess ein herausragendes Produkt entstehen: Es bringt den Nutzerinnen und Nutzern echten Mehrwert und motiviert sie – dank Gamification-Elementen – Energie zu sparen.

So funktioniert es

Speicherprogrammierbare Steuerungen (SPS) dienen als Schnittstelle zu allen Gewerken wie Solaranlage, Ladestationen, Boilern oder Batteriespeichern. Die SPS liefern Daten und übernehmen alle Steuerungsaufgaben, auch wenn die VPN-Verbindung (Virtual Private Network) zur Datenbank unterbrochen ist. Abhängig von den individuellen Rechten haben User*innen Zugriff auf das System und können über die Web App die Anlage überwachen und Befehle absetzen, wie z. B. das Ändern des Lademodus einer Elektroauto-Ladestation.

Invisia Webapp — How it works

Gross denken,
klein anfangen

Die App ist sowohl technisch als auch konzeptionell modular aufgebaut, so dass Erweiterungen, neue Funktionen und Kundenwünsche schnell integriert werden können. Die einfache Bedienung und das Benutzererlebnis bleiben dabei stets erhalten.

Strategy & Wireframes Wireframes

Effizienter Workflow

Um eine einheitliche Benutzeroberfläche sicherzustellen und effiziente Prozesse zwischen Design und Programmierung zu ermöglichen, wurde ein umfassendes Designsystem entwickelt.

Farben
#181932

#009EE3

#FFFFFF

#E9E9E9

#EF0ABE

#00D6D4

#FF264D

#F5A623

Typografie 
Invisia web app typography
Invisia web app typography
Invisia web app typography

Formulare & Buttons
Invisia web app style guide
Invisia web app style guide forms
Invisia web app style guide buttons

inv_form_buttons_4.svg
inv_form_buttons_5.svg
inv_form_buttons_6.svg
inv_form_buttons_7.svg

Keep it simple — auch wenn es immer komplexer wird

Wie stellt man sicher, dass eine wachsende und damit stetig komplexer werdende App einfach zu bedienen bleibt? Ein Schlüssel dazu ist ein gut strukturiertes System einheitlicher und verständlicher Icons.

iconography

car

bike

washer

tank

  • Invisia Web App Design
  • Invisia Web App Design
  • Invisia Web App Design
  • Invisia Web App Design

–

Die Reise ist noch nicht zu Ende

Auch wenn die Vision von Anfang an klar war und viele Funktionalitäten frühzeitig im Backlog erfasst wurden, lebt die App und wird Schritt für Schritt weiterentwickelt. Aus einer einst simplen App ist ein komplexes System mit unzähligen Funktionen geworden – und das, ohne an Einfachheit und intuitiver Bedienbarkeit einzubüssen.

Strategy and information architecture

Einige technische Fakten

Bei der Entwicklung legten wir grossen Wert auf Barrierefreiheit, Performance und Sicherheit. Die App erhält ein A+ in Sicherheitstests (höchste Stufe). HTML5, semantische Markups und animierte SVG-Grafiken unterstützen das angenehme Benutzererlebnis.

25,000
Code-Zeilen —
HTML5, CSS, PHP, JavaScript

400+
Modulare Dateien,
eingebaut in ein MVC framework

0.005s
Ladezeit der
komplexesten Seite

Genug gelesen?

Hallo sagen

2022 - Bitte aktualisieren Sie Ihren Browser