Vamos apresentar o processo de definição do layout do site. Partimos da necessidade do cliente de um site para apresentar os seus produtos aos clientes.

- O 1º layout foi feito com o intuito de apresentar de cara os produtos, colocamos a logomarca sobre uma imagem de um ambiente de sala de estar, cor madeira que lembra móveis. Uma combinação de cores bem contrastante… Vimos que a idéia estava boa mas precisava ainda ser MUITO aperfeiçoada.

- Para aperfeiçoar, num segundo layout, decidimos arredondar a imagem onde ficava a logomarca, com o intuito de tirar aquela impressão de site quadrada, visto que os móveis bonitos e modernos tem um acabamento arredondado. Reposicionamos o menu de topo e acrescentamos as logomarcas dos fornecedores. Dividimos os produtos por compartimento e fizemos uma chamada para cada um na página inicial.

- No terceiro, procuramos encaixar uma animação com alguns ambientes alternando de maneira bem suavizada. E destacando os compartimentos. Retiramos a exibição de produtos logo na página inicial.E acrescentamos mais informações ao rodapé.

Surgiu um problema com esse layout…parecia muito preso… Se quiséssemos uma página com rolagem maior na vertical… o que certamente seria necessário pois a loja possui uma grande quantidade de produtos…

- Achamos a solução! Suavizar ainda mais o “arredondamento” da imagem sob a logo… No caso, ficaríamos livres para adicionar as informações necessárias. O 4º layout foi o apresentado ao cliente e aprovado para o início da construção do site.

Acabamos por aperfeiçoar um pouco esse quarto layout, acrescentando algumas informações necessárias e excluindo a exibição dos produtos já na página inicial.

Por fim, apresentamos o site da Portela Móveis, construído utilizando-se Corel Draw (ainda não consegui me acostumar com o Ilustrattor) . As imagens dos produtos foram tratadas com Photoshop e o sistema em PHP. Com um excelente painel para adição de produtos, cores, fornecedores, e edição de preço remota.

Só falta implementar agora algumas modificações solicitadas pelo cliente, que em breve estaremos executando.

Eis o resultado final:

Na página de produtos, vimos que seria melhor, dar um destaque maior ao produto em si. Esse layout desviaria muito a atenção para si. Por isso fizemos algumas modificações na página Produtos:

Espero que tenham gostado…