Macromo: web, který dává datům smysl a značce globální ambice
Macromo je digitální platforma pro zdravotní a laboratorní data. Navrhli jsme poutavé UX a UI s interaktivním obsahem, který složitá data srozumitelně vykládá a představuje značku s globální ambicí.
Ve zkratce
10+
Animované key visualy a ilustrace
Animace a vizuály navržené v iteracích, které vysvětlují složitá data a budují silnou vizuální identitu.
100 %
V souladu s mezinárodní ambicí Macromo
Navrženo v úzké spolupráci s týmem Macromo, v souladu s jeho produktovou vizí a cílením.
4
Klíčové stránky, které udávají nový směr
Čtyři zásadní stránky, které sdělují hodnotu Macromo, jeho směr a hlavní přínosy.
O projektu
Macromo pracuje se zdravotními a laboratorními daty. Web musel spojit silné vizuální působení s funkční srozumitelností.
Interaktivní vizualizace, pohyb a jasná informační hierarchie pomáhají lidem pochopit, co data znamenají, i bez odborných znalostí, a podporují ambici oslovit mezinárodní publikum.
Zaměření
- Intuitivní UX design
- Moderní UI na úrovni světových startupů
- Interaktivní, animované UI a obsah
Výzvy
Hlavní výzvou byl koncept, který propojí odborný medicínský kontext s jednoduchým, lidským a přístupným rozhraním – takovým, jaké sluší startupu, který chce dobýt svět.
Návrh musel zvládnout spoustu informací, mnoho typů dat i různou úroveň znalostí: přesný pro odborníky, a přitom čitelný pro každého bez lékařského vzdělání, s interaktivními bloky, které vysvětlují, co Macromo nabízí.
Designové výzvy a řešení
Pracovali jsme v úzké shodě s týmem Macromo, především s CEO Evou Kuttichovou, původně designérkou s jasnou vizí a vysokými nároky.
Řešení nevzešlo z jediného návrhu. Připravili a otestovali jsme mnoho variant animací, přechodů a kompozic, dokud řešení srozumitelně nevysvětlovalo data a neodpovídalo ambici značky.
Klíčové body
- Převést složitá laboratorní data do jasných vizuálních struktur
- Jasná vizuální hierarchie pro rychlou orientaci
- Design, který získá mezinárodní publikum
Jak jsme pracovali
Začali jsme analýzou uživatelských scénářů a typů dat, se kterými Macromo pracuje.
Pak jsme stanovili vizuální principy, hierarchii, barvy a typografii a návrh rozvíjeli v iteracích přes skici a vizuální koncepty, s důrazem na čitelnost, konzistenci a klidný vizuální projev.
Postup
- Jasné UX klíčových stránek a nový digitální vizuální jazyk
- Projektové role, ve kterých byla i samotná CEO
- Iterace mnoha variant stránek, modulů a detailních interakcí
Dopad
Silný vizuální jazyk webu Macromo, který produkt srozumitelně vysvětluje a v každé sekci jde do detailu. Buduje důvěru a porozumění a reprezentuje Macromo a jeho produkt na globální úrovni.