Zenko Grafika, UI a trochu marketingovej vypočítavosti
‹ Späť na projekty
Mobilná aplikácia · UX/UI case study

CITYLIFE
živá databáza udalostí

Mestský kultúrny sprievodca, ktorý mení plagáty na ulici na vstupnú bránu k udalostiam, naskenuješ plagát a podujatie sa otvorí. Od UX researchu cez 30 obrazoviek po živý prototyp.

Obdobie2025 – 2026
RolaUX research · UI · prototyp
AutorSamuel
ux researchui dizajnmobile appdesign systemprototypfigma
01
Časť 01 · myslenie

UX & výskum

Prečo appka vznikla, od problému cez personas a kľúčové insighty až po end-to-end user flow.

The challenge

The challenge

Tradičná komunikácia podujatí bola presýtená informáciami. Plagáty nepodnecovali k akcii a zanikali vo vizuálnom šume mesta.

Ľudia nechceli viac informácií.
Chceli rýchlejšie rozhodnutia.
User persona

Understanding users

Aby sme navrhli zmysluplnú komunikáciu, najprv sme skúmali, ako ľudia objavujú podujatia v meste.

Persona 1

Spontánny mestský objaviteľ

SprávaniePohybuje sa medzi koncertmi, klubmi, pop-upmi; rozhoduje sa podľa nálady. MyslenieReaguje na krátke provokatívne odkazy; priveľa info ho frustruje. PotrebyRýchlu odpoveď na „kam ísť teraz?", bez plánovania.
22–30 r.impulzívnyHodnota: spontánnosť v reálnom čase
Persona 2

Mestský insider

SprávanieSleduje kultúrne programy, plánuje vopred, porovnáva možnosti. MyslenieHľadá zmysluplné zážitky; cení si jasnosť a spoľahlivosť. PotrebyPrehľad a ľahké porovnanie pre sebavedomé plánovanie.
28–40 r.kurátorskýHodnota: aktuálne, usporiadané info
Key insights

Tri zistenia, ktoré držia tón

Key insight

Zvedavosť spúšťa akciu rýchlejšie než informácia

V rýchlom meste ľudia málokedy čítajú detaily, reagujú na emóciu, vizuálne napätie a FOMO.

Cultural insight

Zdieľané kultúrne referencie zvyšujú dôveru

Meme jazyk a sociálny humor pôsobia známo a autenticky; vytvárajú spojenie a zapojenie.

Behaviorálny paralelizmus

Mesto = sociálna sieť

Mesto je presýtené podnetmi ako feed. Plagát funguje ako „post", QR ako „swipe up".

Complaining is Bonding

Complaining is Bonding

Insight

Sťažovanie je v skupinách zdieľaná aktivita, ktorá posilňuje puto.

This is not a FOMO alert

This is not a FOMO alert

Insight

Najrýchlejší spôsob, ako zasadiť myšlienku? Poprieť ju, toto JE ten FOMO alert.

Society is Healing

Society is Healing

Insight

Z globálnej meme kultúry, fráza evokuje optimizmus a zdieľanú skúsenosť.

Nie je to len katalóg

Funguje ako sociálna sieť mesta

CityLife nie je zoznam podujatí, je to sociálna vrstva nad mestom. Akcie objavuješ cez ľudí, nie cez filtre.

Vlastná crew, vidíš, kam idú tvoji ľudia dnes večer.
Tinder-swipe na akcie, swajpuješ podujatia podľa toho, o čo mali záujem kamoši a ich kamoši.
Living feed, „swipe to find your night with your crew".
Swipe deck Dashboard s crew
User journey · end-to-end

Z plagátu na parket

01

Poster
spotted

Všimne si pútavý plagát, zaujme ho odvážny odkaz.

02

QR
scanned

Naskenuje QR z mobilu. Žiadne trenie, žiadne kroky navyše.

03

Event
discovered

Kurátorský feed, za pár sekúnd pochopí vibe, čas aj cenu.

04

Decision
made

Porovná za sekundy, rozhodne bez premýšľania.

05

You're
in

Príde na podujatie, a dôvera v platformu rastie.

02
Časť 02 · remeslo

UI & dizajn

Ako to vyzerá a funguje, živý prototyp, 31 obrazoviek a brandová DNA „organizovaný chaos".

Živý prototyp · spustený z GitHubu

Vyskúšaj si appku naživo

Jeden interaktívny telefón, klikaj, skenuj, swajpuj. Beží priamo z repozitára, takže pri každej zmene v kóde sa živý náhľad aktualizuje aj tu.

31 obrazoviekLight & DarkKlikateľnýScan · Swipe · Crew
Navrhnuté vo Figme a Photoshope · prototyp postavený v React + Framer Motion
Otvoriť celý showcase →
Obrazovky · po funkciách

31 obrazoviek aplikácie

31 obrazoviek rozdelených podľa funkcie. Ťukni na ktorúkoľvek a otvorí sa vo väčšom.

Brand DNA · anti-design manual

Mesto × kultúra × hype × humor

Nie je to chaos, je to kontrolovaný anti-poriadok. Brutalistický, editorial, UI feeling: veľké bloky, tvrdé rámčeky, „rozbitá" symetria. Headliny vždy CAPS, max. 2 výrazné farby, bez gradientov.

Hot Pink#FF6AF2
Signal Yellow#F5FF3B
Electric Blue#4D4DFF
Black#000000
Off White#F5F5F5

Tone of voice

„Pozývame vás na podujatie."
„Budeš ľutovať, ak neprídeš."
THIS IS NOT A FOMO ALERT · SCAN BEFORE IT'S GONE

Typografia: Host Grotesk / Inter, headliny vždy CAPS.

Výsledok

CityLife premosťuje offline a online: plagát + QR je vstupný bod do živej databázy podujatí. Žiadna informačná štruktúra, výrazný vizuál, silné copy a okamžitá akcia.

Konkurenčná analýza to potvrdila: menší, tematicky zameraný profil generuje vyššie zapojenie než veľký inštitucionálny účet. CityLife nekomunikuje „mestu", ale komunite.

2,76 %engagement menšieho zameraného účtu (GoOut)
0,57 %engagement veľkého inštitucionálneho účtu
30navrhnutých obrazoviek
3 ťukyz nálady k akcii, plagát → QR → event
TL;DR
Späť na
Všetky projekty