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>

Oscomentários

Comentários diversos dos visitantes

ramonpage disse:

Dunross... Eu colocarei um live preview em breve. ;)...

Sylvestre disse:

Ramon, Te passei um e-mail cara! Responde ae. Abraço, Sylvestre....

Hebert B. Alquimim disse:

Muito bom, estava procurando algo do gênero para os meus sistemas e também para as minhas aulas. Se não tiver problema, vou colocar essa matéria no...

Cíntia Antunes disse:

Bom, não vi tanta diferença, mas há... Parabéns pelo trabalho!!! Abraços! Obs: Não tem nada de "doido mssssm" no layout (6)...

Jader Rubini disse:

Vi que você, como eu, usa largura fixa pra definir o tamanho de seus campos... Isso não é um problema quando se segue padrões consistentes na criaç...

Quemsou

Uma prévia de quem é RamonPage

Avatar RamonPageMeu nome é Ramon Bispo. Sou web developer/ designer e natural do Rio de Janeiro, Brasil. Saiba mais sobre mim…