Design Macromo webu, který dává datům smysl a značce globální ambici
O projektu
- Intuitivní UX design
- Moderní UI na úrovni světových startupů
- Interaktivní a animované UI včetně obsahu
Macromo je digitální platforma zaměřená na práci se zdravotními a laboratorními daty. Cílem projektu bylo navrhnout poutavé UX a UI řešení s důrazem na interaktivní obsah, který dokáže jasně a srozumitelně interpretovat komplexní data a zároveň perfektně odprezentovat myšlenku a vizi značky Macromo.
Design webu byl proto koncipován tak, aby kombinoval vysokou vizuální atraktivitu s funkční srozumitelností. Interaktivní vizualizace, práce s pohybem a jasná informační hierarchie pomáhají uživatelům pochopit význam dat bez nutnosti hluboké odborné znalosti a současně podporují ambici oslovit mezinárodní publikum.
Výzvy
Hlavní výzvou bylo navrhnout vizuální a UX koncept, který dokáže propojit odborný zdravotnický kontext s jednoduchým, lidským a přístupným rozhraním odpovídajícím startupu s ambicemi dobýt svět.
Design musel pracovat s velkým množstvím informací, různými typy dat a rozdílnou úrovní znalostí uživatelů. Bylo nutné navrhnout vizuální rozhraní, které je dostatečně přesné z hlediska odborného kontextu, ale zároveň čitelné a přístupné i pro běžného uživatele bez medicínského vzdělání. A to za pomoci interaktivních bloků, které lépe interpretují, co Macromo nabízí.
Designové výzvy a řešení
- Převod komplexních laboratorních dat do srozumitelných vizuálních struktur
- Nastavení srozumitelné vizuální hierarchie pro rychlou orientaci
- Zpracování designu, který zaujme mezinárodní publikum
Součástí výzvy bylo perfektní sladění s týmem Macromo, především s CEO Evou Kuttichovou, která je sama původem designérka. Díky tomu měla jasnou vizi, vysoké nároky na výsledek a zároveň skvěle připravené zadání. Spolupráce proto probíhala formou intenzivního dialogu nad vizuálními principy, interakcemi a celkovým vyzněním produktu.
Výsledný design nevznikl jedním návrhem. Šlo o důkladnou práci, během které jsme připravovali a testovali různé varianty animací, přechodů a vizuálních kompozic.
Postupným laděním jsme se dostali k řešení, které nejen srozumitelně interpretuje data, ale zároveň plně odpovídá očekáváním klientky i ambicím značky Macromo.
Jak jsme postupovali
- Navrhli jsme srozumitelné UX klíčových stránek a vytvořili nový vizuální digitální jazyk pro prezentaci Macromo v online prostředí
- Nastavení rolí v projektu, kde jsme zapojili i samotnou CEO
- Iterace mnoha variant stránek, modulů a detailních interakcí
Projekt jsme zahájili analýzou a detailním pochopením uživatelských scénářů a typů dat, se kterými Macromo pracuje.
Na základě toho jsme definovali vizuální principy, práci s hierarchií, barvami a typografií. Návrh jsme iterativně rozvíjeli skrze skici a vizuální koncepty s důrazem na čitelnost, konzistenci a klidný vizuální projev.
Dopady
Výsledkem je silný vizuální jazyk webové prezentace Macromo, který jasně interpretuje svůj produkt a jde do detailu v rámci každé své sekce, aby zvýšil důvěryhodnost a srozumitelnost produktu, který Macromo nabízí.
Celkově web reprezentuje značku Macromo a její produkt na globální úrovni.
