UI/UX designer @ Manu Inno

ui/ux

Design system

Prototyping

Handoff

Digitálna platforma pre správu bytových domov a smart domácnosti

Kompletný UI/UX dizajn dvoch komplexných systémov – administračného portálu pre správcov SVJ a aplikácie pre koncových užívateľov.

V tomto projekte som zastrešoval kompletný dizajn pre admin portál určený na správu bytových domov (SVJ), ako aj prepojenú mobilnú a webovú aplikáciu pre obyvateľov. Cieľom bolo vytvoriť jednotné digitálne prostredie, ktoré zjednoduší každodennú správu nehnuteľností a zároveň umožní komfortné ovládanie domácnosti cez smart home technológie a taktiež prehľad spotrieb.

Rozsah mojej práce

✏️

UI a UX dizajn pre admin portál, mobilnú a webovú aplikáciu

🎛️

Vytvorenie a správa dizajn systému (komponenty, variables, štýly, ikony)

🚀

Detailný handoff cez Figmu (anotácie, varianty, responzivita)

🎬

Prototypovanie designov a tvorba video prezentácií

💬

Komunikácia s vývojárskym tímom a riešenie technických obmedzení

Webový administračný portál určený 
pre správcov, technikov a administrátorov SVJ

Zameral som sa na prehľadnosť a jednoduchosť navigácie aj pri komplexných dátach. Portál obsahuje množstvo tabuliek, grafov a formulárov, preto som použil systém komponentov s dôrazom na konzistenciu a rýchlu orientáciu.

Hlavné funkcie

správa budov, bytov a užívateľských účtov
evidencia a sledovanie spotreby komodít
správa a plánovanie udalostí
správa hlasovaní s prehľadným záznamom výsledkov
komunikácia s vlastníkmi a spracovávanie požiadaviek

Mobilná a webová aplikácia pre obyvateľov

Mobilná aj webová verzia boli navrhnuté ako rovnocenné časti jedného systému. Obe ponúkajú plnohodnotný prístup k všetkým funkciám, s dôrazom na prehľadnosť, intuitívne ovládanie a jednotnú vizuálnu identitu. Rozdiel spočíva len v prispôsobení rozhrania rôznym používateľským situáciám.

Hlavné funkcie

ovládanie teploty v miestnostiach a nastavenie teplotných plánov
prehľady a sledovanie spotrieb komodít
ovládanie smart zariadení
interakcia so správcami bytového domu (správy, oznamy, udalosti ...)
hlasovanie a spätná väzba na spoločné rozhodnutia

Výsledok

V rámci projektu bolo navrhnutých a iterovaných stovky obrazoviek – pokrývajúc rôzne scenáre, edge cases, responzívne zobrazenia aj špecifické potreby rôznych typov používateľov.

Vytvoril som kompletný dizajn systém so škálovateľnými komponentmi, typografiou, farbami.  Tento systém zjednotil vizuálny štýl naprieč oboma platformami a výrazne urýchlil návrh aj vývoj.

V rámci handoff fázy som pripravoval detailné anotácie a prepojené komponenty vo Figme, čím som uľahčil spoluprácu s vývojármi.

Počas celého procesu prebiehala intenzívna komunikácia s development tímom, vďaka čomu sme mohli promptne reagovať na technické limity, spätne upravovať návrhy a zabezpečiť bezproblémové nasadenie do produkcie.