- Sobre a Techmmunity
- A Estrutura da Techmmunity
- O Logo
- Exemplos De "Algo Icônico"
- Exemplos De Consistência Visual Entre Produtos Da Mesma Marca
- Exemplos de Logos Ruins
- O Que Pensamos Até Agora Para a Identidade Visual
- Resultado Final - Prova de Conceito Inicial
Somos uma comunidade de pessoas apaixonadas por tecnologia que decidiram montar a própria empresa para ajudar outras pessoas apaixonadas por tecnologia a resolverem os mais variados problemas do dia-a-dia.
Nossa empresa será 100% digital, então não teremos absolutamente nada físico (nada de papelaria, nada de camisetas, nada de loja física, etc.).
Traçamos um plano de atuação com a duração de vários e vários anos, onde pretendemos expandir cada vez mais a empresa e atuarmos em todos os setores relacionados a tecnologia.
Para que possamos expandir e nos estabelecer no mercado sem medo ou risco de perdermos a imagem que construímos, precisamos de uma identidade visual flexível e consistente. Os requisitos para uma identidade visual assim serão melhor explicados no decorrer desse manifesto.
A missão da Techmmunity é prover os recursos necessários para que as pessoas possam mudar o mundo através da tecnologia.
Fazemos isso criando uma comunidade com um ambiente agradável e amigável, onde pessoas podem trocar conhecimentos, fazer networking e formar times, onde juntos, possam mudar o mundo.
Nos recursos que comentamos, podem ser enquadrados: conhecimento, pessoas, mão de obra, empregos, conexões, ferramentas e diversas outras coisas.
"Nada que valha a pena jamais foi construído por uma pessoa sozinha."
Um dos pontos principais que permitiram que a humanidade se tornasse a espécie dominante do planeta, é sem dúvida o fato de que a humanidade se tornou cada vez mais especializada e menos generalista.
Isso significa que ao invés de todos os membros de uma sociedade fazerem múltiplas tarefas de forma medíocre, cada uma delas se torna especialista em algo, e passa a fazer aquela tarefa muito melhor do que se ela estivesse dividindo seus esforços com várias outras skills.
Aqui na Techmmunity, nós não acreditamos em unicórnios. Tudo que valha a pena não é construído por uma pessoa excepcional, e sim por um grupo de pessoas ótimas. O trabalho em equipe foi o que trouxe a humanidade até aqui, e é o que vai guiar a humanidade ao infinito e além.
Nós ensinamos de tudo, sim, mas não com o objetivo de que todos os membros de nossa comunidade estudem todos os conteúdos que produzimos, e sim com o objetivo de ensinar cada um deles um tópico específico que seja do interesse dele, e essa pessoa entrar em um time, com outras pessoas com interesses diferentes, e juntos, mudarem o mundo do jeito deles.
O que é um unicórnio na área de TI? Um unicórnio é alguém que consegue fazer o trabalho de 2 ou mais pessoas, com a mesma qualidade e em um espaço de tempo muito curto. Um unicórnio sozinho seria um departamento de Ti todo, ou seja, um semi-deus.
Sobre nossos valores, sem dúvida, um video dirá mais do que qualquer texto:
Para entendermos melhor a marca, precisamos primeiro entender a estrutura da empresa e nossos planos para o futuro.
A Techmmunity tem uma estrutura de 3 camadas: A Empresa, Os Setores e Os Produtos.
A Primeira camada da Techmmunity é a empresa em si, aquilo que engloba todo o resto, esse é o núcleo da empresa e é a partir dele que as coisas se desenrolam.
Essa camada são os setores de atuação da Techmmunity, todos voltados para o setor de tecnologia. Eles são independentes uns dos outros, porém tem uma relação com a Techmmunity.
Essa é a parte que nossos consumidores realmente tem acesso, nossos produtos e serviços, as partes palpáveis da empresa. Cada setor da Techmmunity tem vários produtos e serviços.
Não pretendemos começar a empresa atuando em todos os setores de uma vez, mas sim com apenas um deles, e quando já estivermos bem estabelecidos no mercado, começar a expandir para outros setores.
Para que possamos aproveitar toda a reputação que construímos no primeiro setor, precisamos de uma marca que esteja preparada para ter essa flexibilidade, podendo manter a consistência, gerando familiaridade para nossos clientes.
Decidimos começar pelo setor de Programação, pois é a área em que temos mais conhecimento e capacidade de fazer algo de maior qualidade.
O ponto mais importante de qualquer empresa é seu logo, é o símbolo que representa a empresa. O logo é para a empresa o que a bandeira é para um país, no quesito de importância e propósito.
No ramo digital da tecnologia, tendo como foco nossa empresa, existem algumas exigências para que uma identidade visual seja perfeita, e algumas delas se aplicam diretamente ao logo:
A criação de algo abstrato representaria melhor e daria mais flexibilidade para a marca do que algo mais lúcido, que representasse "Tecnologia" ou "Counidade", ou qualquer outro conceito que faça parte de nossa filosofia e propósito.
Um bom exemplo para isso seria: caso usássemos um animal como logo, será que poderíamos usar o mesmo animal ou animais diferentes seguindo o mesmo estilo visual, para todos os setores e todos os produtos da Techmmunity? Provavelmente não, ou seria bem difícil de encaixar, além de existirem um número limitado de animais, e cada um deles representa um conceito pré estabelecido. Criar um novo conceito, algo "Especial da Techmmunity", seria mais facil para quebrarmos expectativas e ocuparmos um lugar único na mente de nossos clientes. "A Techmmunity é única, existe uma caixinha só para ela"
Temos vários exemplos de logos abstratos que são irreconhecíveis e inclassificáveis. Precisamos que o logo tenha a medida certa de abstração e ludicidade, para que seja possível entender que aquilo é algo, não necessariamente algo que exista, pode ser um conceito novo, uma "mancha / borrão / amoeba" que tenha uma certa característica ou estilo que identifique aquilo como único.
A pessoa precisa reconhecer aquele símbolo, reconhecer que ele é diferente de outros símbolos, caso contrário ele falha em seu principal propósito.
Lembrando que o reconhecimento também se aplica a acessibilidade. No mundo moderno, devemos sempre pensar na inclusão de pessoas com certas deficiências, um exemplo seria o daltonismo, que não reconheceria um logo pela sua cor, e sua forma de identificar o logo seria baseada principalmente no formato do mesmo.
Exemplos de versões minimalistas e vetorizadas de logos (Lembrando que esses são logos de produtos, por isso precisam ter uma cor principal, já que são referenciados em outros lugares onde precisam ser minimalistas e ter apenas 1 cor. Nossos produtos terão que ter essa preocupação, já nossa empresa não)
Por ser abstrato, em teoria, o símbolo deveria ter maior flexibilidade para mudanças, assim sendo possível adaptá-lo ou parodiá-lo, gerando assim novos símbolos para nossos diferentes setores e produtos.
Temos vários exemplos disso, e cada um desses exemplos tem seus pontos que devem ser levados em consideração e suas falhas que devem ser entendidas e corrigidas.
O melhor exemplo disso sem dúvidas é a identidade visual da Oi. Ela é simplesmente genial e além de cumprir todos os requisitos para ser perfeita, ainda entrega coisas a mais.
A identidade visual da Oi é única, reconhecível independe do quanto for alterada, pois mantém uma estrutura básica e um conceito principal.
A Oi também tem um "logo principal", que é o mais usado e o mais reconhecido da empresa. Por essa imagem de exemplo ser mais antiga, ela ainda usa apenas a cor amarela, mas podemos observar que nas propagandas e casos-de-uso mais recentes, a Oi já adota as cores degradê mais variadas:
Observações e Reconsiderações: Como a Oi possui apenas um único produto, realmente fica mais fácil para que ela crie uma identidade visual, já que ela não é flexível e que "mude apenas um pouquinho" de produto para produto. É uma identidade visual perfeita para um produto, mas não muito boa para uma empresa.
Esse logo é bem carregado, cheio de elementos, porém é possível criar uma versão minimalista dele, deixando apenas a parte rosa com o H vazado, desse modo o logo continuaria reconhecível.
Aqui também temos um bom exemplo da diferença de logo carregado e logo complexo. Apesar do logo ter vários elementos, todos eles são extremamente minimalistas, compostos apenas por formas geométricas e cores sólidas, sem nenhum detalhe a mais super complexo.
Esse é um ótimo logo para uma empresa, ele abre muitas possibilidades para a criação de logos para os produtos da empresa a partir do conceito de "textura de triangulos", mantendo a mesma identidade visual tanto para os produtos quanto para a empresa.
Ele é exemplo da diferença entre logo texturizado e logo com várias partes. Perceba que apesar do logo visualmente ser formado por várias partes menores, essas partes se completam de tal maneira que isso forma uma textura, e passamos a entender o logo como uma peça única.
Uma outra coisa muito especial deste logo, é que se você reparar bem, existe um "T" 3D escondido na imagem. Esse logo é sensacional, flexivel, iconico, tem quase tudo que um logo precisa ter, a unica coisa que faltaria seria fazer com que ele encaixe em alguma identidade visual amigavel, já que ele é composto de triangulos e o Bouba/KiKi Effect faz com que isso seja complicado de se conceber (porém, acredito que não seja impossivel).
Aqui mais um exemplo de logo texturizado, onde é possível perceber a diferença que ele tem de um logo complexo:
A nova identidade visual dos produtos da Google, que combinam com a identidade visual principal da empresa, é muito boa em manter uma consitencia visual, porém, tem algumas falhas, que devem ser consideradas primeiro que os acertos.
Suas 2 maiores falhas, que tornam essa identidade visual inutilizável por qualquer outra companhia que não tenha a fama da Google, nascem junto do conceito da identidade visual.
A identidade visual da Google é baseado em 2 principais pilares: linhas e um padrão de cores.
Deixar que estes 2 pilares (principalmente as linhas) sejam os carros fortes da sua identidade visual daria uma dor de cabeça absurda não apenas para a própria empresa, mas também para outras pessoas que queiram fazer uma referência a ela através de seus símbolos.
O problema das linhas, é que uma versão minimalista e vetorizada para ser usada como ícones (como exemplificado aqui), não ficaria boa e muito provavelmente não seria facilmente reconhecível. Talvez uma empresa tão famosa quanto o Google possa se dar a esse luxo, mas no nosso caso, nós com certeza não podemos.
O problema com o padrão de cores, é que ele não tem apenas um problema, e sim vários (e mesmo assim, é menos grave do que o problema das linhas). Segundo as reclamações de vários usuários, "Agora todos eles parecem ser a mesma coisa", o que é uma frase que tem uma pegadinha muito importante para qualquer designer.
Afinal, o que é uma identidade visual se não uma forma de fazer com que os clientes da empresa reconheçam que todos aqueles itens fazem parte da empresa, correto? Muito correto. A pegadinha nisso é a sutil diferença entre "fazer parte" e "ser a mesma coisa". Não podemos esquecer que um produto, por mais que faça parte da empresa, não é a empresa. Assim como um filho e um pai são pessoas diferentes, por mais que compartilhem uma semelhança muito grande em seu DNA e façam parte da mesma familia.
Fazendo com que as logos de diferentes produtos tenham as exatas mesmas cores e o exato mesmo estilo, faz com que os clientes vejam aquilo como sendo a mesma coisa, e não como "partes de um todo". No exemplo que usamos anteriormente, sobre pai e filho, imagine o seguinte: O pai e o filho são os produtos, enquanto a família é a empresa.
Agora que já falamos sobre os erros da identidade visual da Google, podemos comentar sobre seus acertos.
O maior acerto dessa identidade visual é também um dos seus defeitos: Ela mantém uma consistência visual entre os produtos. Apesar de exagerar nessa consistência, é inegável que os produtos são reconhecíveis como sendo parte da Google pela maior parte das pessoas.
Outro ponto positivo, é que a identidade visual da Google (a empresa, não seus produtos) sempre foi colorida, representando a diversidade tanto das opiniões da empresa, quanto dos produtos dela, quanto dos usuários de seus produtos. Isso é uma coisa incrível que acreditamos que se encaixa muito bem com a filosofia da Techmmunity (como empresa, não de nossos produtos).
Atlassian é uma empresa que de forma parecida ao Google (e a Techmmunity), tem o objetivo de resolver problemas do dia-a-dia das pessoas. Sua grande diferença é que os produtos que ela cria são ferramentas para que seus usuários possam realizar seus trabalhos de forma mais eficiente.
Acredito que o exemplo mais conhecido seja o Trello, um sistema de Kanban para organizar tarefas amplamente usado por empresas.
Como ela tem diversos produtos, ela precisa manter uma consistência visual entre eles. A maior parte deles não é icônico ou muito bom, mas eles fazem um ótimo trabalho em criar logos diferentes uns dos outros, mas que mantenham a mesma identidade visual.
Apesar dos logos dos produtos não serem muito icônicos, o logo da empresa em si é bem reconhecível e icônico, ao mesmo tempo que é abstrato, é também bem lúcido, tem a medida certa das duas coisas. É uma letra "A" (algo lúcido), porém desenhada de forma abstrata.
Não é a melhor identidade visual que existe, mas ainda assim é muito boa.
Elastic é uma empresa que surgiu através de um produto, o ElasticSearch. Seu principal foco era facilitar a busca por coisas (Tipo uma barra de busca do google, só que interna pro seu website, o que pode parecer super banal, mas acredite, é extremamente revolucionário).
Com o tempo, eles foram expandindo seus produtos, e hoje é uma das maiores empresas focadas em coleta de logs do mundo.
Eles tem inúmeros produtos, mas todos eles seguem uma mesma identidade visual. Ela é muito icônica e extremamente reconhecível, o único ponto negativo é que ela só funciona com cores, e não funcionaria em preto e branco.
A ideia deste logo é muito boa, o formato é bem icônico, porém a forma com que ele é executado não é das melhores. O maior problema é que ele é feito de linhas, e pior ainda: São linhas formando um logo vazado.
Linhas sempre são uma opição ruim para logos de empresas digitais, pois ao "delimitar áreas do logo" as linhas aumentam a "complexidade visual" do mesmo, dando a entender que existem mais "partes" / "elementos" no logo do que realmente existem, tornando o logo muito carregado e complexo.
Se esse logo fosse "cheio" ao invés de ser vazado, até seria um bom logo, porém a escolha de fazê-lo com linhas faz com que ele não seja utilizável.
Esse logo, além de ter o mesmo problema das linhas, cai em um clichê do setor de tecnologia, o uso de "circutos".
Circuitos são "linhas com bolinhas nas pontas". Isso é um clichê do setor, e pessoalmente, me passa a impressão de uma empresa falida que foi fundada em 2013.
Aqui estão alguns exemplos desse tipo de logo:
E aqui estão alguns exemplos de backgrounds clichês:
Um logo pode ser carregado (com muitos elementos, como foi exemplificado aqui), desde que não seja complexo.
Esse é muito complexo, tem MUITOS detalhes. Minimalismo é sempre uma coisa boa a ser considerada.
Esse é um logo simples, direto, sem mistério, sem sal, sem abstração nenhuma, é descarado, é totalmente esquecível. Não tem graça, não é icônico, são apenas as iniciais do nome da empresa.
Se estivéssemos na idade média seria um bom logo, mas nos dias atuais, é péssimo.
Mais exemplos disso:
Logos sempre devem seguir um formato mais quadrado / redondo, para que possam ser usados em redes sociais, ícones, etc., e ocuparem um espaço uniforme.
Esse logo de exemplo é retangular, o que causa um desconforto.
Quando um animal é usado para representar uma empresa, o logo se prende a algo que já existe e já tem um conceito previo formado na mente das pessoas. Águias, Leões, são animais clichês que limitam o potencial da empresa, são lucidos de mais.
Assim como a estrutura da Techmmunity, a identidade visual deve ser dividida em três partes: Empresa, Setor e Produto.
Acreditamos que a melhor inspiração para a identidade visual de nossa empresa são as Skins Arcade, de League of Legends. Seguem algumas imagens de referencia:
Sobre a tipografia, escolhemos a fonte Fipps para escrever o nome da empresa, e a Roboto para textos em geral.
Para o logo, escolhemos a letra t, em minusculo e usando a fonte Fipps.
Todos os setores da Techmmunity terão o mesmo logo e seguirão a mesma identidade visual da empresa, o unico diferencial serão as cores. Cada setor da Techmmunity terá sua cor especifica, sendo elas:
Cada produto terá uma cor principal baseada na categoria a qual aquele produto faz parte, mudando apenas o tom dessa cor. Por exemplo: O setor de programação tem uma cor azul mais clara, um produto desse setor terá um tom de azul escuro.
