Notalo Manual de Identidade Visual
Objetivo Para qualquer um que ler este documento, trata-se de um manual de uma marca visual, contemplando desde a escolha do mercado onde atuará, conceito de naming, pesquisas para construção de uma identidade significativa e passando por como a marca irá se mostrar.
O objetivo deste projeto é criar uma identidade visual para um escritório com foco totalmente direcionado para as áreas de web design e ilustração. A partir do conceito visual da marca criado, serão criados os pontos de contato para conseguir se estabelecer um diálogo com clientes em potencial e público em geral. O escritório visa manter um contato tanto real quanto digital.
Briefing Jaqueline Rodrigues Damazio é aluna de Design do segundo semestre da ESPM-SUL. Tendo seu foco de trabalho em aprofundar seus conhecimentos de web design e tornar mais consistente e identificável suas ilustrações, a estudante pretende, futuramente, montar um escritório que atenda clientes nestas duas áreas e que consiga se posicionar no mercado. Este escritório visa atender o público em geral, criando também espaços interativos digitais que levem em conta a sensação de diversão do usuário. Não é apenas trabalhar no layout, mas sim sentar com o cliente e, a partir das informações que são cedidas para compor o site ou aplicativo, criar um sistema integrado de usabilidade eficiente e prática. A empresa basicamente quer desenvolver opções únicas e diretas que consigam passar as informações necessárias. Afinal, muito se vê websites com seções que se repetem e desgastam o usuário e não queremos isso.
Aí, desejamos entrar no mercado de trabalho para trazer uma ambientação lúdica e descontraída para os clientes sisudos. É para se divertir no layout, ainda que não perdendo a seriedade. Outro forte braço desta empresa é a ilustração. Vemos a ilustração como uma grande paixão, uma área muito prazerosa de seguir e que usa as técnicas como forma de diferenciação entre os vários ilustradores. E de certa forma, queremos nos destacar nesta área por possuirmos uma considerável experiência em fazer desenhos à mão, artes vetorizadas e pintura digital. Nossa empresa acredita na ilustração como um grande meio de propagação de ideias a partir de uma visão única e peculiar sobre o cotidiano. Por isso, a nossa ilustração tem a intenção de ser objetiva, facilmente identificável e notavelmente impactante em comunicação visual. O diferencial do escritório é oferecer diversas possibilidades , diiálogo esclarecedor sobre as ferramentas de web e materiais para ilustração, conhecer atentamente todos os critérios para uma baa experiência do usuário e usar da junção web + ilustração para consegui fazer sites interativos .
Moodboard O mooboard do projeto de identidade visual busca mostrar a busca de referências visuais para os conceitos-chave trabalhados de acordo com o briefing. São estes os conceitos:
DIVERSÃO EFICIÊNCIA PRATICIDADE VIVACIDADE
DIVERSÃO
EFICIÊNCIA
PRATICIDADE
VIVACIDADE
Painel de inspiração O painel de inspiração mostra mais a fundo o que inspira para a criação deste projeto de identidade visual. O painel está dividido em, respectivamente, web design e ilustração. O que se buscou nesta sessão foi conseguir mostrar satisfatoriamente as mais variadas referências de pessoas que atuam nestas duas frentes.
2
1 4 3 1. Laura Salaberry 2. Zé Cardoso (Site) 3. Intel / Html5Hub / IGN 4. McBess (Site) 5. Robby Leonardi 6. Bicicleta Sem Freio 7. James Victore 8. Seymour Schwast
9. Milton Glaser 10. Ziraldo 11. Ashkahn 12. Robert Crumb 13. Keith Harring 14. José Cardoso 15. McBess 16. Bryan Lee O’Malley
17. Timothy Doyle 18. Rafael Sica 19. Jaime Hernandez
5
6
7
8
12 10
11
9 13
15
18
14
16 17
19
Pesquisa Sincr么nica Locais
s
Nacionais
Internacionais
Análise Sincrônica O que se percebe, ao observar a considerável quantidade de marcas de estúdios que trabalham tanto em web design quanto com ilustração, usam letras em caixa alta. Alia-se a isso o uso de duas ou três cores que fazem um contraste forte entre si. Isso dá um aspecto visual de maior imponência e destaque para o nome. Quanto ao uso de símbolos, não há uma conclusão precisa: muitas empresas apenas usam somente logotipo, assim como outras acrescentam um símbolo para dar uma significação visual à sua apresentação. Pôde ser constatado, a partir da pesquisa sincrônica, o pouco uso de um decodificador. Assim, a marca se encarrega de modo direto ou indireto de transmitir suas mensagem. Outra conclusão, mas não menos importante, se dá por perceber os contornos e o uso do espaço. Há símbolos sem contorno, que dão um aspecto de limpo e organizado; símbolos que se constroem apenas de um contorno forte; e símbolos que parcem estar em negativo, fazendo um diferente uso do espaço.
Naming O processo de naming consistiu em elaborar uma lista de nomes possíveis que tivessem relação com o mercado em que atua e a dona do escritório. A princípio, foi pensado em usar o nome real da própria criadora (Jaqueline Rodrigues Damazio) mas, conforme o andamento do projeto, foi constatado que isso ficaria muito preso à apenas uma pessoa.. Portanto, um nome com um significado poderia causar um impacto maior e repercutiria de modo mais agradável, de modo que as pessoas identifiquem de quem é mesmo que não tenha uma relação direta.
- div.art -usuário abstrato - jaw - jó - web art -arte web - framedraw - frame -workjack - woah - notalo - webjack - htmjack - developando - deep - casa da tia - esquina02 - toca do mouse - websketch - dona jaque art web - div.art -usuário abstrato - jaw - jó - web art -arte web - framedraw - frame
-workjack - woah - notalo - webjack - htmjack - developando - deep - casa da tia - esquina02 - toca do mouse - websketch - dona jaque art web - Labisco - screeba - gribow - a.portinha - waj -abastado - fietsnu - Lucha - desnu - iluminartti -Weepbox - Usual - Uzu
-libre - wijack - moby deep - wazoov - janooarius - weee - j.nimbus - timboo - j.art - jrd - jards - código doce - jaqueline damazio - Wjack - Leiautando - djacks - leiauts - Ilustríssimo - Ilustre Teia - Donaranha
- Sra. Web - Desenho ambulante - La interación - Comecinho - walaminuta - jack web/illustration - visitante - fluidora - assterisco - mafagafo estudio - hemelinfa - shine art web - 2pupilas - bumba - madame gribu
Deste nomes, foram selecionados estes: Jó
Notalo
Jaqueline Damazio
dona jaque art web
Caichola Negaweb
E o escolhido foi:
Notalo
Pesquisa de Ref. Visuais A pesquisa de referências visuais foi feita a partir do processo de naming feito para a marca. Querendo trazer o conceito de talo, de se construir uma base estruturada para um bom trabalho, foram buscados referências de talo, raíz , planta, terra e cabos de internet. Tendo estas imagens como base para o trabalho, o rafeamento foi feito com êxito.
Rafeamentos Inicialmente, o que a designer do projeto tentou fazer foi rafear inicialmente algo relacionado com a temática de programação de sites, o que ficaria muito perceptível. Foi tentado explorar o contorno de um talo de verdura para ser construído um logotipo como símbolo. Logo depois, o caminho da ilustração se mostra para talvez ter uma marca mais autoral.
Aqui, alguns caminhos baseados em raĂz e madeira. Mais abaixo, uma tentativa de usar dois elementos diferentes para a composição do rafeamento (uma abertura de tag com o nome dentro) e outra de criar uma tipografia. Assim, um distanciamento da marca apareceu e o processo de rafeamento estava perdendo o foco.
Foi pedido, durante um dos assessoramentos do projeto, uma an谩lise melhor do significado do nome Notalo para poder prosseguir satisfatoriamente nos rafeamentos. Isso, de certa forma, ajudou bastante para os pr贸ximos rafes.
Uma imagem pesquisada para referência visual serviu como base para um esboço de talo para pensar no que poderia ser feito.
É dado início aos rafeamentos digitais. Primeiro, a criação de um vetor em cima do conjunto de talos para, posteriormente, usar como fundo para o nome e lhe dar o devido destaque. Esta resposta não possuía uma sincronia dos dois elementos e era poluído. Então, foi analisada a imagem e um dos talos tinha um formato notável. Isto foi usado nos próximos rafeamentos e foi feita uma avaliação de combinação nome + símbolo.
Solução Final
Justificativa O nome no Notalo é a junção da contração “no” (em+o) com a palavra “talo”. Talo, basicamente, possui dois significados: - Talo é uma estrutura vegetativa não diferenciada em raiz, caule e folha, e sem formação de qualquer tecido. A grande maioria das macro-algas é composta por talos. (definição da Wikipédia) - Algo no máximo; até o final; substantivo de limite; no auge de; semi-resto. (Resultado de definições no Dicionário inFormal)
A inspiração principal para o nome do escritório foi a classificação que revista de música Noize usa para classificar os álbuns na seção Músicas para Ouvir.
Com base nas pesquisas feitas acerca da palavra, talo remete à raíz. A raíz é a base, que pode ser compreendida pelo repertório, referências, o estilo, as técnicas compreendidas e a paixão que dão a sustentação para todo e qualquer projeto que possa ser desenvolvido e se expandir.
Sendo assim, estes projetos serão como as ramificações vindas do corpo que advém da raíz. Isto é, do talo. O talo está fortemente inserido na raíz de qualquer planta. Consequentemente, relaciona-se à natureza. O interessante do conceito de natureza que se aplica nas significações da marca seria a vivacidade do orgânico, o modo como se mostra intenso. O símbolo visual do assinatura visual se dá por um talo de contornos fortes e, internamente, contornos mais fracos. Os contornos fortes representam a intensidade do trabalho que virá a ser feito, dá ênfase à forma do talo e toda sua mensagem. Os contornos fracos vem a ser: a definição de redes de internet , tão vitais para a comunicação entre indivíduos; e as ligações entre os indivíduos, isto é, a formação de conexões significativas entre pessoas para poder criari um trabalho fundamentado na relação entre cliente e contratado.
Malha de construção/Reduções
50mm
30mm 100mm
Área de não interferência
Geometrização
19x
=x 51/2 x
7x
x
1 1/3 x
Aplicações P/B
Fundos Coloridos
Fundos Coloridos
Código Tipográfico
notalo Struct Bold
A tipografia usada para a criação da assinatura visual foi a Struct Bold. Foi feita uma extensa pesquisa de tipografias que seriam adequadas à marca. A Struct Bold se mostrou um achado, pois ela apresenta um estilo que remete à tecnologia, ao novo. O seu peso dá o devido destaque para o nome e possui um equilíbrio com o talo de contornos fortes.
Código Cromático O código cromático é estabelecido apenas com duas cores:
Marrom Cacau R : 41 C : 78% G : 29 M : 83% B : 26 Y : 77% K : 69% #291D1A
Amarelo Gasolina R : 234 C : 8% G : 170 M : 36% B : 27 Y : 93% K : 0% #EAAA1B
- Marrom Cacau Esta coloração de marrom traz a raíz necessária para os trabalhos. Traz segurança e força para o cliente. - Amarelo Gasolina O amarelo representa a energia e intensidade colocadas em futuros projetos. Mais do que isso, mostra uma escolha inteligente.
Usos indevidos
Posição diferente
Símbolo invertido
Sobreposição de um elemento por cima de outro Uso de outra tipografia
Uso de uma cor adicional
Usos indevidos Achatamento do sĂmbolo ou do nome
Cor de fundo diferente das mostradas anteriormente
Uso de cores que nĂŁo dĂŁo o devido contraste
Posicionamento irregular
Fundo de estampa complexa
Aroma O curry oferece um aroma simples e forte. É o tipo de aroma que , durante uma pequena parcela de tempo após seu manuseio, deixará resquícios impregnados na mão da pessoa. É uma síntese de várias especiarias que se misturam para a sua composição.
Textura O gengibre é, antes de mais nada, uma estrutura de vários elos ou ramificações. Quando se tem em mãos um gengibre, dá para se sentir facilmente pequenos troncos que se ligam. e possuem rugas. É como se estivesse contando uma história, contando um passado que é a base para o presente.
Sabor O sabor escolhido foi o chocolate amargo. O chocolate amargo é o cacau em seu estado mais puro. Diferentemente do chocolate tradicional ou ao leite, que é produzido e consumido pela grande massa de indivíduos, este tipo de chocolate mantém a real essência da planta da qual se origina.
Som O som que seria uma tradução da marca seria o instrumental da música “Falando Sério”, do cantor capixaba Lúcio Silva.. O início se dá por uma mistura de sintetizadores com batidas eletrônicas. O modo como as notas entram na música dá a sensação de imersão em um mundo que
Papelaria
Camisa
Kit Sensorial
Site
Site Smartphone
Contracapa