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 800x600px. 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

Rachel Kopit Cunha disse:

Ramon, Agora deu certo! Parabéns - gande ideia, excelente resultado. Posso divulgar? Olhe que conheço gente até mandar parar......

Thalis Valle disse:

Ramon, muito bom o artigo. Sucesso e abraços!...

e-okul disse:

A idéia também veio das tabelas, já que, quando cheguei na agência, eles usavam tabelas pra fazer layouts e eu fui o responsável (e ainda continuo sen...

Sandra Rocha disse:

Ramon, parabéns! O site é de suma importância e utilização. Tomei a liberdade de escrever ao programa do Jô Soares. Você merece uma divulgação difere...