Zpět

Hnutí Generace

Dvě spolupráce, dvě vizuální polohy: web, grafický manuál a tiskoviny pro Hnutí Generace.

Obrazovky webů Hnutí Generace poskládané přes sebe: vpředu homepage druhého webového směru s heslem Všichni jsme jedna generace, za ní původní web
Obor
Politika
Rozsah
Web, identita a tiskoviny
Doba realizace
2024 až 2025
Stack
WordPress, Breakdance, Plesk

Daniel Krutý o spolupráci

Grafický manuál, stránku po stránce

Celý manuál první spolupráce: patnáct stran od ústředního motivu po ukázky použití.

Grafický manuál, strana 1: Titulní strana
Grafický manuál, strana 2: Ústřední motiv
Grafický manuál, strana 3: Motiv emotikonů
Grafický manuál, strana 4: Vrstvení scény
Grafický manuál, strana 5: Textové bubliny
Grafický manuál, strana 6: Textové bubliny
Grafický manuál, strana 7: Hesla a slogany
Grafický manuál, strana 8: Efekt roztrženého papíru
Grafický manuál, strana 9: Typografie
Grafický manuál, strana 10: Efekt roztrženého papíru
Grafický manuál, strana 11: Ukázky: roll-upy
Grafický manuál, strana 12: Ukázky: billboard
Grafický manuál, strana 13: Ukázky: plyšová hračka
Grafický manuál, strana 14: Ukázky: reklama v metru
Grafický manuál, strana 15: Závěr
  1. Grafický manuál, strana 1: Titulní strana
  2. Grafický manuál, strana 2: Ústřední motiv
  3. Grafický manuál, strana 3: Motiv emotikonů
  4. Grafický manuál, strana 4: Vrstvení scény
  5. Grafický manuál, strana 5: Textové bubliny
  6. Grafický manuál, strana 6: Textové bubliny
  7. Grafický manuál, strana 7: Hesla a slogany
  8. Grafický manuál, strana 8: Efekt roztrženého papíru
  9. Grafický manuál, strana 9: Typografie
  10. Grafický manuál, strana 10: Efekt roztrženého papíru
  11. Grafický manuál, strana 11: Ukázky: roll-upy
  12. Grafický manuál, strana 12: Ukázky: billboard
  13. Grafický manuál, strana 13: Ukázky: plyšová hračka
  14. Grafický manuál, strana 14: Ukázky: reklama v metru
  15. Grafický manuál, strana 15: Závěr

Jedna značka, dva jasně odlišené směry

Pro Hnutí Generace vznikla webová prezentace i grafické materiály. Práce má dvě samostatné etapy, které se liší barevností, motivy i typografií. V této studii je ukazujeme odděleně, aby bylo vidět, co ke které spolupráci patří.

První směr spojuje tmavší tyrkysovou, emotikony a výrazný motiv smajlíku s brýlemi. Druhý přináší zářivější tyrkysovou a jiný grafický jazyk pro web i tiskoviny. K němu vznikl také nový webový návrh, který se podle podkladů nestihl nasadit.

Společným tématem je konzistence: aby prezentace na webu, velký plakát i malá vizitka působily jako součást jedné konkrétní identity.

První spolupráce: web s vlastním charakterem

Tmavší tyrkysová, velká typografie a emotikony dávají prvnímu webu rozpoznatelný rukopis. Přechody mezi sekcemi propojují představení hnutí, lidí a témat do jedné souvislé prezentace.

Původní vizuální směr: velká typografie, emotikony a výrazné přechody mezi sekcemi.

Představení lidí a témat

Profil předsedy v původní prezentaci Hnutí Generace
Představení osobnosti má vlastní výraznou sekci.
Tematické karty původního webu Hnutí Generace
Tematické karty a odkazy na teze oddělují obsah do čitelných bloků.

Manuál první identity

Manuál popisuje ústřední motiv, práci s vrstvami, textovými bublinami a typografií. Součástí jsou i návrhy aplikace identity mimo web.

Grafický manuál: smajlík s brýlemi a ústřední motiv
Smajlík s brýlemi jako rozpoznatelný motiv první spolupráce.
Grafický manuál: ukázky roll-upů první identity
Ukázky rozvedení stejné identity do prostorových tiskových formátů.

Roll-up z manuálu v ulici

Vlevo návrh z grafického manuálu, vpravo vytištěný roll-up stejné identity.

Návrh roll-upu se smajlíkem v brýlích v grafickém manuálu
Návrh v manuálu: smajlík, heslo a body programu.
Vytištěný roll-up Hnutí Generace se smajlíkem před budovou
Hotový roll-up s heslem Jsme hnutí Generace.

Druhá spolupráce: zářivější tyrkysová

Další etapa má jinou vizuální řeč. Hvězdička, ostřejší typografie a zářivější tyrkysová spojují dodané tiskoviny s druhým webovým směrem. Nejde o směs obou stylů, ale o samostatnou sadu výstupů.

Ukázka webu zachycuje návrh, který nebyl nasazený. Stránka podpory ukazuje formulář a akci pro vytvoření QR kódu; přepínání světlého, tmavého a modrého tématu nabízí několik podob téhož rozhraní.

Logo Generace na tmavém panelu pódia
Daniel Krutý s hosty pod plátnem s logem Generace

Webový návrh druhé etapy

Webový návrh druhé spolupráce Hnutí Generace
Druhý webový směr s novým logotypem a grafickým jazykem.
Nenasazený návrh stránky podpory s formulářem
Návrh stránky podpory. Ukázka rozhraní, nikoli doklad nasazení nebo vybraných příspěvků.

Úvod webu ve dvou variantách

Úvodní sekce druhého webového směru v modré a bílé variantě.

Úvod webu druhého směru: Daniel Krutý na modrém pozadí s heslem Spolu jsme Generace
Modrá varianta s heslem Spolu jsme Generace.
Úvod webu druhého směru: Daniel Krutý na bílém pozadí s heslem Všichni jsme jedna generace
Bílá varianta s heslem Všichni jsme jedna generace.

Identita na plakátu i v ruce

Originální dodané podklady druhé spolupráce. Vlevo vždy tisková data z editoru, vpravo hotový tisk.

Plakát z druhé spolupráce Hnutí Generace
1 Plakát v tiskových datech: výrazný titulek a nový vizuální směr.
Vytištěný plakát Nechtějí, abyste to věděli
2 Tentýž plakát vytištěný.
Grafika prezentačních desek z druhé spolupráce
3 Rozložené prezentační desky v tiskových datech.
Vytištěné prezentační desky s kandidátem Jiřím Morštadtem
4 Hotové desky, přední strana s kandidátem do Senátu.

Tiskoviny do ruky

Vizitka a roll-up v editoru, vedle nich hotový tisk: vizitka mezi ostatními tiskovinami a letáky v ruce.

Vizitka z druhé spolupráce Hnutí Generace
1 Vizitka v tiskových datech.
Hotové tiskoviny Hnutí Generace pohromadě: desky, letáky, plakát a vizitka
2 Vytištěné tiskoviny pohromadě, vizitka vlevo uprostřed.
Roll-up z druhé spolupráce Hnutí Generace
3 Roll-up s Danielem Krutým v tiskových datech.
Letáky Hnutí Generace s Danielem Krutým a Radkem Šáblíkem v ruce
4 Letáky s Danielem Krutým a Radkem Šáblíkem v ruce.

Kandidát online i na papíře

Ohlášení pro sociální sítě a leták kandidáta do Senátu Jiřího Morštadta ve stejném vizuálu.

Instagramový plakát s Jiřím Morštadtem a nápisem Něco se chystá
Příspěvek na Instagram: Něco se chystá.
Vytištěný leták kandidáta do Senátu Jiřího Morštadta
Vytištěný leták s programem kandidáta.
Tým Hnutí Generace pod velkým nápisem Čas na novou kapitolu
Kampaňový vizuál s týmem hnutí: Čas na novou kapitolu.

Slova zákazníka

Daniel Krutý

S 200solutions byla top spolupráce. Dělali grafiku Generaci, a vždy to bylo skvělé! S panem majitelem je vždy domluva!

Daniel Krutý
Hnutí Generace

Vizuální systém, který funguje na obrazovce i na papíře.