Layout site associação de laboratórios

Descrição:
ATENÇÃO: Não está incluso neste projeto codificação de qualquer tipo. É Só o LAYOUT (.pngs, psds, jpgs, etc.)

:: OBJETIVO:
Criação de Layout para o site de uma associação de laboratórios clínicos.

:: características do cliente
um conjunto de cerca de 15 laboratórios criaram uma associação que se reuni mensalmente.


:: referências
***** http://www.redelabforte.com.br/
--> O layout é não é dos melhores, mas o conteúdo e as seções são muito semelhantes ao que se deseja para o site;
--> é uma boa referência também para conhecer as características do cliente que está contratando o trabalho, pois o ele tem o mesmo perfil da rede labforte

:: cabeçalho e rodapé:
-> todas as páginas terão o mesmo cabeçalho e rodapé.
-> Principais informações de contatos, marca, menu e outras coisas comuns a um layout de website institucional;
-> Incluir uma ícone ou botão para fazer login no sistema;
-> Caixa de pesquisa no site;
-> Outros elementos, caso o design ache apropriado;

cabeçalho / rodapé e menu
-> todas as páginas terão o mesmo cabeçalho e rodapé;
- principais informações de contatos, marca e outras coisas comuns a um layout de website institucional;
- incluir uma ícone ou botão para fazer login no sistema;
- pode conter alguns dos itens do menu;
- mídias sociais (face, insta e youtube);
-> o design tem liberdade para definir o restante dos elementos, de acordo com as informações passadas aqui;

:: responsividade
os layouts das páginas listadas abaixo, terão versões responsivas, preparadas para três larguras diferentes, são elas:
1 - 375px (celular);
2 - 768px (tablets);
3 - 1200px a 1360px (computadores). Neste caso, o valor exato será definido pelo design.

Lembrando que os valores acima não impedem o uso de elementos com largura infinita no site. As limitações são para as áreas onde o conteúdo (texto, botões, títulos, banners, etc) é exibido.

O layout deverá ser aprovado pelo cliente final. Pode ser que tenham que ser feitos ajustes para conseguir essa aprovação.

:: Páginas (serão 5):

página 01 -> home page:
- 2 imagens grandes de divulgação do negócio exibidas em formato de slide;
- lista últimas notícias;
- caixa de inscrição em newsletter;
- caixa de pesquisa no site;
- parceiros ou associados (ou ambos, depende do layout);
- de 2 a 4 banners;
- exibição de estatísticas da associação (ver redelabforte);
-> o design tem liberdade para definir o restante dos elementos, de acordo com as informações passadas aqui;

página 02 – associados (laboratórios)
-> lista de clinicas (com fotos representativas);
-> google maps com cones marcado as clinicas (o pessoal da programação cuida disso, o designer só indica o tamanho e a posição do mapa);
-> o design tem liberdade para definir o restante dos elementos, de acordo com as informações passadas aqui;

página 03 – quem somos
-> uma ou mais imagens legais;
-> seções com título e descrição (lorem ipsom);
-> o design tem liberdade para definir o restante dos elementos, de acordo com as informações passadas aqui;
-> pode-se repetir as estatísticas da associação aqui;

página 04 – parceiros
-> essa página pode nem existir. Se forem poucos parceiros, não tem porque criar uma página só para eles. Melhor exibi-los em outra página, como quem somos, por exemplo.


PÁGINA 05 – Contato
- Formulário de contato;
- Mapa estilo google maps;

PÁGINA 06 – Blog
- Listagem de notícias. Normalmente imagem+resumo;
- Sidebar com categorias e outras coisas que normalmente páginas de blogs tem;

FONTES
- Idealmente 2 fontes;

:::: formato para entrega :::::::
* psd com camadas;
* as imagens separadas devem estar em formato png ou jpg, de acordo com o que for mais adequado para cada imagem, e já nos tamanhos em que aparecem dentro do layout;
--- são os ícones, padrões de background, banners, slides, botões e e outros elementos necessários a implementação do layout em formato web.
--- Obs.: Não queremos o layout todo fatiado com 300 imagens (png, jpg, etc) como ser fazia na década passada.
3- Os arquivos das fontes utilizadas;

conteúdo
o conteúdo institucional será fornecido por nós. Caso não estejam disponíveis, o design pode usar imagens fictícias, desde que sejam relacionadas ao tema do layout, ou lorem ypsum para textos. O conteúdo em geral não é o foco do trabalho.
O foco é o design.