Uma marca com 33 anos de vida

Em 1978, junto com meu colega de faculdade Eduardo Monteiro, criei a marca para o Coral Israelita Brasileiro - numa época de canetas de nankim, tira-linhas, compassos, curvas francesas, réguas paralelas e esquadros, tudo sobre o bom e velho papel Schoeller-Hammer 3G, resultando na Arte Final. O projeto foi encomendado na época pelo Sr. Salomão Fridman (in memoriam). O diretor musical era o maestro Isaac Karabitchevsky.

Uma marca repleta de simbologia

Com poucos elementos visuais, representamos vários símbolos associados ao tema - Coral Israelita Brasileiro.

Em uma primeira visão, dois elementos principais se destacam:

- A estrela de David estilizada;

- O coral com o maestro ao centro;

Um olhar mais detalhado revela o pentagrama musical que serve de padrão para a formação da estrela de David e o candelabro (Menorah) com as sete velas, símbolo do judaísmo, formado pelos coristas e o maestro.

Por três ou quatro ocasiões ao longo destes 33 anos, o Coral pensou em criar uma nova marca e solicitou estudos a diversos designers, mas nas palavras de seu atual diretor musical, Sr. Abrahão Rumchinsky, "nada emocionou ou conseguiu ser melhor do que esta marca".

Por ter sido uma marca desenhada a mão, o tempo se encarregou de deteriorar sua estrutura e a qualidade de reprodução, uma vez que a arte final original se perdeu e as reproduções passaram a ser feitas a partir de impressos.

Tendo tomado conhecimento de que a marca ainda permanecia a mesma que criei em 1978, tomei a iniciativa de desenhá-la em arquivo digital vetorial.

Um DVD com várias versões prontas para reprodução foi presenteado ao presidente do Coral, Sr. Isaac Chapermann e ao diretor musical Sr. Abrahão Rumchinsky por ocasião do Concerto Comemorativo dos 57 anos do Coral Israelita Brasileiro, realizado no dia 27.11.2011 no clube Hebraica - Rio.

Não sei mais por quantos anos esta marca representará o Coral Israelita Brasileiro, mas considero um trabalho bem feito, pela história que contou, cantou e encantou até agora.

Do layout ao site pronto

Em geral quando se vê um site pronto é muito difícil imaginar quantos "pulos" o web designer e o programador deram para chegar ao resultado final.

Normalmente muitas pessoas são envolvidas na aprovação do site e com isto, a etapa de criação é a fase mais complexa de todo o desenvolvimento web, pois o resultado tem que ter consenso.

Em alguns casos aqui na w3maker, recebemos o layout definido, seja por agências de comunicação, publicidade ou mesmo por nossos clientes. Para estas situações, muitas adaptações são necessárias, pois nem sempre quem cria do outro lado, conhece as limitações do web design. Não que o web design tenha limites, mas para que tudo funcione dentro dos web standards, algumas regras precisam ser observadas.

Nosso mais recente desafio, com o layout fornecido, foi o desenvolvimento do novo site para a Kraftweb, empresa de soluções de tecnologia. Recebemos do diretor Mauro Zaide o layout a seguir, com a liberdade de modificar aquilo que fosse importante para a melhoria visual e operacional do projeto.

Layout fornecido para a Página Inicial

Layout fornecido para as páginas internas

Optamos pelo uso do Joomla como sistema de gerenciamento de conteúdo, devido à necessidade manifestada pela equipe da Kraftweb de atualizar periodicamente tanto o conteúdo como a estrutura do web site.
O layout final foi resultado de duas etapas de design e ajustes para adequação do conteúdo ao formato proposto. Desenvolvemos um template (tema) exclusivo para Joomla, respeitando a diagramação do layout fornecido, porém adaptando-o à estrutura de módulos deste CMS (Content Management System).
Usamos os recursos de "mod_custom" (módulo personalizado que permite a edição de textos, imagens e inclusão de HTML) e estrutura de blog para criar os conteúdo para as quatro caixas da home, permitindo assim, que possam ser editadas com extrema facilidade.

Fotos? A gente pega na Internet, certo?

Errado! Usamos o Dreamstime, banco de imagens royaltyfree, onde adquirimos fotos de qualidade que atendessem aos conceitos de cada produto da Kraftweb.

Texto? O web designer dá um jeitinho!
Errado! Muitos clientes pensam que é atribuição do web designer fazer o conteúdo se encaixar no layout, mas em 101% dos casos, o texto precisa ser escrito com o número certo de caracteres para que fique em harmonia com o design.
Para que tudo ficasse equilibrado, layout e forma, foi necessário o tratamento do conteúdo (textos) - ciente disto, a Kraftweb contratou os serviços de criação e edição de textos da empresa Ventana Projetos em Comunicação para o desenvolvimento dos conteúdos.

O resultado para a página inicial (home) e para as páginas internas, a partir do layout proposto, foi novamente trabalhado pela equipe da Kraftweb e o resultado final desenvolvido pela w3maker e aprovado pode ser visto a seguir.

Web Design da Página Inicial (Home)

Web Design das Páginas Internas

Foi necessária a integração de formulário de contato que enviasse dados diretamente para o servidor da Kraftweb e para isto utilizamos a estrutura de "wrapper" oferecida pelo Joomla que é uma especie de "janela" (iframe para os íntimos) que "carrega" um formulário externo dentro da página "Fale Conosco".

O novo site da Kraftweb é "cross browser" ou seja, funciona com mínimas variações nos principais navegadores: Firefox, Chrome, Opera, Safari, Internet Explorer 7, 8 e 9. Para o Internet Explorer 6 que já foi descontinuado pela Microsoft, mas que alguns ainda insistem em usar (por comodidade, hábito, preguiça ou desconhecimento de como atualizar), apesar das falhas de segurança e falta de suporte para atualizações. Instalamos um plug-in no Joomla que detecta se o usuário faz uso deste navegador e apresenta um alerta informando sobre a versão desatualizada e oferecendo opções de atualização.

O menu de navegação do site recebeu submenus comandados por CSS com transparência, utilizando a estrutura padrão de menus do Joomla.



Uma solicitação especial para a seção FAQ - Perguntas frequentes, foi de que as respostas ficassem ocultas e só fossem exibidas a partir do clique do usuário em cada uma delas. Para solucionar este item, recorremos à instalação e configuração do módulo Ice Accordion, disponível para download gratuito no site de extensões do Joomla.

Site no ar!

Por fim veio o reconhecimento pelo nosso trabalho, nas palavras do diretor da Kraftweb:

“O desenvolvimento do novo site da Kraftweb com a w3maker foi uma experiência muito interessante. Desejávamos um site moderno e ágil, com padrão dos sites das empresas de soluções de TI atuais. Com a indicação da w3maker optamos pela plataforma Joomla, para conseguirmos a agilidade de atualização necessária. O resultado final foi muito bom, com plena aprovação de clientes e parceiros.”
Mauro Cohen Zaide

Para saber mais sobre criação e desenvolvimento de sites com Joomla, viste: w3maker

Logomarca para "International Association of Yoga & Ayurveda - IAYA"

Criação de Logomarca ou Logotipo hoje, é uma seara complexa - todo mundo é designer, todo mundo tem milhares de fontes em seus computadores e, escolher uma fonte bacana não basta para criar uma logomarca.
Logomarca é um neologismo usado de forma empírica e genérica, para designar logotipo, símbolo ou marca, sem que haja consenso nem precisão absoluta ao que ele se refere, se apenas ao símbolo, ao logotipo ou ao sinal misto (combinação de ambos). O seu uso está popularizado no Brasil e o termo consta do dicionário Aurélio e é considerado correto pela Linguística. No entanto, o termo é visto como inadequado por diversos designers por não possuir a necessária precisão. (Fonte: Wikipedia)

Logotipo, refere-se à forma particular como o nome da marca é representado graficamente, pela escolha ou desenho de uma tipografia específica. É um dos elementos gráficos de composição de uma marca, algumas vezes é o único, tornando-se a principal representação gráfica da mesma. (Fonte: Wikipedia)

Vamos ao que importa: A w3maker foi contratada para criar a logomarca da "International Association of Yoga & Ayurveda - IAYA" - entidade credenciada internacionalmente com certificação dos maiores mestres do Yoga e Ayurveda da Índia.

Um projeto no mínimo com inúmeras variáveis e envolvimentos místicos cuja imagem final, deveria transmitir através de seu símbolo, diversos aspectos da espiritualidade.

O "briefing" enviado pela diretora no Brasil da Associação, Sheila Quinttaneiro, considerava especificações desde cores e suas simbologias, até imagens que possuem forte significado para o hinduísmo.

Optamos por fazer nossas pesquisas sobre as simbologias, de forma isenta e imparcial. Cada pesquisa feita foi apresentada e discutida com a Sheila, para definição de qual caminho seguir na linha gráfica.

Dois elementos foram eleitos para a criação do símbolo:

- A Flor de Lótus - representa a espiritualidade e a evolução; ela nasce no lodo e resplandesce com a beleza da sua flor;

- Om - símbolo de Deus, representa o som cósmico de Deus no Universo.

Uau! Por onde começar?
O caminho mais óbvio foi fazer algumas montagens com os elementos para testar o equilibrio e a harmonia da combinação das formas.

A segunda opção se mostrou a mais equilibrada mas faltava alguma coisa que juntasse tudo, como numa "associação". O símbolo de "Om" apesar de seu aspecto gestual, ainda estava graficamente representado em sua forma mais comum. Fizemos então um estudo para suavizar suas formas e torná-lo mais orgânico, por assim dizer.

A "Flor de Lótus" precisava de um eixo e foi aprimorada para ganhar mais imponência.

Voltamos então a juntar os dois elementos, mas ainda faltava alguma coisa que os unisse, que os envolvesse, como numa associação.

Foi então que surgiu a idéia de envolver o símbolo de "Om" com um coração estilizado, como se fosse o bulbo da "Flôr de Lótus". A simbologia estava completa, "Deus no Coração"!

As cores escolhidas seguiram os preceitos e significados hinduístas:

- Lilás na Flôr de Lótus - é a cor que representa a consciência cósmica;

- Azul Marinho no Om dentro do Coração - é a cor que representa a interiorização da consciência.

Para compor a logomarca, o nome da associação foi escrito todo em caixa alta com a fonte MS Candara, com variação de pesos, Normal e Bold e espacejamento entre letras de 20%.
Atualmente uma logomarca precisa ser pensada para aplicações que vão além dos tradicionais itens de papelaria, uniformes, frota, etc. Ela tem que atender às diversas aplicações do mundo virtual, ícones de desktop, ícones da barra de navegação, patterns, backgrounds, cabeçalhos de documentos eletrônicos e por aí adiante.

Por fim, para quem olha esta logomarca pronta, não imagina que tantos conceitos e estudos de forma foram necessários para um resultado final. Para os que desconhecem a simbologia hinduísta, esta pode parecer apenas uma simples logomarca, mas para os que conhecem, seu símbolo tem muito a dizer e, com certeza trará boa sorte à esta associação.

Para saber mais sobre criação de logomarcas: w3maker.com.br