Imagem corporativa, a percepção de uma empresa

Imagem corporativa, a percepção de uma empresa

 

A imagem corporativa de uma empresa é o conjunto global de elementos de comunicação que nos fazem perceber a essência dessa sociedade. Nós os captamos através dos sentidos, mas os elementos fundamentais são os ícones visuais que reduzen a mensagem à mínima expressão.

 

Os componentes principais da imagem corporativa:

Marca (brand) : é o conjunto de símbolos distintivos de um produto ou serviço dentro do mercado. Cabe destacar aqui o nome e o aspecto psicológico que associam os consumidores com relação à empresa ofertante.

Logotipo: é a composição tipográfica do nome da marca.

Isotipo: é o ícone representativo da companhia.

Imagotipo: união dos dois anteriores em uma só imagem.

 

O logo perfeito:

 

O logo perfeito

 

Devemos realizar estudos prévios antes de criar qualquer logotipo.

Criaremos um branding em sua totalidade para aportar tudo o que uma imagem corporativa deve transmitir. Nos informarmos sobre todo o relacionado com a empresa, estudar seu setor, concorrência e a que público serão dirigidos. Nos baseando nisto estudaremos a cor o cores apropriados, o tipo de fontes que usaremos, criaremos um slogan se necessário e começaríamos a modelar.

 

O logo perfeito

 

Aplicando a cor (psicologia).

A cor é uma característica visual e criativa que pode fazer que mude o significado visual do logotipo.

Verde: está fortemente relacionado com a medicina e o meio ambiente.

Laranja: transmite positividade.

Vermelho: se associa a sentimentos em publicidade.

Azul: integridade e seriedade.

Preto: elegância e solidez.

 

O logo perfeito

 

A tipografia lhe dará personalidade.

Clássicas: são legíveis e funcionam sempre muito bem.

Sans serif: transmitem modernidade e são muito recomentáveis.

Script: caligráficas, proporcionam elegância e frescor.

Se você optar por usar duas fontes no logo, assegure-se de que sejam harmoniosas.

 

O logo perfeito

 

Redigir um slogan.

· Inspirador.

· Impactante.

· Original.

· Chave.

· Poderoso.

 

El logo perfecto

 

Criando vínculos.

· Conectar a marca com seu público objetivo.

· Estabelecer fidelidade e confiança entre os consumidores.

· Identificação perceptiva.

· Associação de conceitos.

· Com mais aspirações que inspirações:

 

 

 

 

El logo perfecto

 

Modelar e tecnicizar a ideia.

Lápis e papel: é imprescindível esboçar o desenho.

Vetorizar: com o software necessário, criamos a imagem técnica do logotipo.

 

 

Logotipos responsivos.

A evolução da tecnologia nos levou a adaptar o desenho de um website a diferentes dispositivos. O mesmo ocorreu com as imagens corporativas das companhias e seus logotipos.

Um bom logotipo é aquele que se adapta e os desenhos responsivos destes vão de mais a menos. Passam do logo inicial a ir se simplificando até ficar apenas no isotipo da marca.

Joe Harrison conseguiu criar desenhos responsivos das maiores marcas que funcionam à perfeição. Aqui você pode ver um exemplo de seus trabalhos. São magníficos.

 

 

Logotipos responsive

Traçar um plano de marketing eficaz

Traçar um plano de marketing eficaz

 

Quando um cliente nos pede um orçamento para atingir os consumidores temos que traçar um plano de marketing inovador, personalizado e eficaz para conseguirmos que seu produto seja competitivo. A melhor forma de consegui-lo é estabelecer uma estratégia sólida e coerente com a situação de sua empresa.

Recopilaremos informações da situação empresarial e a analisaremos, fixaremos alguns objetivos, tomaremos decisões, desenvolveremos o projeto, marcando as táticas de consecução e os meios para que sejam efetivas e uma vez lançado, estudaremos os resultados e otimizaremos a campanha até conseguir os objetivos marcados.

 

Traçar um plano de marketing eficaz para nossos clientes

 

Análise de situação.

Obteremos informações do entorno da empresa, tanto interno como externo, para saber qual é o estado do negócio no mercado e a compararemos com as do mesmo setor.

Fixação de objetivos.

Com os dados de situação consideraremos os objetivos adequados e alcançáveis pela empresa e os concretaremos.

Determinar um público objetivo.

Dependendo do tipo de produto concretaremos a que consumidores será dirigido e quais são suas necessidades e hábitos.

Conteúdo da campanha e configuração.

A ideia, a informação, o desenho e os meios de comunicação que utilizaremos serão a última fase teórica de nosso plano.

Tomada de decisões.

Refletiremos com nosso cliente, concretaremos e chegaremos a acordos finais.

Definir os prazos de execução.

As técnicas para conseguir o máximo benefício dependem do planejamento temporal com o que atuaremos para rentabilizar todo o projeto e para que não nos façam demorar em procedimentos que atrasariam os seguintes passos.

Desenvolvimento do projeto.

A parte mais amável de nosso trabalho.

Desenharemos, programaremos e lançaremos ao mercado um produto competitivo; extraordinário. Que cubra as necessidades do usuário e satisfaça os objetivos de nosso cliente. Nos serviremos de todas as ferramentas que nos sejam úteis para conseguir, artísticas, culturais e funcionais. Podemos promover a firma criando um website elegante com conteúdo original, inovador, um toque pessoal e identificador da marca; um trabalho de qualidade. Reforçada por um blog no qual se possa aportar todas as informações sobre os produtos que se oferecem e onde os clientes possam interagir.

Os catálogos de produtos, as promoções específicas para eventos de datas escolhidas e os e-mails a clientes potenciais também são formas muito eficazes de alcançar los resultados propostos.

E teremos em conta desde o início um objetivo constante, o posicionamento em buscadores, consolidando-o com a presença em redes sociais.

Medir resultados e otimizar.

As métricas são fundamentais. Saber o alcance de nossa atuação, avaliar e modificar estratégias nos garantirão o sucesso almejado.

Uma boa forma de conhecer o comportamento dos consumidores é usando o Analytics, as estadísticas de nosso gestor de e-mails publicitários ou de mapas de calor como SumoMe.

Baseando-nos nos resultados obtidos poderemos repensar estratégias ou reforçar as que funcionam.

Enfim, planejando com boas técnicas de mercado, estando sempre atualizados em tendências e sabendo utilizar as ferramentas necessárias, podemos conseguir um trabalho muito proveitoso para nosso cliente.

 

Blogueiro 2.0

Blogueiro 2.0

Existem muitos motivos para criar um Blog e ir além e converter-se em um autêntico Blogueiro.

Trazar un plan de marketing eficaz

Trazar un plan de marketing eficaz

Cuando cliente nos encarga un proyecto tenemos que crear un plan de marketing innovador, personalizado y eficaz para lograr que su producto sea competitivo.

El color como herramienta en Diseño Web.

El color como herramienta en Diseño Web.

Uno de los factores clave en el diseño de una web es el tratamiento del color. Las percepciones en pantalla son muy distintas a las que tenemos en papel. El ojo se mueve de forma diferente…

A cor como ferramenta de desenho web

A cor como ferramenta de desenho web

Um dos fatores chave no desenho de uma página web é o tratamento da cor. As percepções na tela são muito diferentes das que temos em papel. O olho se move de forma diferente e a mente busca estímulos efetivos.

Para que uma página web funcione do ponto de vista de seu desenho nos basearemos na teoria da cor, também levaremos em conta a psicologia da cor, as tendências atuais e as variações que podem existir entre as diferentes configurações dos monitores e a adaptação de uma página a dispositivos móveis.

Ao longo de uma série de artigos iremos completando este conjunto até dar a forma de una ferramenta essencial no desenho de um projeto digital.

Para ir treinando nossas retinas enquanto aprendemos sobre a teoria da cor, usaremos as principais ferramentas online para a escolha de cores.

Círculo cromático

Pessoalmente é a mais técnica de todas as ferramentas, fácil de usar e intuitiva. Ao pé tem as instruções de uso.

 

rueda-cromatica

Círculo cromático

 

Em HTML e CSS sempre trabalharemos com códigos de cor hexadecimais, se já temos escolhida a cor com seu código a introduzimos na aba superior direita sem #, caso contrário a selecionamos no círculo cromático e o processo seguinte é o mesmo.

Uma vez que tenhamos a cor podemos ver:

Tono: es una de las propiedades más importantes del color en estado puro y la que le da el nombre a cada uno.

Saturación: es el matiz que toma el color según la agregación de gris (el color pierde pureza y se aproxima cada vez más al gris).

Luminosidad: es el valor que toma el color dependiendo de la cantidad de blanco (el color se aclara).

Colores Complementarios: dentro del círculo cromático los colores que se sitúan diametralmente opuestos son complementarios entre sí (o sea, que si los mezclamos proporcionalmente nos darán blanco, gris o negro dependiendo si son o no colores luz).

Colores Análogos: están situados a ambos lados de cualquier color del círculo cromático (luego el resultado es de tres colores muy armoniosos entre sí).

Colores triádicos: si tomamos los tres colores resultantes de los vértices de un triángulo equilátero sobre el círculo cromático, tendremos una triada de color (el contraste entre ellos resulta vibrante e intenso).

Colores tetrádicos: se toman cuatro colores, esta vez  superponiendo un rectángulo sobre el círculo de colores, sus vértices darán lugar a dos pares de colores complementarios que combinados resultan a la vez armónicos y chispeantes.

 

Adobe Color CC

Para los que no están acostumbrados a trabajar aún con combinaciones de colores,  Adobe renueva su antigua Kuler y la amplía, puedes hacer búsquedas de paletas y crear la tuya partiendo de una imagen. Sencilla, eficaz y completísima.

Rueda cromática Esquemas de color Adobe Color CC

Seleção de fontes

Seleção de fontes

Seleção de fontes gratuitas que personalizarão suas imagens na web ou em qualquer desenho gráfico:

Reis

tipografia-reis

Esta fonte transmite frescor, jovialidade e ritmo, é uma fonte do tipo Script que em títulos ou imágens com textos curtos se visualiza e lê bem. Infelizmente sua versão é só em maiúsculas, regular e sem acentos, em formatos ttf e otf.

Um truque para que suas imagens fiquem acentuadas corretamente é sobrepor uma camada transparente e com o pincel com tamanho adequado desenhá-los, depois para aperfeiçoar o estilo você pode dar pequenos retoques com a ferramenta borracha.

Foi criada por Marcelo Reis Melo, para baixá-la gratuitamente você precisa se registrar e compartilhá-la no Facebook ou Twitter. É possível usá-la também em projetos comerciais.

Komoda

tipografia-komoda

Fonte elegante e muito atual. Da categoria Sans Serif, é ideal para títulos e cartazes. Sua versão só está disponível em maiúsculas, regular e sem acentuação. Vem em formato otf.

Para acentuar esta fonte, crie uma camada sobre o texto e use a ferramenta linha com os pixels da espessura que for necessária. E para criar o retângulo arredondado vazio, você pode fazer duas figuras com este formato e cores diferentes, uma delas você redimensiona uns pixels a menos que a de baixo, selecione as duas e alinhe os centros verticais e horizontais, rasterize e combine. Por último selecione a figura pequena com a varinha mágica, remova e desselecione.

Você pode baixá-la diretamente e seu uso é tanto pessoal quanto comercial.

Comic Neue

tipografia-comic

As fontes casuais estão na moda. Comic Neue é uma fonte completíssima em estilos, light, light itálico, regular, itálico, negrito e negrito itálico, e em um grande número de idiomas.

O arquivo que se baixa diretamente da páina dos criadores vem em formato otf e versão css e é gratuita para uso pessoal e comercial.

Fale a pena visitar o link e ver o grande trabalho de seus designers.

Langdon

TIPOGRAFÍA-LANGDON

Langdon é muito funcional. É uma pena que só nos seja oferecido um arquivo em formato otf, sem acentos e unicamente em maiúsculas.

A fonte está classificada dentro das sans serif e é muito versátil, podendo criar efeitos diferentes brincando com várias camadas de texto e adicionando estilos. Concretamente o efeito de acima foi feito tratando duas camadas de texto quase sobrepostas, apenas movidas uns pixels na horizontal, a de cima tem a borda da cor do fundo e a de baixo pega a cor do fundo aumentada em luminosidade.

O autor é Esteven Bonner.

Utilização correta das fontes. Regras a seguir

Utilização correta das fontes. Regras a seguir

Nos estudos prévios ao desenho web, um dos fatores mais importantes a se ter em conta é como utilizar as fontes de forma correta:

Uma fonte tipográfica é o conjunto de caracteres, números e símbolos com propriedades comuns que lhe proporcionam um estilo diferenciado. Uma família tipográfica mantém as características da fonte mas com algumas variações na espessura e na altura.

As fontes se dividem nas seguintes categorias:

Serif: são as famílias tipográficas que usam elementos de “derrame” (serifa) nas extremidades dos caracteres. Este desenho foi inventado na antiguidade quando os textos eram entalhados em pedra, para regular e igualar o tamanho das letras. Transmitem calma, domínio e solidez a um texto. Seus caracteres arredondados como c, o, p, b, etc. são um pouco maiores que o resto porque ao se misturarem no texto com os outros se visualizam menores. Classificam-se em Romanas, Glíficas e Caligráficas. As mais utilizadas são Book Antiqua, Bookman Old Style, Courier, Courier New, Garamond, Georgia, Lucida Bright, MS Serif, New York, Times, Times New Roman y Palatino.

Sans Serif: não têm serifa em suas extremidades. Foram criadas na Inglaterra no Século XIX. Têm os vértices retos e o traçado é coincidente. Os textos resultam sóbrios, modernos e de traçado seguro. Sua leitura em textos amplos se torna difícil, por isso seu uso se limita a rótulos ou títulos. Algumas são Arial, Chicago, Monaco, Tahoma, Helvética, Verdana y Univers.

Manuscritas ou script: seu nome já diz tudo. São usadas nos meios digitais como título principal ou para a assinatura do autor. São classificadas em Brush, Caligráfica, Canciller, Causal, Formal, Semi-formal Gráfico, Monoline…. Como exemplos temos Aelfa, Belphebe, Brush, Edwardian Script, English, Killigraphy, Medieval Victoriana y Vivaldi.

Exibição: são as mais atraentes de todas, sugerem épocas da história e aportam grande estilo. São utilizadas exclusivamente para o título. São muito decorativas, Antigua, Art Noveau, Art Deco, etc. As mais utilizadas são Terminator, Star Wars, Final Frontier e Jokerman, criadas pela indústria do entretenimento, arte e tecnologia., Killigraphy, Medieval Victoriana e Vivaldi.

Símbolos: Dingfonts e Dingbats, inserem sinais, padrões, logotipos, decorações, imagens e caracteres que não são alfabéticos. Seu uso é exclusivo para ressaltar e ornamentar textos e em desenhos.

Se você quiser alguns bons exemplos de fontes verifique esta seleção de fontes.

Devemos seguir algumas regras que nos levarão a usar a fonte correta:

Não mesclar fontes: Ao mesclar vários tipos de fonte não comunicamos o que queremos dizer de forma clara e perdemos a unidade da mensagem.

Não abusar dos estilos: se nos excedemos com o uso do negrito, itálico, sublinhado, etc. faremos com que o texto perca distinção e se torne sobrecarregado e pouco elegante.

Optar sempre pela legibilidade: na hora de escolher a fonte correta esta deve ser sempre fácil de se ler, com um desenho simples, sem texturas, sombras ou cores que dificultem sua leitura e compreensão.

“Kerning” e “Traking”: O espaçamento e o entrelinhado ao aproximar ou distanciar os caracteres sem querer, pode diminuir a harmonia do texto e a legibilidade.

Uso adequado da cor: para se conseguir uma leitura adequada levaremos em conta a tonalidade, valor e intensidade da cor usada e a fonte escolhida. Os olhos descansam mais se a leitura se faz sobre um fundo claro, com letra mais escura.

Tamanho: é  recomendável que a dimensão da fonte esteja entre 12 e 14 px.

Parágrafos bem diferenciados: para se conseguir una leitura relaxada onde o olhar percorra as linhas comodamente e sem cansaço, é recomendável formatar um texto com parágrafos cuidados.

Se tivermos em conta estes fatores na escolha da fonte correta para um website, estaremos dando profissionalidade ao design e isso levará nossa página a ter uma baixa taxa de rejeição dos visitantes e ampliará o número de usuários e leitores.