Jak jsme pro ZŠ Žamberk propojili novou vizuální identitu s moderním webem?

Při redesignu školy nemusí její historie zmizet. Podívejte se, jak jsme původní motiv budovy ZŠ Žamberk proměnili v moderní vizuální identitu a následně ji přenesli do nového webu.

Nové logo školy by nemělo vzniknout jen proto, že to původní vypadá zastarale.

Mělo by vycházet z toho, čím je škola jedinečná, co si chce ze své historie zachovat a jak chce působit na žáky, rodiče, zaměstnance i veřejnost.

Přesně tak jsme přistupovali k nové vizuální identitě ZŠ Žamberk, Nádražní 743.

Původní logo obsahovalo zajímavou myšlenku: půdorys školní budovy, který připomíná písmeno H. Naším cílem proto nebylo minulost školy vymazat a nahradit ji náhodným moderním symbolem.

„Chtěli jsme zachovat její nejsilnější část a vytvořit z ní značku, která bude fungovat dnes – na webu, sociálních sítích, školních dokumentech, oblečení i přímo v prostředí školy,“ vypočítává ředitel naší agentury, Filip Červinka.

Výchozí problém: dobrá myšlenka v podobě, která už nestačila

Původní logo zachycovalo školní budovu poměrně podrobnou kresbou. Problémem nebyla jeho myšlenka. Tou byl naopak autentický vztah ke konkrétní škole a jejímu prostředí.

Limitem bylo praktické použití.

Detailní kresba se obtížně přenáší do malých formátů. Na mobilním telefonu, profilové fotografii, drobném předmětu nebo v hlavičce webu může ztrácet čitelnost. Komplikované logo se také hůře používá jako jednotící prvek celé komunikace.

Potřebovali jsme proto najít způsob, jak:

• zachovat půdorys školy a motiv písmene H,
• výrazně zjednodušit jeho podobu,
• vytvořit snadno zapamatovatelný symbol,
• připravit více praktických variant loga,
• vybudovat kolem něj celý vizuální systém,
• propojit novou identitu s připravovaným webem.

Redesign nemusí znamenat začít úplně od nuly

Při redesignu značky se někdy automaticky předpokládá, že staré řešení musí celé zmizet.

My se nejdříve snažíme pochopit, zda v něm není něco hodnotného.

„Může to být symbol, příběh, typický tvar, barva nebo jiný prvek, který už lidé se značkou přirozeně spojují. Jestliže takový základ existuje, často je lepší jej rozvinout než bez důvodu zahodit,“ zdůrazňuje náš dvorní grafik a designér, Max Měšťan.

U ZŠ Žamberk se tímto základem stal půdorys budovy.

Původní kresbu jsme převedli do jednoduchého systému prostorových kostek. Při pohledu shora stále vytvářejí strukturu připomínající písmeno H, ale nová podoba je podstatně čistší, univerzálnější a lépe použitelná.

Kostka navíc přinesla další významovou rovinu.

Může představovat:

• základní stavební prvek,
• školu jako místo, kde se budují znalosti,
• jednotlivce, kteří společně vytvářejí jeden celek,
• různé předměty, třídy a osobnosti propojené v jednom prostředí.

Výsledný symbol proto není pouze zjednodušeným půdorysem. Stal se základem, na kterém lze dlouhodobě stavět celou komunikaci školy.

Nevytvořili jsme pouze jedno logo

Samostatné logo může dobře vypadat v prezentaci, ale to ještě neznamená, že bude fungovat v každodenním provozu.

Škola potřebuje značku používat na velmi rozdílných místech – od webu a sociálních sítí přes dokumenty až po orientační systém, trička nebo školní akce.

Proto jsme připravili ucelený logo manuál. Ten obsahuje barevnou paletu, samostatný symbol, horizontální a vertikální logotyp, ochranné zóny, typografii, doplňkový grafický element i ukázky aplikace značky.

Horizontální varianta

Horizontální logotyp je vhodný zejména pro:

• hlavičku webu,
• dokumenty a prezentace,
• bannery,
• podpisy,
• široké informační plochy.

Vertikální varianta

Vertikální provedení lze využít například na:

• plakátech,
• propagačních materiálech,
• oblečení,
• čtvercových formátech,
• označení školy.

Samostatný symbol

Symbol kostek může fungovat také bez textu.

Díky tomu je použitelný například jako:

• profilový obrázek,
• favicon webu,
• ikona,
• potisk drobného předmětu,
• součást orientačního systému,
• doplňkový prvek grafiky.

Manuál zároveň definuje ochranné zóny. U symbolu odpovídá bezpečný prostor polovině jeho velikosti, u horizontálního a vertikálního logotypu je odvozen od velikosti jedné kostky. Logo díky tomu nebude natlačeno na okolní text, fotografie ani okraj formátu.

Barevnost, která nepůsobí jako typická školní šablona

Při tvorbě barevnosti jsme nechtěli automaticky sáhnout po výrazných základních barvách, které se v komunikaci škol často opakují.

Nová paleta kombinuje teplejší a chladnější odstíny:

• reflexní oranžovou #E9A048,
• modrošedivou #E5E9F0,
• mořskou modrou #008CC0,
• zimní modrou #ADDAEC,
• kávovou #322706.

Oranžová dodává značce energii, přístupnost a optimismus. Světle modré tóny přinášejí klid a lehkost. Tmavě kávová zajišťuje dostatečný kontrast a pomáhá identitě působit stabilně a důvěryhodně.

Výsledná barevnost může fungovat jak v komunikaci směrem k dětem, tak v oficiálních dokumentech určených rodičům a veřejnosti.

Není přehnaně dětská ani zbytečně institucionální.

Typografie spojuje osobitost s čitelností

Pro nadpisy, podnadpisy a výrazné titulky jsme zvolili Rockwell Nova.

Jde o robustní patkové písmo, které stojí na pomezí moderního a klasického stylu. Působí přímočaře, stabilně a osobitě. Dobře tak doplňuje geometrický symbol složený z kostek.

Pro delší souvislé texty a doplňkové informace slouží Raleway.

„Raleway je bezpatkové písmo s neutrálnějším vzhledem, které zajišťuje dobrou čitelnost v delších textech. Zatímco Rockwell Nova vytváří charakter značky, Raleway pomáhá udržet webové a informační materiály přehledné,“ vysvětluje náš specialista Max Měšťan.

Tato kombinace je důležitá zejména pro školní web.

Na jedné stránce se totiž setkávají výrazné nadpisy, krátké aktuality, dlouhé informační texty, dokumenty, kontaktní údaje i organizační pokyny. Typografie proto nemůže být pouze estetická. Musí především pomáhat s orientací.

Kostka jako doplňkový prvek celé identity

Ze základního symbolu jsme oddělili také samostatnou kostku.

Ta může být používána jako doplňkový grafický element:

• v orientačním značení,
• na plakátech,
• na fotografiích,
• v kombinaci s textem,
• na webu,
• ve školních materiálech.

Nemusí se pokaždé používat celé logo. Jednotlivé kostky mohou vytvářet rámečky, navigační prvky, jemné vzory nebo barevné akcenty.

Díky tomu vzniká flexibilní systém, který umožňuje připravovat různorodé výstupy, aniž by každý z nich vypadal jako samostatná značka. Logo manuál s použitím kostky jako základního stavebního elementu přímo počítá.

Identita nesmí skončit v logo manuálu

Častým problémem brandingu je, že firma nebo organizace získá nové logo, ale v její skutečné komunikaci se nic zásadního nezmění.

Logo se vloží do starého webu, dokumenty dál používají náhodná písma a sociální sítě nemají jednotnou podobu.

Proto jsme novou identitu od začátku navrhovali jako systém, který lze aplikovat v reálném školním prostředí.

Vznikly například návrhy:

• školního oblečení,
• plecháčků,
• odznaků,
• hlavičkového papíru,
• dalších předmětů využitelných žáky a zaměstnanci.

Takové aplikace nejsou jen reklamními předměty.

„Pomáhají budovat pocit sounáležitosti. Žáci, zaměstnanci i rodiče mohou školu vnímat jako jedno prostředí s vlastní tváří, nikoliv jen jako budovu a soubor dokumentů,“ má jasno náš ředitel a specialista na marketingovou komunikaci, Filip Červinka.

Ukázky praktického použití identity jsou součástí závěrečné části logo manuálu.

Nový web jako pokračování stejného systému

Dalším krokem je přenos nové identity do online komunikace školy.

Školní web má velmi specifickou úlohu. Musí sloužit několika skupinám, které na něj přicházejí s rozdílnými potřebami.

Rodiče hledají například:

• aktuální oznámení,
• organizační informace,
• kontakty,
• dokumenty,
• informace o výuce a provozu školy.

Žáci potřebují:

• rychlou orientaci,
• důležité odkazy,
• informace o akcích,
• prostředí, které je současné a přirozené.

Škola potřebuje:

• jednoduše zveřejňovat aktuality,
• srozumitelně strukturovat obsah,
• prezentovat svou práci,
• působit jednotně a důvěryhodně.

Cílem nového webu proto není jen nahradit starší design novější šablonou.

Má propojit vizuální identitu s informační architekturou tak, aby návštěvník rychle pochopil, kde se nachází a kam má pokračovat.

Logo, barvy a typografie zde nejsou samoúčelnou dekorací. Pomáhají vytvářet hierarchii, odlišovat jednotlivé typy obsahu a udržovat stránky vizuálně konzistentní.

Co jsme se při projektu znovu naučili?

1. Historie značky nemusí být překážkou:

Původní symbol může obsahovat myšlenku, kterou má smysl zachovat. Redesign není soutěž v tom, kdo všechno změní.

2. Jednodušší logo nabízí více možností:

Čím je symbol čistší, tím lépe funguje v malých rozměrech, na webu, oblečení i v orientačním systému.

3. Logo je pouze začátek:

Bez barev, písem, variant, ochranných zón a praktických pravidel se značka začne při každém dalším použití rozpadat.

4. Web musí vycházet ze skutečných potřeb uživatelů:

Rodiče ani žáci nepřicházejí na školní web obdivovat design. Přicházejí něco zjistit. Dobrý design jim musí tuto cestu usnadnit.

5. Značka školy pomáhá budovat vztah:

Jednotná identita podporuje důvěryhodnost směrem k rodičům a zároveň může posilovat sounáležitost žáků a zaměstnanců se školou.

Potřebuje vaše škola nebo organizace modernizovat svou komunikaci?

• Možná máte logo, které vzniklo před mnoha lety.
• Možná váš web obsahuje všechny důležité informace, ale návštěvníci je složitě hledají.
• Nebo jednotlivé materiály vypadají, jako by patřily různým organizacím.

To ještě nemusí znamenat, že je potřeba všechno zahodit.

V coalmarketingu nejprve hledáme to, co je na současné značce hodnotné. Teprve potom navrhujeme, co zachovat, co zjednodušit a jak značku připravit pro dnešní online i fyzickou komunikaci.

Pomůžeme vám vytvořit:

• nové logo nebo jeho redesign,
• kompletní vizuální identitu,
• logo a brand manuál,
• moderní a přehledný web,
• tiskoviny a prezentační materiály,
• jednotnou podobu online komunikace.

Máte pocit, že vaše značka nebo web už neodpovídají tomu, kam se organizace posunula?

Ozvěte se nám. Společně zjistíme, zda potřebujete začít znovu, nebo jen správně rozvinout to nejlepší, co už máte.