Criação de Site - LAIFBAC

Mais um site entregue pela w3maker - desta vez, um site com a tecnologia mais atual existente que foi aplicada nos itens, animação, sistema de menus, busca, galeria de imagens e sistema de gerenciamento de conteúdos.

Trata-se da criação do site para a Laifbac - 1st Latin American International Face & Body Art Convention.

Tudo começou com o site e o blog da w3maker sendo encontrados na busca orgânica, pela nossa cliente Melissa Biehl utilizando o Google.com, com as palavras chave "criação sites rio" em busca feita a partir da cidade de Mississauga - Canadá, onde reside.

Na página de resultados ocupamos com nosso site a primeira posição e com nosso blog a quarta posição.

Contato feito e proposta aprovada, o site foi todo resolvido e desenvolvido à distância, com reuniões virtuais de briefing a partir do Skype e com utilização intensa do Google Docs para o fornecimento do conteúdo de textos.

A proposta foi a de criar um site com visual intenso, uma vez que seu propósito é divulgar um evento inédito no Brasil e na América Latina de pintura Facial e Corporal.

Mensagens diâmicas deveriam ser passadas ao visitante sob a forma de animações informando sobre a convenção - abolimos de imediato o uso do Flash e optamos por utilizar um componente em Javascript Assíncrono, o MooTools que permite transições com efeitos e executa o carregamento das imagens com maior velocidade do que no Flash.

As imagens são armazenadas em uma pasta no servidor e podem ser editadas, ordenadas e gerenciadas a partir da área de administração do site. O componente exibe as imagens sob a forma de slideshow e oferece ainda uma pré-visualização dos slides anterior ou seguinte, caso o usuário deseje retroceder ou avançar as imagens manualmente.

Definido e formatado este componente, o layout do site foi concebido ao seu redor, com grandes imagens de background dos artistas que farão os workshops da convenção.

Este site "precisa" que as imagens "falem", portanto grandes formatos foram adotados, no entanto a preocupação com a rapidez de carregamento não foi deixada de lado - ao término da montagem, todas as imagens foram submetidas ao compactador do Smush It para a maior redução de peso sem perda de qualidade - com isto, alguns megabytes foram poupados.

Toda a estrutura de webdesign foi montada a partir do "Gantry Framework", que é uma estrutura de grade de construção que permite o desenvolvimento do layout dentro das métricas ideais para a utilização do Joomla como gerenciador de conteúdo.

Para os itens do menu de navegação, foi utilizado o componente "fusion.js" que compartilha da mesma biblioteca MooTools da animação. Além disso, como inovação, foram inseridas miniaturas das imagens dos instrutores dos workshops ao lado dos respectivos nomes no submenu de navegação.

O sistema de busca do site é inovador, uma vez que carrega os resultados de busca na própria página em que o usuário se encontra e sem a necessidade de acionar um botão de "buscar", conforme os termos vão sendo digitados no campo de busca os resultados são carregados em uma camada sobre a página. Além disso a busca pode ser local (no conteúdo do site) ou na web via Google.

Para as galerias de imagens que não são poucas no site todo, uma para cada instrutor, além das galerias de boas vindas e das imagens de Búzios, foi utilizado o componente externo "Pirobox" com Ajax, com código aplicado diretamente no editor de artigos do site. As imagens em tamanho maior são exibidas sobre a página em camadas a partir do clique sobre as miniaturas e possuem função de voltar e avançar além de acionar um slideshow automático.

Além das galerias de imagens, outros elementos de comunicação dinâmica foram incorporados ao site:

- Um sistema de abas (tabs) contendo o Mapa de localização de Búzios que se utiliza de uma API do Google Maps; os destaques para os patrocinadores do evento, com janela modal de publicidade e futuramente irá conter um vídeo institucional do evento que será carregado no sistema de abas a partir do Youtube.

A divulgação deste site e da convenção será feita através das redes sociais e para tanto um componente de disseminação viral foi instalado para ajudar nesta tarefa, o AddThis.

O gerenciamento de conteúdo é todo feito com o Joomla e, para tornar as URLs geradas pelo PHP amigáveis aos mecanismos de busca, foi instalado o componente Joomla SEF (Search Engine Friendly) que transforma as "strings" do endereçamento das páginas, em URLs com palavras chave úteis ao serviço de SEO implantado no site.

O site conta ainda com as ferramentas de análise Google Analytics e Webmaster Tools para avaliação das ações de SEO e posicionamento.

Por fim, cabe destacar que o site está preparado para receber ampliação de conteúdo e evoluir conforme a data do evento for se aproximando.

Para saber mais sobre sites com gerenciamento de conteúdos - w3maker.com.br

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

Criação de Anúncio - Shiva Studio

Nossa formação original remonta aos tempos em que atuávamos na publicidade, desde 1995 caímos na rede e este serviço ficou em "standby". Vira e mexe os clientes pedem para a gente fazer um anúncio, é quando então a veia publicitária pulsa forte.

Foi o caso deste anúncio para o Shiva Studio de Yoga e Ayurveda, com o Curso de Imersão em Yoga que será realizado em Búzios - RJ.

O anúncio é veiculado na revista Prana Yoga Journal nas edições 39 e 40, uma das publicações mais importantes do Yoga no Brasil.

Para este anúncio, usamos a técnica do "alltype" para transmitir toda a informação sobre o curso, no título do anúncio, evitando assim o tradicional texto de apoio ao título.
Com variações de corpo de letra e uso de cores, escolhemos a Myriad Pro - Open Type, destacamos em amarelo as informações principais. As demais informações receberam a tonalidade de verde e bege para criar um segundo plano. Foi definida uma largura e tudo foi alinhado de forma justificada.

A escolha das fotos fornecidas pela Sheila Quinttaneiro foi decisiva na força de comunicação do layout do anúncio. A imagem principal, uma variação da posição do Guerreiro, sugere toda a linha de ação e dirige o olhar de quem vê o anúncio, para as informações. Foi feito um corte na foto para deixar o espaço necessário para o texto à esquerda.

Fotos complementares menores, de outras posições de Yoga, reforçaram a mensagem do anúncio.

Saiba mais sobre criação de anúncios - w3maker.com.br

Revista Forças Armadas - Relatorio SEO 18.05.2010

Relatorio SEO 18.05.2010

Veja mais apresentações da w3maker.

Primeira página do Google - Metas atingidas, com o posicionamento do site da Revista Forças Armadas na primeira página de resultados de busca orgânica do Google. Um aumento significativo de 78% no número de visitantes únicos foi registrado no 3o. bimestre, desde a implantação do SEO.

LA&CCC 2010 - Sucesso total

Realizado no Sheraton Hotels & Resorts Rio de Janeiro entre os dias 4 e 6 de maio de 2010 o LA&CCC 2010 da SES World Skies, teve sua comunicação visual desenvolvida pela w3maker.

Além da criação do Hot Site para o evento que funcionou para divulgação e inscrições/reservas para o evento, a w3maker cuidou de toda a comunicação visual, sob a coordenação do Sr. Hamilton Carrilho da empresa SarahTur, organizadora do evento.

Do crachá ao painel de 4.00 x 2.80 m para o salão de convenções, foram diversas peças seguindo os padrões do manual de identidade corporativa da SES World Skies, utilizando uma imagem de vista aérea do Rio de Janeiro.

O destaque dos itens de comunicação, foi o Manual do Evento, que serviu de apresentação da conferência, com uma carta da vice-presidente de vendas para a América Latina e Caribe, Dolores Martos; portfolio de boas vindas ao Rio de Janeiro e Agenda de todo o evento.

Seguindo a mesma linha gráfica, foram desenvolvidas placas e banners de sinalização para o saguão do Sheraton, área de recepção dos participantes e restaurante.

A comunicação visual do LA&CCC 2010 teve a direção de arte e produção das artes finais digitais a cargo de Marcio Goldzweig da w3maker.

E, para fechar com chave de ouro, o reconhecimento pelo "great job" da Gerente de Marketing para a América Latina e Caribe, Maria-Marta Andrade.

Para saber mais sobre comunicação visual e hot sites visite w3maker.com.br