Case study · Interný produkt
↳ Stakeholder · Produkt · UX · UI

Štyri appky, jeden pohľad
na vlastnú energiu.

Energy je domáci energetický systém pre FVE výrobu, EV nabíjanie a jazdy — navrhnutý a postavený ako sólo produkt, odladený v dennom používaní jednej domácnosti namiesto dizajnérskeho briefu.

SóloProdukt · UX · UI · vývoj
Python API · SQLStack
PWAiOS · Android · desktop
PriebežneRástlo z denného používania
↳ 01 — Kontext

Dáta fungovali. Prehľad nie.

Domácnosť s fotovoltaikou, domácim wallboxom, prenosnou nabíjačkou a elektromobilom mala všetky dáta, len roztrúsené v štyroch rôznych appkách a exportoch od rôznych výrobcov. Otázka „oplatilo sa mi to dnes?" vyžadovala otvoriť štyri appky a spočítať si to v hlave.

Zadanie nikdy neznelo „postav appku." Znelo „chcem si to pozrieť na telefóne za pár sekúnd, nie hľadať v štyroch nástrojoch." Vlastný systém sa ukázal ako jediný spôsob, ako tieto zdroje naozaj zjednotiť namiesto ďalšieho exportu do Excelu.

↳ 02 — Stakeholderi

Jeden používateľ. Dve rozhrania.

Aj produkt pre jednu domácnosť má reálne odlišné spôsoby použitia — líšia sa nie osobou, ale kontextom a rýchlosťou, akú si daná chvíľa žiada.

Denné použitie

Rýchla kontrola

Otvorí telefón na 5 sekúnd — koľko sa nabilo, koľko to stálo, či ešte beží nabíjanie.

Mesačná bilancia

Reporty a ROI

Chce vedieť, či sa investícia do FVE vypláca a koľko reálne ušetril za posledný mesiac.

Prirodzený jazyk

AI asistent

Namiesto otvárania appky sa jednoducho spýta — „koľko som dnes nabil?" v chate.

Na pozadí

Push notifikácie

Nechce appku sledovať aktívne — appka sama pripomenie, keď sa nabíjanie začne alebo skončí.

Najlepším výskumným participantom pre tento produkt bolo šesť mesiacov skutočných dát z wallboxu a exportov z vozidla.

↳ 03 — Produktová stratégia

Jeden dátový model, nie štyri appky vedľa seba

Rozhodnutie, ktoré určilo všetko ostatné: nabíjania z domáceho wallboxu, prenosnej nabíjačky aj manuálne pridané verejné nabíjania žijú v jednom zjednotenom modeli, takže report, detail session aj AI asistent čítajú presne tie isté fakty — nikdy tri kópie tej istej session, ktoré sa môžu rozísť.

Doma
Domáci wallbox — session
Mimo domova
Prenosná nabíjačka — cloud API
Verejné
Manuálny záznam + mapa staníc
Jazdy
Telemetria vozidla — SoC, trasa, spotreba
FVE
Meracie body striedača — výroba, spotreba, export
Asistent
API pre chatové rozhranie

Každý modul prešiel rovnakým testom: dá sa tento fakt zobraziť v inom kontexte bez duplikovania dát? Nabitá session sa stane riadkom v reporte aj odpoveďou v AI chate — nikdy dvomi rôznymi číslami.

↳ 04 — UX princípy

Navrhnuté pre denné nazerania, aj na analýzy

Primárny use-case je pohľad na pár sekúnd, viackrát denne — nie sedenie nad dátami. Štyri pravidlá odviedli väčšinu roboty:

01Prázdny stav sa neukazuje

Žiadny deň bez dát

Ak sa v daný deň nenabíjalo, karta Prehľad sa jednoducho skryje — namiesto zobrazenia prázdnej správy, ktorú treba každý deň znova mentálne odignorovať.

02Ikona operátora nad generickou

Rozpoznanie na prvý pohľad

Keď appka pozná logo nabíjacej siete, nahradí ním generickú „verejné" ikonu — vizuálne rozlíšenie miest bez čítania textu.

03Detail vs. zoznam

Skrátené v liste, plné v detaile

Zoznam nabíjaní ukazuje skrátenú adresu pre rýchle skenovanie; celú adresu, poznámku a priemerný výkon appka odhalí až v detaile session.

04Slovenský formát čísel

Čísla, ktoré vyzerajú domáco

Desatinná čiarka namiesto bodky naprieč appkou aj v grafoch — malý detail, ktorý rozhoduje, či dáta pôsobia ako „naše" alebo ako export z cudzieho systému.

↳ 05 — Rozhranie

Ako appka vyzerá

Tmavý dizajn s „liquid glass" povrchmi — zavedené nástroje na monitoring energie ako referenčný bod pre pokojné, čitateľné dáta, s vlastným sýto-azúrovým akcentom namiesto klasickej „eko zelenej".

energy — EV nabíjanie
Mesačný prehľad nabíjania v appke Energy
Mesačný prehľad nabíjania. Rozpad podľa miesta (Doma, OMV eMotion, Ionity, verejné siete) s ikonkami operátorov namiesto generických emoji, len z dní s reálnymi dátami.
energy — FVE / Energia
Aktuálny stav a priebeh dňa v appke Energy
Aktuálny stav FVE. Segmentovaný pruh sebaspotreba/export/zo siete, plus real-time graf priebehu dňa s vyznačeným nabíjaním auta — dáta zo striedača každú minútu.
energy — Krivka nabíjania
Detailná krivka nabíjania — výkon, prúd, napätie, teplota
Krivka nabíjania. Výkon, prúd, napätie aj teplota konektora z lokálneho pollera wallboxu — dostupné pre každú session odkedy appka beží, nielen pre cloudové exporty.
↳ 06 — Mobil & AI

Appka, ktorá sa pripomenie sama

Primárne zariadenie je telefón — appka dostala natívne správanie namiesto webu v prehliadači: vlastná ikona na ploche, fixný spodný tab bar a push notifikácie pri štarte a konci nabíjania, aby sa appka nemusela aktívne otvárať.

Druhé rozhranie nie je obrazovka vôbec — je to chat. Kurátorovaná, len na čítanie podmnožina API je vystavená ako nástroj pre chatového asistenta, takže sa dá spýtať „koľko som tento týždeň minul na nabíjanie?" bez otvárania appky.

Mobilný pohľad appky Energy so spodným tab barom
Mobilný layout. Fixný spodný tab bar (EV/FVE), bez zbytočného odsadenia hore — appka sa cíti ako natívna, nie ako web v prehliadači.
↳ 07 — Proces

Vývoj v produkcii, nie pred ňou

Žiadna samostatná dizajnérska fáza — appka sa upravovala priamo na serveri a overovala sa v reálnom prehliadači či telefóne v tej istej konverzácii, v ktorej vznikla požiadavka.

01

„Rozbil si mi graf"

Začalo sa to podozrením na moju dizajnovú úpravu. Až reálny screenshot s hrotom 1 700 kW ukázal, že je to dátový problém, nie CSS.

02

Tri funkčné servery, tri „Failed to connect"

Každá URL fungovala cez curl, ale skutočnú príčinu — zdvojenú cestu — odhalilo až DevTools okno v prehliadači.

03

Chýbajúca cena, ktorá odhalila zdvojené dáta

Jednoduchá otázka o chýbajúcej cene viedla k porovnaniu dvoch dátových zdrojov a odhaleniu šesťdňového prekryvu.

↳ 08 — Reflexia

Čo tu znamenalo byť „produktový dizajnér"

Stavať appku, ktorú sám dnes večer otvoríš skontrolovať si nabíjanie, odstraňuje každú vrstvu zástupného výskumu. Cena je, že nie je na koho zvaliť zlé rozhodnutie — presne preto appka radšej skryje prázdny stav, než aby ukázala niečo nepravdivé.

Ďalšie práce
Späť na Case studies
Zobraziť všetky →
↳ Kontakt

Poďme sa porozprávať.

Konkrétny problém alebo len druhý pohľad — napíšte. Pre korporácie aj pre rastúce tímy.

© 2026 · krei.do — Strategic Product Design PartnerOchrana osobných údajovSK · EMEA
Zakladateľ: Tomáš HudákLinkedInwebsite