1.Mi motivált titeket arra, hogy nevezzetek ’Az Év Honlapja’ pályázatra?

Ügyfelünkkel, a MOHU-val közösen úgy éreztük, hogy a MOHUpédia több egy digitális platformnál: ez a hazai hulladékgazdálkodás szemléletformálásának egyik legfontosabb stratégiai pillére. Több mint egy évnyi intenzív közös munka után szerettük volna megmutatni a szakmának, hogy egy ilyen komplex társadalmi célú témát is lehet világszínvonalú UX-szel és egyedi art direkcióval tálalni.

2. Mi volt a legfontosabb prioritás a fejlesztési folyamat során?

Szerettük volna, ha a körforgásos szemlélet unalmas elmélet helyett interaktív formában válik kézzelfoghatóvá – így az újrahasznosítás témája a felnőtteket és a kiemelt figyelmet kapó 10–20 éves korosztályt is valóban megszólítja. Ez a világ nagyon sokrétű és információban gazdag, emiatt az elsődleges prioritások között az állt, hogy a tartalmak kifejezetten könnyen fogyaszthatók legyenek. MOHUpédia város példáján, hétköznapi helyszíneken és szituációkon keresztül ismertetjük meg a környezettudatosság témáit a látogatókkal. Ha ezt a világot sikerül közelebb hoznunk a látogatóhoz, az ismeretek is hamarabb beépülnek, és nagyobb eséllyel kerülnek alkalmazásra a mindennapokban.

3. Milyen szempontokat tartottatok szem előtt a felhasználói élmény kialakításakor?

Nagyon sok energiát fordítottunk a weboldal teljesítményének optimalizálására – a fenti célok elérésének érdekében fontos követelmény, hogy bármilyen eszközről kényelmesen fogyasztható legyen a tartalom. Az egyes hulladéktípusok ismereteinek elsajátításához egy exploratív élményt képzeltünk el, azaz nem szerettük volna a felhasználót egyetlen “helyes” útra korlátozni. Természetesen a különböző tartalmi fejezeteknek van egy általános váza, illetve sorrendje, de az egyes helyszíneken belül is építünk a felhasználók kíváncsiságára. 

Fontos volt továbbá, hogy az interaktív feladatok, játékok érdekesek és különböző jellegűek legyenek. Ehhez UX/UI téren ki kellett találnunk egy olyan design rendszert, ami könnyedén skálázható, hogy a feladatok igényeire tudjuk szabni a megjelenést, de mégis egységes maradhasson.

4. Milyen nehézségekkel, kihívásokkal szembesültetek a folyamat alatt?

A legtöbb kihívással a teljesítmény-optimalizálás során találkoztunk mind a design, mind a fejlesztés terén. MOHUpédia város megalkotásához egyedileg készített vektorgrafikus illusztrációkból Rive alapú interaktív animációk készültek, amik a megoldásunk alapját képezik. Az animációk mérete és számossága is nagy mértékben befolyásolja a teljesítményt. Az ideális eredményhez számos különböző vektoros inputot, animációs exportot és render engine-t is ki kellett próbálnunk, mindezt szimultán több eszközön, amíg megtaláltuk azt a kombinációt, amivel a legstabilabb teljesítményt tudjuk elérni. 

5. Milyen hatással volt ez az elismerés a csapatra és a motivációra?

Új lendületet adott a folytatásra. A szakmai elismerés egyben abba vetett hitünket is megerősítette, hogy valódi szemléletformálást érhetünk el az oldal segítségével.

6. Mit tartotok a legfontosabbnak ahhoz, hogy egy honlap/applikáció sikeres legyen?

Elsősorban azt, hogy valós, létező igényre, problémára adjon egy egyszerű, jól működő választ. A MOHU folyamatosan tapasztalja, hogy bár a szülőkben és tanárokban megvan az igény a környezettudatos nevelésre, hiányoznak a modern, hiteles és ingyenesen elérhető digitális tartalmak. A MOHUpédia ezt az űrt tölti be: száraz prospektusok helyett élményalapú tudásátadást kínál, amivel a pedagógusok munkáját is közvetlenül támogatjuk.

7. Mi az, amitől ti úgy gondoljátok, hogy a honlapotok/applikációtok igazán kitűnik a többi közül? Mi különböztet meg titeket a versenytársaitoktól?

Tartalmilag és technológiai értelemben is egyedi a megoldásunk a magyar piacon, a kezdeményezés pedig hiánypótló. Az egyediség pedig egyből szemet szúr: megszokott panelek, szakmai szövegek és egysíkú stock képek helyett egy kicsi Tesz-vesz városba csöppen az ember, ahol minden négyzetcentiméteren történik valami. Menüpontok helyett épületek vannak, száraz bekezdések helyett interaktív játékok, képek helyett Kerekes Kata egyedi, animált illusztrációi vezetik végig az idelátogatókat az újrahasznosítás mikéntjén. 

8. Milyen új digitális megoldásokat integráltatok a honlapba/applikációba, amelyek különlegessé teszik?

Az interaktív animációk Rive technológiával illeszkednek az oldalba: ez egy innovatív megoldás, ami még nem terjedt el széles körben. Nagyon szoros együttműködésre volt szükség az illusztrátor, az animátor és a frontend csapat között annak érdekében, hogy minden oldalról gördülékenyen működjön a technológia.

9. Milyen céljaitok vannak a közeli és távoli jövőben?

Rövid távon az iskolai és otthoni környezetvédelmi nevelés meghatározó forrásává akarunk válni, ehhez rengeteg intézménnyel működünk együtt és különböző edukációs programokba integráljuk az oldalt. Hosszú távú cél az oldal folyamatos bővítése további újrahasznosítható anyagokkal, mint például a használt sütőolaj vagy a gumiabroncs. 

10. Van olyan funkció vagy megoldás a honlapon/applikációban, amire különösen büszkék vagytok?

Legnagyobb büszkeségünk, hogy mind koncepcionálisan, mind technológiai szempontból sikerült kitörni a sablonizált weboldalak sorából, és olyan megoldást kitalálni, megtervezni, lefejleszteni, ami egy diverzebb digitális világ felé mutat.