Mar132007

#Case: Academia Body Shopping – Parte II

Ano novo, site novo. Depois de alguns meses da criação do primeiro case, apresento as características do novo site da academia Body Shopping, criado por mim.

A cara do site mudou completamente, porém a estrutura textual continua praticamente a mesma. Procurei renovar umas idéias que tive para a construção do primeiro layout, principalmente no tocante à paleta de cores do site.

Novo layout

Para o primeiro layout, criei uma estrutura larga, com 950px de largura. Criei um grid de quatro seções, sendo duas centrais mais largas (290px) e duas mais estreitas (175px).

O layout mudou, mas a idéia de layout fixo continua. Só que agora mais estreito, deixando-o melhor ajustado para a resolução de 800×600px. Quanto aos grids, fixei apenas uma área lateral e outra principal, as conhecidas áreas de sidebar e content.

Tipografia

A tipografia não mudou de família, mas mudou de cor. Agora, com uma nova paleta de cores criada, dei uma ajustada no visual dos headers. Tive como base, principalmente, as cores da imagem que usei para compor o topo do site.

Navegabilidade

Talvez o ponto de maior mudança. Agora, criei um layout mais prático, com duas seções de conteúdo: uma superior (com sidebar e content) e outra extra, com uma coloração mais carregada, ainda contando com um sidebar e um content extras. Procurei colocar nesta área extra informações importantes do site, que poderiam se repetir ao longo das páginas, além de uma prévia da galeria de fotos da academia.

Resultado

O resultado? Está no ar. É só clicar. :P

3 respostas para “#Case: Academia Body Shopping – Parte II”

Poste um comentário




Você pode utilizar as seguintes tags para formatação: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">

Oscomentários

Comentários diversos dos visitantes

RamonPage disse:

Olá, @Lia. A referência oficial é o próprio VOLP....

RamonPage disse:

@High: realmente... Andei meio sumido no site, mas agora estou de volta. E sobre o Ubuntu, qualquer semelhança é mera coincidência...

Yogourt disse:

A mistura dos dois estilos de construção, com e sem tabelas, seria a solução? Já construi sítios totalmente em tableless e realmente o códifo C...

Alvaro Freitas disse:

Caro Ramon, O que aconteceu, houve alguma mudança no endereço? Não tenho conseguido acessar o revisor ortogáfico. Aguardo notícias. Forte abraço....

Pedro Rogério disse:

Parabéns pela iniciativa....