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

Sites e Logomarca disse:

muito interessante seu blog..parabéns...

RamonPage disse:

@Jader, realmente pode ser um passo interessante de desenvolvimento fazer o layout de forma flexível. No mais, gostei da sua semân...

Sylvestre disse:

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

Ciro Feitosa disse:

Muito bacana essa linha de artigos. A parte de modelagem de dados costuma ser feita com bastante atenção, pois um DER bem feito, é quase que o "coraçã...

Pablo disse:

Cara muito boa esta função... Parabéns Mas... Como eu faria para aplicar este shadow em uma div ???...

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…