Navrhli sme vizuálny jazyk a layout pre ekonomické aplikácie KROS. Od farieb a typografie až po kľúčové obrazovky a možnosti personalizácie. Začali sme auditom existujúcej aplikácie a rýchlou rešeršou konkurencie, aby sme si ujasnili, čo funguje a čo nie.

Na základe toho sme navrhli nový vizuálny smer, ktorý je prehľadný, konzistentný a pripravený škálovať aj do ďalších aplikácií KROS. Dôraz sme dali na čitateľnosť, jednoduchú orientáciu a opakovateľné UI vzory. Samozrejmosťou je light/dark mód a možnosť prispôsobiť si rozhranie podľa seba.

Prečítajte si viac o tom, ako sme pristupovali k návrhu brand identity a používateľského rozhrania aplikácie KROS Fakturácia.

Typografia s dôrazom na čiteteľnosť pri všetkých veľkostiach textu

Písmo Archivo sme zvolili pre jeho neutrálne vyznenie a spoľahlivú čitateľnosť. Je vhodné pre nadpisy aj bežný text. Funguje rovnako dobre v malých textoch aj vo výrazných nadpisoch a zachováva kontrast v svetlom aj tmavom režime.

Farebná paleta optimalizovaná pre svetlé aj tmavé zobrazenie

Farebný systém vychádza z identity KROS a je navrhnutý pre dobrý kontrast v svetlom aj tmavom režime.
Light mode podporuje čitateľnosť počas dňa, dark mode znižuje rušenie a pomáha sústredeniu. Doplnkové farby slúžia na orientáciu v stave faktúr a práci s dátami.

Ikony s jemnou kresbou

Z viacerých bezplatných ikonsetov sme vybrali Ionicons vo verzii Outline. Obsahuje viac ako 1 300 kvalitných ikon, ktoré sa vizuálne odlišujú od bežných alternatív, ako sú napríklad Material Design ikony od Google.
Bezplatné ikonsety sme uprednostnili pred platenými alebo ikonami na mieru najmä kvôli rýchlosti dodania a úspore nákladov počas vývoja. Zároveň umožňujú flexibilnejšie aktualizácie – nie je potrebné čakať na dodanie nových ikon od grafika. Ak chýba špecifická ikona, je možné ju jednoducho dopracovať na mieru.

Prispôsobenie používateľského prostredia

Navrhli sme vizuálny systém, ktorý umožňuje prispôsobiť vybrané prvky a tým meniť celkový charakter aplikácie. Používateľ si môže upraviť prostredie podľa seba alebo vizuálne odlíšiť jednotlivé (pod)účty, ktoré spravuje.

Grafické hlavičky

Rýchly a efektívny spôsob, ako zmeniť celkové vyznenie rozhrania, je úprava farby a obsahu hlavičky – hlavného baneru. Zároveň ide o jednoduchý spôsob, ako odlíšiť agendy rôznych klientov, ktoré účtár spravuje.

Layouty pracovného prostredia pre bežné aj široké zobrazenie

Flexibilný layout s dôrazom na rýchlu orientáciu. 2- a 3-stĺpové layouty umožňujú variabilitu rozloženie viacerých blokov, v prípde 3-stĺpcových variantov uvažujeme o efektívnej práci na širokých monitoroch.