Tem w3maker no Samba

Quando alguém "atravessa" no samba, dizem que "tem japonês no samba"... no nosso caso foi o oposto, fizemos bonito, sem atravessar na criação do novo site dos Passistas do Império Serrano - Ginga Imperial então, "tem w3maker no samba"!

A idéia central da criação do site foi trazer a alegria do samba e adotamos um estilo com ilustrações de sambistas e passistas, nossa inspiração foi nos desenhos do grande mestre J. Carlos.

O lápis ficou a cargo do ilustrador Vinicius Silveira, mostramos a ele alguns desenhos de J. Carlos e o resultado pode ser visto a seguir.

Os traços do Vinicius foram vetorizados e colorizados pelo Marcio Goldzweig e o resultado, como nas histórias em quadrinhos, pode ser visto aqui.

Os personagens foram envolvidos por um grafismo de ondas que sugere a evolução e os movimentos do samba, nas tonalidades de verde é claro, que são as cores da Império Serrano.

 

O resultado pode ser visto no topo da página do site, uma ilustração que transmite alegria e vibração, mesmo sem uma animação, que deixaria o site mais pesado e desviaria a atenção dos internautas para o tema principal, que é o conteúdo - estamos falando de um site com linguagem de web 3.0, onde não há mais espaço para "pirotecnias" e gifs animadas "tremelicando" na página.

A linha da criação dos personagens atende aos propósitos de ilustrar e servir, por exemplo, como marca d'água das fotos que o Marco Alemeida, diretor do site Passistas do Império tira nos ensaios e eventos da Ginga Imperial e nos envia para publicação.

Muitos personagens dos desenhos, ainda não foram publicados, serão colocados no site no lançamento de novas seções, destaques especiais e eventos da Ginga Imperial.

Para a programação, a w3maker adotou o CMS (Content Management System) - Joomla, por se tratar de um site com atualizações frequentes e que requer agilidade neste processo.

Na galeria de fotos do site, que é o ponto alto dos eventos dos Passistas do Império, instalamos o componente Slimbox que utiliza o MooTools, tendo como objetivo agilizar o carregamento das imagens, por que trabalha com uma camada virtual entre o servidor de hospedagem e os computadores dos usuários

A personalização do site foi total e, detalhes como o ícone da barra do navegador não foram esquecidos, um dos personagens teve seu rosto estampado no formato .ico para esta finalidade.

Por estes e outros motivos é que o novo site dos Passistas do Império já está na avenida virtual e pede passagem para disputar o Estandarte de Ouro.

Saiba mais sobre criação de sites: http://www.w3maker.com.br/

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/

Saindo do HD

Nos tempos da tipografia, quando um livro era produzido, dizia-se que estava "no prelo"; na culinária é comum dizer que um quitute está "no forno" e quanto a um site?
Bem o raciocínio lógico é, está "no hd" e em breve vai "ganhar a web", vai "ganhar o mundo"!
Clara esta analogia, aí vão os quatro projetos de sites criados e desenvolvidos pela w3maker que estão "saindo do hd" em breve:

- Hidromec - Empresa produtora de equipamentos para hidrometria, telemetria via satélite, meteorologia e sedimentometria.

- Kaiserhaus-Birkendorf - Hotel na cidade de Ünlingen-Birkendorf, em plena Floresta Negra na Alemanha.

- Passistas do Império Serrano - Site dos Passistas da Escola de Samba Império Serrano - Ginga Imperial.

- Portal Pouso & Prosa - Portal de Roteiros do Artesanato - Mãos de Minas - Hospedagem, Gastronomia, Artesanato, Monumentos e Cidades Históricas de Minas Gerais.

Para saber mais: www.w3maker.com.br

Landing Page - Viagem à Índia - Shiva Studio

Para divulgar o pacote de viagem à Índia, realizado todos os anos sob o acompanhamento da professora de Yoga, Sheila Quinttaneiro, foi criada para o Shiva Studio, uma Landing Page com o roteiro da viagem detalhando e ilustrando as passagens mais importantes.

A w3maker adotou o modelo de uma página longa, com um volume de texto que facilita a indexação pelos robôs de busca.

A utilização deste recurso, oferece aos mecanismos de busca um conteúdo rico e grande oferta de resultados semânticos para buscas pelas principais palavras chave relacionadas com a oferta principal desta landing page:
- viagem a india;
- yoga;
- ayurveda;
- meditação;
- curso;
- viagem espiritual;
- sheila quinttaneiro;
- shiva studio;
- rio de janeiro.
Além destas palavras chave o texto apresenta de forma natural e funcional, nomes de cidades indianas, templos, monumentos históricos, aspectos culturais, eventos, deidades e outros que ajudam em buscas, que apontem para o tema da Índia.

Como oferta de informação e conteúdo rico, foram inseridos verbetes retirados da Wikipedia e devidamente creditados com a inclusão dos backlinks. Tais informações expandem a oferta para os robôs de busca, tornando a landing page mais relevante.

Em uma janela popup não invasiva, que não é impedida pelos bloqueadores de popups, foram inseridos textos didáticos e relevantes, que servirão de informação complementar aos interessados em fazer o roteiro da viagem à Índia.

O posicionamento da landing page
A criação desta landing page para o Shiva Studio foi associada a uma estratégia de SEO e posicionamento no Google. A base de dados mundial do Google foi alimentada com com a URL desta página e um conjunto de palavras chave foi adicionado em mais de 50 extensões do buscador.
Esta estratégia visa posicionar a landing page e firmar seu lugar nas primeiras páginas de resultados de busca para os roteiros de viagem à Índia dos anos seguintes, quando o conteúdo será modificado e ampliado.
Para facilitar o trajeto dos "robots" e "spiders" dos buscadores, o código da landing page foi otimizado e validado pelo W3C.
Confira a validação do XHTML - W3C Validator

A w3maker vem atingindo ótimos resultados nos serviços de posicionamento de sites para seus clientes, com uma marca superior a 85% de casos de sucesso em que os sites chegaram à primeira página de resultados do Google, com prazos que variam de 15 a 90 dias em média, dependendo é claro do maior ou menor número de ocorrências das palavras chave.

A landing page Viagem à Índia 2010 atingiu no dia 22 de novembro de 2009 em sua primeira etapa de posicionamento, o 6o. lugar na primeira página de resultados de busca do Google, com as palavras chave "viagem à índia rio", dentre aproximadamente 1.440.000 ocorrências. A tendência é uma melhora de posicionamento com mais tempo e a inclusão de novos conteúdos na página.

A criação da landing page

Sobre a criação e o visual da landing page a w3maker adotou uma linha que se baseia no estilo do site do Shiva Studio, empregando padrões de estamparia indiana como plano de fundo, variando os temas e a intensidade de tom.

 

Para criar o clima e a ambientação necessários, foram utilizadas fotografias das viagens anteriores fornecidas pela professora Sheila Quinttaneiro e do banco de imagens do Pictures India. A idéia foi espalhar imagens sobre a página, ocupando de forma despojada os espaços vazios do texto, como se o visitante da landing page estivesse vendo fotos tiradas em viagem pela Índia.

Saiba mais sobre criação de Landing Pages e Posicionamento de Sites: w3maker

Criação do Site Karinny Ebrenz com CMS

Assim como os contos de fadas começam com "Era uma vez...", os posts do nosso portfolio começam com "Mais um site no ar..."
Desta vez foi a criação do site para Karinny Ebrenz Foto Studio.

Karinny é uma fotógrafa e tem seu estúdio em Icaraí - Niterói - fotografa noivas, casamentos, gestantes, bebês e crianças, produzindo belos álbuns para seus clientes.
Sua necessidade: Um site dinâmico, versátil e que permitisse a constante atualização de seu portfolio.
Nossa solução: A criação de um site, utilizando o sistema de gerenciamento de conteúdo (CMS) do Joomla.
Requisitos do projeto: Karinny promove um Concurso entre seus clientes que fotografam no estúdio e precisava de um sistema de votação com recursos de proteção contra votações através do uso programas automáticos.
Nossa solução: Utilizamos na elaboração do site, um componente "captcha" que obriga o usuário a digitar caracteres alfa-numéricos em um campo, antes de clicar no botão de VOTAR.

Os usuários do site podem ver as fotos dos participantes, clicando nas miniaturas para abrir em formato maior e escolher o seu candidato para a votação. Para as galerias de fotos utilizamos um componente "slimbox" que funciona a partir de recursos em Ajax, agilizando o carregamento das imagens e criando efeitos de movimento na abertura das fotos em formato grande.

A galeria de imagens

A imagem carregada em tamanho grande

Em relação ao design, o pedido da Karinny foi que o site tivesse o fundo preto, mas que fosse ao mesmo tempo jovem e alegre.

Para atender a este pedido, utilizamos um fundo com um padrão abstrato onde efeitos de luzes e cores do espectro visível remetem ao tema "fotografia".

Na página inicial, alguns componentes de acesso rápido aos conteúdos internos do site foram utilizados para tornar a "home" mais dinâmica.

Alguns exemplos que merecem destaque são:

Galeria de imagens com transição automática e sincronia de textos, com links para oes respectivos conteúdos. Esta galeria possui ainda miniaturas das fotos, para o caso do usuário do site desejar ver alguma imagem específica.

Ainda com relação ao acesso rápido ao conteúdo interno do site, utilizamos um sistema de Abas para a caixa de "Destaques", onde o compontente funciona a partir do "MooTools". Trata-se de um "slider" de conteúdo que exibe resumos das páginas internas, de fácil configuração permitindo a inclusão de várias abas.

Por se tratar de um site com um conteúdo bastante extenso, utilizamos um sistema de busca em Ajax, que não requer o clique após a digitação dos termos da pesquisa - conforme o usuário digita no campo de busca, as ocorências são carregadas automaticamente em uma camada, com os respectivos links para as  páginas internas do site, sem que o usuário precise esperar pelo carregamento da página de resultados de busca.

Outro aspecto muito importante: O sistema de gerenciamento de conteúdo do site Karinny Ebrenz vai permitir que sua equipe apresente sempre as últimas novidades.

Da parte da w3maker, o site foi entregue rigorosamente dentro do prazo combinado, com qualidade e atendimento personalizado.

Como prova deste reconhecimento pela criação de um site bem feito, segue abaixo o email da Karinny, elogiando o nosso serviço.

Saiba mais sobre criação de sites: w3maker.com.br

Novo site Petit et Joli é "crossbrowser"

Entrou em funcionamento hoje o novo site da Petit et Joli - Gastronomia & Charme.

Mais uma criação da w3maker - totalmente desenvolvido em XHTML, Tableless e CSS é um site "crossbrowser". O site foi testado de forma intensiva e teve seu código adaptado para a correta exibição nos 5 principais navegadores:
- Internet Explorer 7
- Internet Explorer 8
- Firefox 3.5.3
- Opera 10.01
- Google Chrome 3.0
- Safari 4.0.2

 
Quando o design fala mais alto e os pedidos do cliente exigem um site com um visual diferenciado, surge a necessidade do uso de comentários condicionais para que a aparência seja a mesma em todos os navegadores.
 

A criação do site partiu de um princípio básico, o portfolio de canapés, doces e ramequins da Petit et Joli deveria ser mostrado na cor "rosa" a preferida da Alexandra Alves, que juntamente com Ethel Kaufmann formam a dupla de produtoras dos mais apetitosos buffets da cidade do Rio de Janeiro.

Para as galerias de fotos dos produtos foi utilizado o Lightbox, um recurso em Ajax (javascript assíncrono) que agiliza o carregamento das imagens, criando uma camada virtual intermediária entre o visitante do site e o servidor de hospedagem. O Lightbox permite ainda a configuração de efeitos de abertura das imagens que não ficam devendo nada aos recursos do Flash e, o melhor disto tudo é que tudo fica "amigável e visível" para os robos de busca.

Na galeria apresentada na seção "Quem Somos" do site, foi utilizada a tecnologia jQuery, um javascript muito mais enxuto e que igualmente possui efeitos de movimento e transparências bastante elegantes.

Para o menu de navegação a w3maker utilizou um recurso simples que integra CSS com uma pequena função em javascript que aciona os submenus na seção de fotos dos produto no site.

A linha geral da criação deste site foi a simplicidade, com linhas curvas, que deixaram o visual mais orgânico e integrado com a proposta de apresentar os produtos da Petit et Joli com muito charme.

Saiba mais sobre criação de sites no Rio de Janeiro

Portfolio - Criação de Sites com CMS, Joomla e Wordpress - Rio de Janeiro

Portfolio de Sites
Criação de Sites com sistema de gerenciamento "total" de conteúdo.
CMS - Content Management System - utilização do sistema "open source" Joomla, que permite a construção de sites complexos, com diversos recursos tais como, menus dinâmicos e galerias de imagens utilizando tecnologias Ajax e jQuery, que agilizam o carregamento, permitindo inúmeros efeitos de animação.
O sistema torna o conteúdo dos sites totalmente "visível" aos mecanimos de busca para seus "robots" e "spiders", deixando o caminho aberto aos serviços de SEO (Search Engine Optimization) e Posicionamento em Buscadores, através de URL's amigáveis.
Para sites com estruturas básicas o sistema "open source" Wordpress possibilita o desenvolvimento de blogs e sites que permitem ao administrador fazer sua manutenção de qualquer computador conectado à internet - tudo isto sem a necessidade de conhecimentos de código HTML - se você sabe usar o Microsoft Word, vai poder atualizar seu site sem qualquer dificuldade.

Saiba mais em: www.w3maker.com.br

Nem só de sites vive a w3maker

Na verdade a formação original da w3maker se remete aos conhecimentos de Design Gráfico, Criação de Logotipos e Logomarcas, Comunicação Visual, Projetos de Embalagens e Produção Gráfica.

A entrada para o mundo da internet se deu em 1995, praticamente junto com o seu início no Brasil. Nunca abandonamos os projetos gráficos, mas canalizamos os conhecimentos de diagramação, layout e tipografia do papel como suporte para os monitores do mundo virtual.

Tudo isso para dizer que acabamos de entregar os banners do evento LAWNP'09 - XI Latin American Workshop on Nonlinear Phenomena, que começa hoje e vai até o dia 9 de outubro de 2009 em Búzios, que tem como operadora oficial a Sarah Tur. Foram criados e produzidos dois modelos de banners no formato de 2,00 x 1,00 M; um sobre o evento, com fotos royalty free de Búzios
e outro institucional da Sarah Tur com fotos do Rio de Janeiro, escolhidas a dedo por Hamilton Carrilho, Gerente de Congressos & Eventos da Sarah Tur.
O layout para o banner do evento enfatiza os tons de azul, colhidos a partir dos tons do mar de Búzios, em quadros com cantos arredondados e sobreposições que criam uma dinâmica de comunicação adequada à linguagem de cartaz.
O banner institucional da Sarah Tur, de layout mais sóbrio visa funcionar como "assinatura" para este e outros eventos e sinaliza a origem da operadora com fotos de aspectos do Rio de Janeiro.