Späť

Hnutí Generace

Dve spolupráce, dve vizuálne polohy: web, grafický manuál a tlačoviny pre Hnutí Generace.

Obrazovky webov Hnutia Generace poskladané cez seba: vpredu homepage druhého webového smeru, za ňou pôvodný web
Odbor
Politika
Rozsah
Web, identita a tlačoviny
Doba realizácie
2024 až 2025
Stack
WordPress, Breakdance, Plesk

Daniel Krutý o spolupráci

Grafický manuál, stranu po strane

Celý manuál prvej spolupráce: pätnásť strán od ústredného motívu po ukážky použitia.

Grafický manuál, strana 1: Titulná strana
Grafický manuál, strana 2: Ústredný motív
Grafický manuál, strana 3: Motív emotikonov
Grafický manuál, strana 4: Vrstvenie scény
Grafický manuál, strana 5: Textové bubliny
Grafický manuál, strana 6: Textové bubliny
Grafický manuál, strana 7: Heslá a slogany
Grafický manuál, strana 8: Efekt roztrhnutého papiera
Grafický manuál, strana 9: Typografia
Grafický manuál, strana 10: Efekt roztrhnutého papiera
Grafický manuál, strana 11: Ukážky: roll-upy
Grafický manuál, strana 12: Ukážky: billboard
Grafický manuál, strana 13: Ukážky: plyšová hračka
Grafický manuál, strana 14: Ukážky: reklama v metre
Grafický manuál, strana 15: Záver
  1. Grafický manuál, strana 1: Titulná strana
  2. Grafický manuál, strana 2: Ústredný motív
  3. Grafický manuál, strana 3: Motív emotikonov
  4. Grafický manuál, strana 4: Vrstvenie scény
  5. Grafický manuál, strana 5: Textové bubliny
  6. Grafický manuál, strana 6: Textové bubliny
  7. Grafický manuál, strana 7: Heslá a slogany
  8. Grafický manuál, strana 8: Efekt roztrhnutého papiera
  9. Grafický manuál, strana 9: Typografia
  10. Grafický manuál, strana 10: Efekt roztrhnutého papiera
  11. Grafický manuál, strana 11: Ukážky: roll-upy
  12. Grafický manuál, strana 12: Ukážky: billboard
  13. Grafický manuál, strana 13: Ukážky: plyšová hračka
  14. Grafický manuál, strana 14: Ukážky: reklama v metre
  15. Grafický manuál, strana 15: Záver

Jedna značka, dva jasne odlíšené smery

Pre Hnutí Generace vznikla webová prezentácia aj grafické materiály. Práca má dve samostatné etapy, ktoré sa líšia farebnosťou, motívmi aj typografiou. V tejto štúdii ich ukazujeme oddelene, aby bolo vidieť, čo ku ktorej spolupráci patrí.

Prvý smer spája tmavšiu tyrkysovú, emotikony a výrazný motív smajlíka s okuliarmi. Druhý prináša žiarivejšiu tyrkysovú a iný grafický jazyk pre web aj tlačoviny. Vznikol k nemu aj nový webový návrh, ktorý sa podľa podkladov nestihol nasadiť.

Spoločnou témou je konzistentnosť: aby prezentácia na webe, veľký plagát aj malá vizitka pôsobili ako súčasť jednej konkrétnej identity.

Prvá spolupráca: web s vlastným charakterom

Tmavšia tyrkysová, veľká typografia a emotikony dávajú prvému webu rozpoznateľný rukopis. Prechody medzi sekciami prepájajú predstavenie hnutia, ľudí a tém do jednej súvislej prezentácie.

Pôvodný vizuálny smer: veľká typografia, emotikony a výrazné prechody medzi sekciami.

Predstavenie ľudí a tém

Profil predsedu v pôvodnej prezentácii Hnutí Generace
Predstavenie osobnosti má vlastnú výraznú sekciu.
Tematické karty pôvodného webu Hnutí Generace
Tematické karty a odkazy na tézy oddeľujú obsah do čitateľných blokov.

Manuál prvej identity

Manuál opisuje ústredný motív, prácu s vrstvami, textovými bublinami a typografiou. Súčasťou sú aj návrhy použitia identity mimo webu.

Grafický manuál: smajlík s okuliarmi a ústredný motív
Smajlík s okuliarmi ako rozpoznateľný motív prvej spolupráce.
Grafický manuál: ukážky roll-upov prvej identity
Ukážky rozvinutia rovnakej identity do priestorových tlačových formátov.

Roll-up z manuálu na ulici

Vľavo návrh z grafického manuálu, vpravo vytlačený roll-up rovnakej identity.

Návrh roll-upu so smajlíkom v okuliaroch v grafickom manuáli
Návrh v manuáli: smajlík, heslo a body programu.
Vytlačený roll-up Hnutí Generace so smajlíkom pred budovou
Hotový roll-up s heslom Jsme hnutí Generace.

Druhá spolupráca: žiarivejšia tyrkysová

Ďalšia etapa má inú vizuálnu reč. Hviezdička, ostrejšia typografia a žiarivejšia tyrkysová spájajú dodané tlačoviny s druhým webovým smerom. Nejde o zmes oboch štýlov, ale o samostatnú sadu výstupov.

Ukážka webu zachytáva návrh, ktorý nebol nasadený. Stránka podpory ukazuje formulár a akciu na vytvorenie QR kódu; prepínanie svetlej, tmavej a modrej témy ponúka niekoľko podôb toho istého rozhrania.

Logo Generace na tmavom paneli pódia
Daniel Krutý s hosťami pod plátnom s logom Generace

Webový návrh druhej etapy

Webový návrh druhej spolupráce Hnutí Generace
Druhý webový smer s novým logotypom a grafickým jazykom.
Nenasadený návrh stránky podpory s formulárom
Návrh stránky podpory. Ukážka rozhrania, nie doklad nasadenia alebo vyzbieraných príspevkov.

Úvod webu v dvoch variantoch

Úvodná sekcia druhého webového smeru v modrej a bielej variante.

Úvod webu druhého smeru: Daniel Krutý na modrom pozadí s heslom Spolu jsme Generace
Modrá varianta s heslom Spolu jsme Generace.
Úvod webu druhého smeru: Daniel Krutý na bielom pozadí s heslom Všichni jsme jedna generace
Biela varianta s heslom Všichni jsme jedna generace.

Identita na plagáte aj v ruke

Originálne dodané podklady druhej spolupráce. Vľavo vždy tlačové dáta z editora, vpravo hotová tlač.

Plagát z druhej spolupráce Hnutí Generace
1 Plagát v tlačových dátach: výrazný titulok a nový vizuálny smer.
Vytlačený plagát Nechtějí, abyste to věděli
2 Ten istý plagát vytlačený.
Grafika prezentačných dosiek z druhej spolupráce
3 Rozložené prezentačné dosky v tlačových dátach.
Vytlačené prezentačné dosky s kandidátom Jiřím Morštadtom
4 Hotové dosky, predná strana s kandidátom do Senátu.

Tlačoviny do ruky

Vizitka a roll-up v editore, vedľa nich hotová tlač: vizitka medzi ostatnými tlačovinami a letáky v ruke.

Vizitka z druhej spolupráce Hnutí Generace
1 Vizitka v tlačových dátach.
Hotové tlačoviny Hnutí Generace spolu: dosky, letáky, plagát a vizitka
2 Vytlačené tlačoviny spolu, vizitka vľavo v strede.
Roll-up z druhej spolupráce Hnutí Generace
3 Roll-up s Danielom Krutým v tlačových dátach.
Letáky Hnutí Generace s Danielom Krutým a Radkom Šáblíkom v ruke
4 Letáky s Danielom Krutým a Radkom Šáblíkom v ruke.

Kandidát online aj na papieri

Ohlásenie pre sociálne siete a leták kandidáta do Senátu Jiřího Morštadta v rovnakom vizuáli.

Instagramový plagát s Jiřím Morštadtom a nápisom Něco se chystá
Príspevok na Instagram: Něco se chystá.
Vytlačený leták kandidáta do Senátu Jiřího Morštadta
Vytlačený leták s programom kandidáta.
Tím Hnutí Generace pod veľkým nápisom Čas na novou kapitolu
Kampaňový vizuál s tímom hnutia: Čas na novou kapitolu.

Slová zákazníka

Daniel Krutý

S 200solutions bola top spolupráca. Robili grafiku Generácii a vždy to bolo skvelé! S pánom majiteľom sa vždy dá dohodnúť!

Daniel Krutý
Hnutie Generace

Vizuálny systém, ktorý funguje na obrazovke aj na papieri.