segunda-feira, 28 de março de 2011

Landing Page para Duloren USA

Eis aí um tema que estimula a criatividade da gente e faz os layouts ficarem mais bonitos, as landing pages que produzimos para o representante oficial da Duloren nos Esatdos Unidos.
Totalmente desenvolvida em HTML, como dita a regra das melhores práticas de um boa landing page, pois deixa todo o conteúdo visível e disponível para a indexação pelos robôs e "spiders" dos mecanismos de busca.
No intuito de manter o usuário sempre na landing page, optamos por utilizar o componente visualizador de conteúdos Clearbox para os links dos menus de conteúdo da landing page. Assim estes conteúdos abrem em camadas (janelas modais) sobre a página principal e através de um menu de botões de avançar e voltar é possível navegar entre os links do menu.

A seguir pode ser observado o detalhe da navegação entre os conteúdos no rodapé da camada gerada pelo Clearbox.
O código fonte da landing page foi todo otimizado para atrair os "robots" e "spiders" dos mecanismos de busca, como parte do serviço de SEO agregado ao projeto.
Alguns detalhes da criação e complementos do design da landig page ficaram por conta do padrão de fundo, aplicado à declaração "background" do CSS.
A tipologia manuscrita para os títulos "Edwardian Script", uma fonte "Open Type", foi convertida em formato PNG (Portable Network Graphics) com transparência e receberam as tag "alt" e "title" para descrever o os respectivos textos/conteúdos para leitura de máquina e acessibilidade.
Para o conceito do projeto, as gradações de tons de vermelho bordô, marrom e preto foram escolhidas para conferir o clima sensual e estimular o desejo de compra das lingeries Duloren USA.

A landing page das lingeries Duloren USA pode ser vista em: http://www.dulorenusa.com/lingerie/index.html

Para saber mais sobre criação e desenvolvimento de landing pages visite: w3maker.com.br

sábado, 26 de março de 2011

4 em 1

Nos aqui da w3maker costumamos parafrasear o velho ditado: "Em casa de web designer, portfolio desatualizado."
Atender aos clientes, criar sites, desenhar logotipos, reciclar os conhecimentos, estudar a nova versão do Joomla 1.6, instalar a nova versão 1.6.1 com correções de segurança, mergulhar na nova estrutura de iframe do Facebook e aprender os macetes para criar sites de empresas, observar as mudanças nos resultados de busca do Google com o novo recurso "Google Instant", avaliar o quanto isto afeta o processo de otimização de sites... Com tantos afazeres, acaba não sobrando tempo para cuidar da nossa imagem, fazendo com que deixemos de lado o portfolio da w3maker, os posts neste Blog, nossa página no Facebook... a gente se sente como aqueles equilibristas de pratos. :-(


Por isso então resolvemos publicar este 4 em 1 para mostrar os últimos projetos de sites desenvolvidos para nossos clientes:
- Acesso / Via4
- Cargomar / Via4
- EsEqEx - Escola de Equitação do Exército
- EmpreiteiraPCh


Os sites desenvolvidos para Acesso e Cargomar tem em comum a criação e o layout desenvolvidos pela Via4 - Agência de Comunicação e Marketing para seus clientes. A w3maker desenvolveu os templates para Joomla e toda a programação e produção destes dois projetos.
Para o site Acesso foi utilizado o Gantry framework para estruturação dos módulos e atender com a maior fidelidade aos requisitos do layout.
Já para o site da Cargomar, trabalhamos desenvolvendo um tema (template) personalizado, utilizando a estrutura padrão de posições de módulos do Joomla. Neste caso, destaque especial para os módulos "customizados" para exibição de Cotação do Dólar e Hora Mundial.


Os sites desenvolvidos para nossos clientes EsEqEx - Escola de Equitação do Exército e EmpreiteiraPCh ambos em Joomla, coincidentemente seguem o mesmo esquema dos anteriores.
Optamos pelo Gantry framework para o site da EmpreiteiraPCh, por se tratar de um site com estrutura pequena, poucas páginas e com diagramação mais livre, deste caso, destaque para a utilização do módulo RokStories para exibição dinâmica de imagens e conteúdo, baseado na biblioteca javascript Mootools.
No site da EsEqEx - Escola de Equitação do Exército, novo layout para um site com uma grande estrutura de links divididos em dois menus de navegação, optamos por desenhar o tema personalizado de modo a ampliar ao máximo o aspecto de usabilidade e facilitar a experiência do usuário.
Este site teve uma enquete inicial instalada para saber o que mais agradou aos usuários e, 38,9% votaram no layout. Este projeto também teve uma especial atenção no aspecto de acessibilidade, visando reduzir ao máximo as barreiras para deficientes visuais, apenas dois controles imprescindíveis em javascript nos deixaram abaixo da nota máxima.
Para saber mais sobre criação de sites em Joomla, visite: w3maker