15 rokov
ochrany prírody v teréne pretavených do jedného uceleného zážitku
Prípadová štúdia · UI/UX platformy na ochranu prírody
Navrhujeme akciu pre divokejší svet.
Justice for Nature potrebovala viac než digitálny archív. Potrebovala viacjazyčný zážitok, ktorý premení pätnásť rokov ochrany prírody na zrozumiteľné príbehy, zmysluplné zapojenie a merateľnú podporu.
30 stránok
navrhnutých pre programy, príbehy a cesty zapojenia
3 jazyky
pre českých, anglických a španielskych návštevníkov
+301%
nárast návštevnosti z sociálnych sietí na web
Prehľad projektu
Poslanie ochrany prírody, v ktorom sa dá orientovať.
Nová platforma musela vyjadriť dôveryhodnosť etablovanej neziskovej organizácie a zároveň urobiť zložité programy zrozumiteľnými pre podporovateľov, dobrovoľníkov, darcov aj medzinárodných partnerov.
Zadanie
Minerva Visuals viedla kompletný UI/UX dizajn a rozsiahlu terénnu činnosť, vedecký monitoring, vzdelávanie aj zapojenie verejnosti usporiadala do responzívneho digitálneho systému. Web25 dizajn pretavilo do živej viacjazyčnej platformy.
Informačná architektúraResponzívne UIKonverzné cestyDizajn systém
Cieľ zážitku
Previesť návštevníkov od povedomia k akcii bez toho, aby sa stratila skutočná zložitosť organizácie: objaviť projekt, pochopiť jeho dopad, stať sa dobrovoľníkom, darovať alebo zostať v kontakte.
ObjaviťPochopiťDôverovaťKonať
Výzva
Zložitá práca. Rôznorodé publikum. Jeden jasný systém.
Pätnásť rokov materiálov
Projekty, správy, terénna činnosť, vedecký monitoring a vzdelávanie potrebovali hierarchiu bez straty hĺbky.
Viacero konverzných ciest
Darovanie, dobrovoľníctvo, newsletter aj podpora projektov vyžadovali rôzny kontext, no jednotný jazyk interakcie.
Medzinárodná dostupnosť
Dizajn musel zostať prehľadný, responzívny a štruktúrou stabilný v českom, anglickom aj španielskom obsahu.
Náš prístup
Od reality v teréne k škálovateľnému rozhraniu.
Audit obsahu
Zmapovali sme programy, správy, publikum a ciele zapojenia.
→Architektúra ciest
Prepojili sme povedomie, objavovanie projektov a cesty k akcii.
→Systém rozhrania
Vytvorili sme responzívne vzory pre príbehy, archívy a výzvy k akcii.
→Odovzdanie vývojárom
Rozloženia, stavy a responzívne správanie sme zladili s Web25.
Vizuálne smerovanie
Redakčná prehľadnosť sa stretáva s naliehavosťou terénu.
Silné fotografie z ochrany prírody prinášajú emócie, zatiaľ čo disciplinované rozostupy, typografia a modulárne vzory obsahu udržiavajú dôveru a použiteľnosť.
Možnosti UI/UX
Preskúmajte systém podľa zážitku.
Každá časť platformy má svoju úlohu, no všetky zdieľajú jeden vizuálny a interakčný jazyk.
Naratívne UX
Urobiť poslanie zrozumiteľným.
Stránky projektov spájajú silný obraz, stručný kontext a postupne odkrývané detaily, aby návštevníci pochopili, prečo táto práca záleží, skôr než sa rozhodnú, ako sa zapoja.
- Redakčná hierarchia pre dlhší obsah o ochrane prírody
- Dopad, lokalita a kontext programu na začiatku
- Fotografia ako dôkaz, nie dekorácia
- Jasné ďalšie kroky na konci každého príbehu
Informačná architektúra
Rýchlo nájsť správny program.
Projekty zahŕňajú ochranu dažďových pralesov, monitoring oceánov, podporu strážcov, boj proti environmentálnej kriminalite a vzdelávanie. Opakovane použiteľný systém kariet a taxonómie udržuje objavovanie prehľadné.
- Programy zoskupené podľa lokality a zamerania ochrany
- Opakovateľné karty archívu vytvárajú rýchlo čitateľný vzor
- Súvisiace iniciatívy udržiavajú pohyb po webe
- Jednotné komponenty podporujú budúci rast
Naše projekty
Dizajn konverzie
Premeniť povedomie na zapojenie.
Vstupy pre darovanie, dobrovoľníctvo a newsletter používajú priamy jazyk a opakujú sa vo vhodných momentoch, namiesto toho, aby o pozornosť súťažili všade naraz.
- Samostatné cesty pre darovanie, dobrovoľníctvo a odber
- Jazyk výziev prepojený s výsledkami projektov
- Menej prekážok pri kľúčových formulároch
- Responzívne výzvy k akcii si zachovávajú prioritu aj na malých obrazovkách
Urobiť ďalší krok
Globálny dosah
Jeden systém v troch jazykoch.
Vizuálny systém zvláda zmeny dĺžky textu, názvov v navigácii aj redakčného rytmu a zároveň zachováva rovnaký rozpoznateľný zážitok vo všetkých regiónoch.
- Štruktúry obsahu v češtine, angličtine a španielčine
- Rozloženia odolné voči dĺžke prekladu
- Spoločná navigácia a vzory interakcie
- Jednotný dizajnový jazyk pre jednoduchú údržbu
CZ EN ES
Film o projekte
Pozrite si digitálny zážitok v pohybe.
Dopad a výsledky
Prehľadnejšia platforma priniesla silnejšie zapojenie.
o 301 % viac návštevnosti zo sociálnych sietí
Nový zážitok dal publiku kampaní jasnejšie miesto, kde pokračovať v objavovaní.
o 22 % viac registrácií dobrovoľníkov
Cielené cesty zapojenia uľahčili objavovanie príležitostí a ich pochopenie.
o 12 % viac registrácií na odber
Vstupy pre newsletter a jasnejšia komunikácia posilnili trvalé spojenie s publikom.
o 30 % nižšie režijné náklady
Štruktúrovaný systém obsahu pomohol internému tímu spravovať informácie efektívnejšie.
„Spolupráca s tímom bola fantastická skúsenosť. Skutočne pochopili našu víziu a pretavili ju do krásneho, funkčného webu, ktorý je dnes srdcom našej ochrany prírody.“
Milan JeglíkPrezident, Justice for Nature
Spolupráca
Navrhnuté spoločne. Odovzdané ako jeden systém.
Minerva Visuals · UI/UX
Viedla informačnú architektúru, vizuálne smerovanie, dizajn responzívneho rozhrania a vzory zážitku zamerané na konverziu.
FigmaUI/UX dizajnDizajn systémResponzívne UX
Web25 · Vývoj
Implementovalo rozhranie, viacjazyčnú infraštruktúru a produkčný web v úzkej spolupráci s dizajnovým tímom.
Web DevelopmentCMSLokalizáciaQA
Pozrite si výsledok
Digitálny domov pre ochranu prírody v akcii.
Navštívte živú platformu a spoznajte jej projekty, terénnu činnosť a spôsoby, ako podporiť divokú prírodu.
Súvisiace projekty
Perch Mobile UI/UX
Perch Mobile nepotreboval len nový vzhľad. Potreboval prepojený zážitok, ktorý zákazníka prevedie od prvého dojmu zo značky cez výber paušálu až po objednávku, bez straty prehľadnosti aj osobnosti.
Maca Booking Engine
Prípadová štúdia vývoja rezervačného systému na mieru pre Saffron Hotel Bratislava. Pozrite si, ako vlastná webová aplikácia prepája rezervácie, dostupnosť, služby, personál a päť jazykov v jednom systéme.
Bolt Taxi
Vytvorili a strihli sme energickú kampaň pre sociálne siete pre Bolt Taxi, postavenú na krátkych filmoch s reálnymi vodičmi, na podporu náboru vodičov v Bratislave.