Mostrando postagens com marcador w3c. Mostrar todas as postagens
Mostrando postagens com marcador w3c. Mostrar todas as postagens

quinta-feira, 28 de janeiro de 2010

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

terça-feira, 1 de dezembro de 2009

Na rota internacional

Estar bem poisicionado no Google, abre um leque cujas dimensões não se consegue mensurar. Completamos neste mês, 3 anos de presença na primeira página de resultados de busca. Grande parte de nossa captação de serviços é devida ao posicionamento e à qualidade dos serviços que prestamos.

O mais recente exemplo disto é o hot site que acabamos de produzir para o evento internacional que acontecerá no Hotel Sheraton no Rio de Janeiro, o LACCC 2010 - Latin America & Caribbean Customer Conference 2010 em maio do ano que vem. O evento é promovido pela empresa operadora de satélites SES WORLD SKIES com sede em Washington e realizado no Brasil pela Sarah Tur Operadora Turística e de Eventos.

Do hot site, podemos enfatizar a criação com design limpo, o aspecto corporativo bem claro e a arquitetura da informação muito bem definida. Como sempre, procuramos trabalhar dentro dos padrões do W3C e este hot site passou na validação.

Para a animação que apresenta imagens do Rio de Janeiro como convite para o evento, escolhemos uma biblioteca em jQuery, o Easy Slider, que permite o carregamento imediato das imagens, por trabalhar com uma camada virtual entre o servidor e o usuário. Além disso permite a indexação das imagens e seus textos alternativos nos mecanismos de busca.

A diagramação das diversas páginas do site não seguiu um padrão rígido e foi adaptada para cada um dos conteúdos, seguindo apenas um critério estrutural, o que deixou cada páginas com personalidade e muita eficiência na comunicação dos temas.

A utilização de cantos arredondados tanto no layout do hot site quanto nas fotografias, tornou todo o conjunto mais harmônico e agradável.

Para as inscrições e reservas do LACCC 2010 foi desenvolvido um sistema em ASP com base no formulário de reserva do Sheraton Hotels & Resorts - Rio de Janeiro. Os dados preenchidos são gravados no banco e geram um formulário formatado para impressão que é verificado pela equipe da Sarah Tur e posteriormente enviado para o setor de reservas do Sheraton. O sistema é dotado de área de administração onde os formulários preenchidos online podem ser gerenciados.
Para facilitar o acesso dos usuários do hot site ao formulário, foi utilizado um componente em AJAX, o Greybox, que permite que ele seja aberto em uma camada que se sobrepõe a qualquer página.

Toda esta liberdade na criação do hot site, resultou em um trabalho que foi elogiado pelo departamento de marketing da SES WORLD SKIES na pessoa de sua gerente, Maria-Marta Andrade.

O hot site pode ser conferido em: www.sarahtur.com.br/laccc2010
Saiba mais sobre a criação de hot sites: http://www.w3maker.com.br/