Redesign prezentačného webu jednej z najznámejších českých nadácií s dôrazom na prehľadnosť, dôveryhodnosť a inkluzívny dizajn pre dve veľmi odlišné cieľové skupiny návštevníkov.
Dobrý Anděl je súkromná charitatívna nadácia, ktorá každý mesiac podporuje tisíce rodín s deťmi v ťažkej životnej situácii spôsobenej vážnym ochorením.
Zadanie bolo jasné: zachovať dôveryhodnosť a hrejivosť značky, no vytvoriť web, ktorý bude rovnako zrozumiteľný pre darcu aj pre rodinu žiadajúcu o pomoc.
Prvý spoločný meeting bol o počúvaní. Prešli sme existujúcim webom stránku po stránke - čo funguje, čo je naopak mätúce, kde sa návštevníci strácajú. Klient zdieľal moodboard iných neziskových organizácií v ČR a spoločne sme definovali, čo chceme prebrať, čím sa inšpirovať rozhodne nebudeme a kde hľadáme vlastnú cestu. Výstupom bol odsúhlasený rozsah redesignu a zoznam priorít.
Na základe auditu existujúceho obsahu vznikla rozsiahla site mapa. Typologicky som rozdelila komponenty, overila, kde sa opakujú, a nastavila logiku prepojení medzi stránkami. Zároveň som overila, že žiadny dôležitý obsah nezapadne - ani stránky pre darcov, ani sekcia pre rodiny, ani legislatívne povinné podstránky.
Wireframovanie odhalilo, kde je potrebný väčší priestor pre text, kde bude CTA kritické a kde musíme pracovať s tabuľkami a číslami (mesačné štatistiky, výška pomoci a pod). Každý komponent sme ladili s ohľadom na prehľadnosť a logický tok stránky.
Pred samotným vizuálnym návrhom som z brand manuálu Dobrého anděla vydefinovala základné prvky design systému – farebnú paletu, typografiu, CTA a ich stavy. Na tomto základe vznikli kľúčové zdieľané komponenty: navbar, footer, hero sekcia, CTA blok a pod. Hlavnou výzvou bolo modernizovať vizuálny jazyk webu bez toho, aby sme odcudzili cieľovú skupinu. Ľudí, pre ktorých môžu byť zložité animácie a prechody mätúce.
Dve odlišné skupiny
Web súčasne oslovuje darcov, ktorí chcú pomáhať, aj rodiny, ktoré pomoc potrebujú. Navigácia, tón aj obsah museli byť zrozumiteľné pre obe skupiny
Inkluzívny dizajn
Cieľová skupina zahŕňa aj ľudí v krízovej situácii, seniorov či menej zdatných používateľov. Moderné interakcie a zložité scroll animácie boli mimo hry.
Obsah vs. prehľadnosť
Nadácia má bohatý, vecne dôležitý obsah – štatistiky, príbehy, pravidlá, legislatívu. Úlohou nebolo obsah zredukovať, ale hierarchicky ho usporiadať.
Nový web Dobrého anděla stojí na jasnej informačnej architektúre, konzistentnom design systéme a vizuálnom jazyku, ktorý rešpektuje zaužívanú identitu značky a zároveň ju posúva vpred.
Každá kľúčová stránka: domovská, sekcia pre darcov, sekcia pre rodiny, o nás, má jasnú štruktúru a vedie návštevníka k akcii - prispieť, požiadať o pomoc alebo zistiť viac. Dobrý Anděl má web, ktorý dokáže rásť spolu s organizáciou.
