Layout Site Escritório de Advocacia

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 um site de um escritório de advocacia de pequeno porte.

:: características do escritório
composto por advogados em estágio inicial de carreira, com planejamentos em relação a utilização da internet e redes sociais para promoção dos próprios trabalhos e realização de serviços.

:: LAYOUT
De cara, podemos definir que o site deve ter uma boa integração com redes sociais (facebook e instagram).
[ PS – Reforço que o trabalho não envolve nenhum tipo de publicação em rede social ]

Outra característica do trabalho é que o site focará em áreas específicas de atuação dentro do direito, no máximo 3 áreas, então o layout deve deixar isso claro, tornar fácil que um visitante perceba isso.
É Um trabalho eminentemente institucional.

:: MARCA
Um complicador é que a marca do cliente é bastante simples e até feia.
São 2 letras em caixa alta e em uma fonte cursiva básica, na core branca.
Isso vai prejudicar o layout, então faz parte do trabalho localizar uma fonte bonita e melhorar a cor, pois as mesmas terão papel importante na criação do layout.
[ PS2 -  Na minha avaliação, Isso não muda o objetivo do trabalho para criação de nova marca. Considero que a melhoria da marca é uma fase do trabalho de criação do layout do site ]

:: referências
***** http://koetzadvocacia.com.br/
--> O layout é ruim, mas o cliente gostou da forma como o conteúdo pode ser localizado (menus, pesquisa);;
***** https://www.wyche.com/
--> Um layout interessante. É Uma boa referência.
Uma melhoria é colocar a imagem superior como um slide e não fixa.

:: 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;
- áreas de atuação;
- banner ou link para o formulário de envio de procuração (criar esse formulário não faz parte do trabalho). A home page poderá conter entre 2 e 4 banners, a serem definidos pelo design de acordo com o layout que será criado.
-> O design tem liberdade para definir o restante dos elementos, de acordo com as informações passadas aqui;

PÁGINA 02 – Advogados (equipe)
-> Uma ou mais imagens legais;
-> Texto de exemplo (lorem ipsum);
-> lista de advogados (com fotos representativas);
-> O design tem liberdade para definir o restante dos elementos, de acordo com as informações passadas aqui;

PÁGINA 03 – Advogado
Página onde serão exibidas as informações de cada advogado. Naturalmente, é um layout único. Então basta o design criar 1 página com informações lorem ypson.

-> Uma ou mais imagens legais;
-> Texto de exemplo (lorem ipsum);
-> O design tem liberdade para definir o restante dos elementos, de acordo com as informações passadas aqui;

PÁGINA 04 – 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;

página 05 – contato
- formulário de contato;
- mapa estilo google maps;

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.