Webissimo.ai: šest konceptů, dvě revize a jedno lusknutí prstů

Průběh v kostce

1. 27. 8.Šest konceptůŠest různých směrů, každý na tmavém, světlém i jako ikona.
2. 14. 9.Výběr směruZaujalo lusknutí prstů. Zbývalo najít míru.
3. 15. 9.Revize 1Tři cesty: zjemněné lusknutí, vybroušené W a tmavá varianta.
4. 18. 9.Revize 2Ruka se stává písmenem. Hotovo za necelé dvě hodiny.
5. 16. 10.SchválenoFinální podoba potvrzena, následuje dotažení.
6. 18. 10.PředánoKompletní balíček souborů ke stažení.

Zadání

Značka, která se vejde do ikony

Webissimo.ai potřebovalo logo pro aplikaci, ve které se web „skládá“ z popisu nápadu. Název i heslo „Websites in a snap.“ měl klient hotové, moje práce byla dát jim tvář.

Zadání jsem si přeložil do čtyř pravidel. Logo musí působit přátelsky a ne technicky hrozivě. Musí se přečíst i na malé ikoně aplikace. Nesmí zestárnout s první vlnou módního písma. A musí naznačit, že za AI stojí člověk.

Fáze 1 · 27. 8.

Šest konceptů, šest odlišných odpovědí

Na začátku neposílám jeden „nejlepší“ návrh. Posílám šest odlišných směrů, protože klient často neví, co chce, dokud nevidí, co nechce. Každý koncept ukazuji třikrát: na tmavém pozadí, na světlém a jako ikonu aplikace. Hned je vidět, jak značka funguje v praxi, ne jen na bílém papíře.

Fáze 2 · 14. 9.

Srdce proti rozumu

Po několika týdnech přišla odpověď a byla přesně taková, jakou má dobrý výběr směru mít. Klienta nejvíc zaujal nejodvážnější koncept, lusknutí prstů z návrhu č. 6, a zároveň se ho trochu bál. Zajímalo ho, jestli by šlo logo se lusknutím zdecentnit. Kdyby ne, vybral by si klidnější a elegantní koncept č. 2.

Z pohledu grafika je to ideální vstupní bod pro revizi. Klient neřekl „přepracujte to“, ale přesně pojmenoval, co se mu líbí (myšlenka) a co mu vadí (síla provedení). Úkol zněl: zachovat nápad a ubrat hlasitost.

Fáze 3 · 15. 9.

Tři cesty z jednoho zadání

Hned druhý den ráno jsem poslal revizi se třemi cestami, aby klient nemusel hádat, co si pod slovem „zdecentnit“ představuji.

• AVybroušené WKoncept č. 2 dotažený do mátového přechodu s heslem „Snap. Site. Done.“
• BZjemněné lusknutíRuka v klidné modré s mintovou jiskrou, ikona v zaobleném poli a heslo „Websites in a snap.“
• CLusknutí v nociTmavě fialové pozadí, růžová jiskra, úsporné písmo a heslo „Built at the speed of snap.“

Fáze 4 · 18. 9.

Ruka se stává písmenem

Pak se stalo to nejlepší, co se při tvorbě loga může stát: klient začal navrhovat sám. Poslal mi vlastní skicu, nakreslenou v Malování. Lusknutí nemá být vedle nápisu, ale přímo v něm, jako první písmeno. A přidal dvě připomínky, které si nenechám ujít. Nad „i“ chyběly tečky, detail, který se v malé ukázce snadno přehlédne a v hotovém logu by byl vidět všude. A malou variantu chtěl v symetrickém rámečku.

Skica mě vrátila k tomu, co dělalo koncept č. 6 silným: ruka byla součástí písma, ne ozdobou vedle něj. Za necelé dvě hodiny jsem měl hotovou druhou revizi. Ruka přímo v nápisu, tečky nad „i“, verze s heslem i bez něj a ikona v symetrickém rámečku.

Fáze 5 · 7.–16. 10.

Schválení a dotažení

Potom nastalo ticho. Schvalování na straně klienta si vyžádalo pár týdnů, a protože mlčení neznamená souhlas, ozval jsem se po necelých třech týdnech sám. Ujistil jsem se, že revize dorazila, a nabídl další úpravy, případně úplně nové koncepty, kdyby se dosavadní směr nezdál ideální. O devět dní později klient potvrdil finální verzi.

Schválením práce nekončí. Začíná její nejpracnější část, tedy ta, kterou na náhledu nikdo nevidí. Logo se musí dotáhnout do podoby, kterou zvládne každá tiskárna, každý web i každá aplikace:

• Nápis kreslený na míru. Wordmark není psaný font, ale kresba vytvořená přímo pro tuto značku.
• Jiskra je vždy mintová. V jednobarevných verzích se přebarvuje spolu s logem, aby značka zůstala čistá.
• Verze pro každé pozadí. Barevná, reverse, černá, bílá, navy, modrá i stupně šedi.
• Tiskové podklady s poctivou poznámkou. Živá modrá a mint leží mimo gamut CMYK a na papíře budou méně sytá. Pro věrný tisk proto doporučuji spotovou barvu.
• Ikona aplikace ve třech provedeních. S hloubkou pro obchody s aplikacemi, plochá pro malé velikosti a obrysová pro tmavé plochy.
• Zkouška v malé velikosti. Každou variantu ověřuji od velkého nápisu v recepci až po favicon o 16 pixelech.

Výsledek

Značka, která lusknutím řekne všechno

Výsledné logo spojuje čtyři věci, které chtěla aplikace sdělit hned na první pohled:

Výstupy

Co klient dostal

Hotové logo je pro klienta použitelné, až když ho může kdokoli poslat do tiskárny, vložit na web nebo nahrát do obchodu s aplikacemi. Proto jsem podklady připravil jako přehlednou sadu, ve které se nikdo neztratí. Soubory se jmenují podle vzoru webissimo_rodina_barevnost.

Dohromady přes 400 souborů ve 13 složkách. Klient s nimi může hned začít: objednat vizitky, nahrát ikonu do obchodu s aplikacemi nebo upravit hlavičku webu.

Logo v praxi

Recepce

Web

Úvodní sekce

Papír

Slepotisk

Vizitky

Obal

Hrnek

Tričko

Taška

3D rendery

Od ikony po favicon

Ikona se musí poznat i v miniatuře. Tady je v původní velikosti pixelů, od 128 px až po 16 px záložku prohlížeče.

128 px

96 px

64 px

48 px

32 px

16 px

Co z toho plyne

Čtyři věci, které si z projektu odnáším

1. Šest konceptů není šest šancí na výhru, je to šest otázek. Reakce na odvážný a na bezpečný koncept řekla víc než jakýkoli dotazník.
2. Revize je rozhovor, ne oprava. Přesné připomínky („zdecentnit“, „ruku do písma“, „tečky nad i“) vedou k cíli rychleji než „nelíbí se mi to“.
3. Rychlost odpovědi drží tempo. První revize dorazila druhý den ráno, druhá za necelé dvě hodiny. Rozhodování pak může být klidné.
4. Logo je hotové, až když funguje všude. Od favicony o 16 pixelech po prostorový nápis v recepci.

Další případové studie

HostivařLogo pro sportovní klub

PM ProfiLogo pro lešenářskou firmu

AndrieLogo pro lifestylovou značku

AK ChlebcováLogo pro advokátní kancelář

Všechna loga a ukázky patří jejich majitelům. Celé portfolio najdete na stránce Portfolio.