Affa

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 mais dificuldade 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 o funcionamento 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 dos elementos 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 as informaçõ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 feito toda 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 tamanho que é 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 de pixel 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 ação