Affa

Disponível somente no TrabalhosFeitos
  • Páginas : 2 (489 palavras )
  • Download(s) : 0
  • Publicado : 27 de novembro de 2012
Ler documento completo
Amostra do texto
A primeira parte do trabalho é uma analise do site do cliente e entender o funcionamento do mesmo, para estudo de expêriencia do usuário, entendendo assim como ele se comporta.
Para essa analise éexecuto inicialmente um estudo de usabilidade no atual site do cliente, com pessoas com o perfil dos usuários do site, e com os dados levantados é feito um estudo do que os clientes tinham maisdificuldade e com isso o que deve-se dar uma atenção maior no projeto.

O Passo inicial é o desenvolvimento do um site map, para melhor conhecimento site, do cliente e suas páginas.

Entendendo ofuncionamento do site e as necessidades é dado o passo seguinte que é o planejamento feito atravéz do wire-frame, nele é definido todo o posicionamento dos elementos e assim tendo uma melhor organização doselementos do site, fazendo assim com que o usuário encontre mais facilmente o que procura e não se perca pela navegação.

Os elementos foram dispostos da seguinte forma:

- O topo temos asinformações principais de navegação;
- No meio está o conteúdo, que vai ser alterado conforme a página;
- Por fim o rodapé que contem informações complementares e institucionais.



Tendo feitotoda a analise de posicionamento o proximo passo executado é o desenvolvimento do layout tendo base todos os outros estudos, além de respeitar o manual de identidade.

Para começar o layout éultilizado um sistema de grid que ajuda a definir os espaçamentos e os tamanhos dos elementos, para cria-la foi ultilizado o sistema de grid 960 de 12 colunas, ultilizamos esse sistema pois ele tem o tamanhoque é o padrão atual para resolução de sites nos monitores e pode ser baixado no site http://960.gs/ gratuitamente, foi ultilizado horizontal e verticalmente.

Todo o site foi feito com o conceito depixel perfect, ou seja tem um cuidado especial com todos os detalhes até o minimo para que o layout seja bem harmonioso e fique perfeito em qualquer monitor.

O verde foi escolhido como cor de...
tracking img