Onda Azul - Parte I

É engraçado observar como as coisas coincidem.
Como diz a letra da música:
"A vida vem em ondas
Como um mar
Num indo e vindo infinito"
Dentre os projetos mais recentes que a w3maker está desenvolvendo, quatro deles chamam a atenção por um pedido em comum feito nos briefings de nossos clientes - "usar a cor azul".

O primeiro deles, trata-se da criação do hot site para o 17th International Microscopy Congress que será realizado no Rio de Janeiro de 19 a 24 de setembro de 2010.

O evento tem a organização de logística da Sarah Tur, que na pessoa do Sr. Hamilton Carrilho, nos encomendou o hotsite.

Como atrativo e ferramenta de destaque para os conteúdos do site, foi utilizado logo abaixo do menu de navegação um componente escrito em jQuery, o Easy Slider que faz deslizar da direita para a esquerda, imagens e informações importantes para os que pretendem participar do evento.

Aliás, não é um mero evento, será um congresso para 3.000 cientistas e pesquisadores de vários lugares do mundo e que tem como chairman o Prof. Dr. Guillermo Solórzano - DEMa - PUC-Rio - Departamento de Engenharia de Materiais. O evento é realizado a cada quatro anos com apoio da Federação Internacional de Sociedades da Microscopia (IFSM) é o fórum mundial da microscopia nas fronteiras de pesquisa e aplicações em Ciências de Materiais e em Ciências de Vida. A Sociedade Brasileira de Microscopia e Microanálise (SBMM) é a organizadora oficial do congresso

O hotsite criado pela w3maker foi aprovado de primeira pelos Sr. Hamilton Carrilho e Prof. Dr. Guillermo Solórzano.

Para ajudar na criação e sugerir a ambientação apropriada, foram adquiridas fotografias no Dreamstime. A imagem principal, de um microscópio, foi utilizada no cabeçalho da página e na barra lateral direita.

A cidade do Rio de Janeiro deveria ser evidenciada no layout, então uma silhueta do Corcovado foi desenhada no formato de ilustração vetorial e aplicada como marca d'água na barra de títulos das páginas.

Uma característica importante que foi levada em conta na elaboração da programação, foi a criação de um código totalmente amigável aos mecanismos de busca e que passou na Validação do W3C.

Feito isto, o conteúdo interno foi desenvolvido a partir das informações fornecidas pela Sarah Tur.

Página de "Local Tours"

Uma das solicitações que o projeto contempla é um extenso formulário de reserva de hotel, passeios turísticos e demais eventos paralelos ao congresso.

Página de "Reservations"

Por se tratar de um evento de grande porte, hospedar 3.000 pessoas é uma tarefa que exige uma grande oferta de quartos em diversos hotéis que atendam a um padrão compatível com a magnitude do evento.

Para isso foi criada uma seção no hot site com ofertas de outros hotéis na cidade, além do Windsor Barra Hotel que sediará o evento e hospedará alguns de seus participantes.

Nesta seção, chamada "Other Hotels" o desafio da w3maker foi o de integrar uma tabela de preço de 17 opções de hotéis, com um pequeno resumo com foto de cada um dos hotéis oferecidos.

A solução encontrada, novamente passou pelo jQuery e, neste caso utilizamos o componente Clue Tip 1.0.6 que permite a abertura de uma página externa em estilo pop up, a partir do link no nome de cada hotel, com as respectivas informações.

As páginas são ativadas com o passar do mouse sobre os links e permanecem abertas até que o usuário clique no botão de fechar. O componente tem sua interface totalmente controlada via CSS e o seu funcionamento pelos scripts do jQuery.

O hot site tem uma arquitetura da informação clara e objetiva, no sentido de facilitar e promover o acesso a todo o seu conteúdo.

Para visitar o hot site - CLIQUE AQUI

E, como foi dito no começo deste post, mais três outros projetos de sites na cor azul estão vindo por aí, mas isto á assunto para Onda Azul - Parte II, Parte III...

Para saber mais sobre hot sites- Visite w3maker

Design Democracy

SEO e Posicionamento - Revista Forças Armadas

A w3maker concluiu com sucesso a primeira etapa dos serviços de posicionamento do site da Revista Forças Armadas.
Decorridos 35 dias após a otimização do código fonte, utilizando o componente Joomla SEF (Search Engine Friendly), o site já aparece na primeira página de resultados de buscas com algumas palavras chave.
O componente Joomla SEF transforma as URLs geradas dinamicamente no PHP em endereços amigáveis, com termos que atendem aos propósitos de indexação de palavras chave.

O percentual de visitantes que encontram o site através dos buscadores (21%) ainda é baixo, mas para esta primeira fase, é um número bastante expressivo.

Alguns exemplos de buscas que já retornam com resultados na primeira página:

- Palavras chave: forças armadas aeronáutica

- Busca efetuada em – 19.01.2010
- Buscador: google.com.br – Método de pesquisa: toda a web
- Resultado: 1a. Página – 5ª. Posição
- Link: http://www.google.com.br/search?hl=pt-BR&q=for%C3%A7as+armadas+aeron%C3%A1utica&meta=&rlz=1I7ADFA_pt-BR

- Palavras chave: revista aeronáutica

- Busca efetuada em – 19.01.2010
- Buscador: google.com.br – Método de pesquisa: toda a web
- Resultado: 1a. Página – 4ª. Posição
- Link: http://www.google.com.br/search?hl=pt-BR&rlz=1I7ADFA_pt-BR&q=revista+aeron%C3%A1utica&meta=&aq=f&oq=

- Palavras chave: forças armadas

- Busca efetuada em – 19.01.2010
- Buscador: google.com.br – Método de pesquisa: toda a web
- Resultado: 1a. Página – 5ª. Posição
- Link: http://www.google.com.br/search?hl=pt-BR&rlz=1I7ADFA_pt-BR&q=for%C3%A7as+armadas&meta=&aq=f&oq=

Com estes resultados e a análise fornecida pelo Google Analytics, a otimização do site seguirá para a segunda etapa, onde alterações nas Meta Tags, no arquivo Robots.txt e no Sitemap serão feitas para melhorar o posicionamento.

Nesta fase, um trabalho de ampliação dos links externos será iniciado, com o intuito de aumentar o Page Rank do site que hoje é 3 de 10  

Um site bem posicionado é a garantia do retorno do investimento e a abertura de um canal de captação de novos negócios.

Para saber mais sobre SEO e Posicionamento de sites, visite w3maker

Logomarca, Logotipo... a w3maker tira de letra

Na reunião de briefing para a criação da logomarca e da identidade visual da nova sorveteria "premium" que será inaugurada no Shopping Città América - Rio de Janeiro, nosso cliente Alexandre Kepler Neitzke, não tinha ainda uma definição do nome.
Em conversa informal sugerimos, em tom de brincadeira, "SORVETTI" já que se trata de uma sorveteria artesanal italiana. O tom de brincadeira deveu-se ao fato de acreditarmos que este nome não estaria disponível por exemplo, para o registro de domínios na internet.
Para nossa surprêsa, os domínios estavam disponíveis para registro nas extensões .COM, .COM.BR e .NET e foram imediatamente registrados. O registro junto ao INPI foi orientado pela w3maker e um freelancer foi contratado para dar entrada no processo, acompanhar e cuidar de toda a documentação.

Na criação de uma logomarca, o desafio sempre é desenhar um símbolo que indique logo à primeira vista, qual o ramo de atividade, independente do que estiver escrito no logotipo.

Temos por hábito fazer esboços a lápis, antes de partir para o computador. As idéias foram surgindo com traços gestuais focados na letra "S".

Imediatamente vimos que a letra "S", trabalhada de forma mais "orgânica" sugeria o movimento da massa de um sorvete. BINGO!

Surgia ali o símbolo que não deixará dúvidas de que estamos falando de "Sorvete".

Próximo passo, associar uma tipologia, já no computador. Antes porém, o traço da letra "S" foi aprimorado, digitalizado e vetorizado, para se associar ao estudo de fontes de letras.

Percebemos, ao finalizar a vetorização, que embora a imagem do sorvete simbolizada pela letra "S" fôsse bastante evidente, faltava movimento e personalidade. Adicionamos então, linhas ao estilo de movimento dos "cartoons" e luzes que conferiram volume ao símbolo.

Foram apresentadas três opções de tipologia associadas ao símbolo, compondo a logomarca e, o Alexandre e o Celso Katsumata, aprovaram a versão a seguir:

Por se tratar de um produto que terá sua versão "Premium" a logomarca receberá como formato opcional, a aplicação desta palavra, em tipologia manuscrita, agregada ao conjunto.

A escolha das cores tem uma associação por derivação de tonalidades, com as cores da bandeira italiana (vermelho, branco e verde).

A silhueta da letra "S", já nos estudos a lápis, sugeriu a criação de um padrão decorativo que será utilizado em elementos tais como embalagens, cardápios, uniformes, balcões e etc.

A loja Sorvetti está em fase de construção, o projeto visual está em fase de detalhamento. A aplicação correta da logomarca será definida através de seu Manual de Identidade Visual.

 

Situações corretas e incorretas, dimensões, definição de tamanhos mínimos, de escalas de cores para impressão gráfica, cores de tela e alfa decimais para internet, aplicações em uniformes, utensílios e muito mais estão catalogadas no Manual.

Para saber mais sobre criação de logomarcas, visite w3maker.

http://bit.ly/w3maker_pac
Mais um projeto da w3maker - desta vez, uma apresentação multimídia do PAC Social para Ruth Jurberg da RJPlan.

Apresentação multimídia - w3maker no PAC

Uma das facetas to trabalho da w3maker é a criação e elaboração de apresentações multimídia utilizando recursos de animação em Flash.

Fechamos o ano de 2009 com um projeto executado para Ruth Jurberg da RJPlan, coordenadora da área social do PAC, sobre a sua atuação no censo, trabalho social e regularização fundiária nas comunidades do Alemão, Manguinhos e Rocinha no Rio de Janeiro.
A apresentação visava destacar dados e imagens a respeito do trabalho social realizado e foi utilizada em apresentações para o vice governador do Estado do Rio de Janeiro, Luiz Fernando Pezão, para o Ministério das Cidades, Bienal Internacional de Arquitetura em São Paulo e Caixa Econômica, onde seu projeto recebeu premiação em Brasília.

A partir de imagens fornecidas da documentação do trabalho do censo e do arruamento das comunidades, fizemos a partir dos mapas obtidos no Google Maps a localização de cada projeto.

Por se tratar de uma apresentação breve, o número de telas foi calculado para a duração aproximada de 40 minutos, intercaladas com a locução da Ruth. Os dados, mapas e estatísticas do trabalho foram projetados para aparecer na tela ao comando de cliques sobre as áreas sensíveis.

Para maior agilidade no processo de construção da apresentação, o projeto teve seu conteúdo todo publicado em nuvem. Um arquivo compartilhado foi criado no Google Docs e serviu de roteiro para todas as pessoas da equipe da Ruth Jurberg que participaram do desenvolvimento do conteúdo. Ao mesmo tempo este arquivo foi o "ponto de encontro", onde inclusões e ajustes foram publicados. Através do FTP do site da RJPlan, as telas da apresentação foram publicadas para aprovação conforme ficavam prontas.

Para saber mais visite w3maker