Layout site pequeno portal de notícias

Descrição:
ATENÇÃO: Não está incluso neste projeto codificação/programação de qualquer tipo. É Só o LAYOUT (.png’s, psd’s, jpg’s, etc.)

O site é um pequeno portal de notícias na internet, com foco maior nas áreas de cultura,  entretenimento e sustentabilidade. A estrutura do layout seguirá o padrão de mercado para esse tipo de site.
Muito cuidado para a home page não ficar confusa por excesso de informação, como ocorre em muitos portais de conteúdo.

:: conteúdo do site
o conteúdo institucional e de notícias não fazem parte do escopo do trabalho, então, o designer pode usar "lorem ipsum" nas descrições desses elementos sempre que achar necessário.
Porém, caso exista alguma chamada que faz parte do layout, como o título de um slide, ou uma "call to action"(chamada para execução de uma ação, exemplo "Participe da nossa newsletter"), faz parte do trabalho definir e diagramar esses textos.
(Quantidade e detalhes das páginas estão mais abaixo)

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

:: dados do cliente final:
-> nome, marca e outras informações, serão passadas via mensagem para a empresa que ganhar o serviço.

:: formato para entrega:
1- psd com camadas;
2- imagens dos elementos (ícones, banners, logo, padrões de background, etc) que compõem o layout no formato mais adequado a utilização ( png transparente ou jpg).
Obs.: Não queremos o layout todo fatiado com 100 imagens como ser fazia na década passada;
3- Os arquivos das fontes utilizadas (usar no máximo 3 fontes diferentes);
4 – Arquivo com as dimensões das principais áreas do site (exemplo: altura do cabeçalho, largura e altura dos banners, etc.;
5-Identificação das fontes utilizadas (exemplo: fonte usada no menu, fonte usada nos títulos, fonte usada nos conteúdo, etc);


:: IMAGENS:
Não utilizar imagens de propriedade intelectual de terceiros (fotógrafos, ilustradores, etc), sem a devida permissão. Imagens de bancos de imagens são bem vindas.

:: 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;

:: 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.

:: banners de propaganda
todas as páginas devem ter espaços reservados para banners de propaganda.
Referências:
--> https://oglobo.globo.com/ela/gente/de-lingerie-bella-hadid-faz-temperatura-subir-em-iate-de-luxo-21585277 (Essa página tem 1 banner horizontal e 1 lateral)
--> https://a8se.com/sergipe/noticia/2017/07/120898-nova-linha-de-onibus-comeca-a-circular-no-sabado-15.html
--> http://blogs.oglobo.globo.com/lauro-jardim/ (Essa tem 1 horizontal e vários laterais)
Não precisa 1 padrão diferente de exibição de banner de propaganda para cada tipo de página. Pode ser 1 padrão para home, 1 para o catálogo e outro para todas as outras páginas, por exemplo.

:: Página  01 - home page:
componentes mínimos da home page:
-> 1 slider com 2 imagens maiores de divulgação. Como será o slider é o design que define (faz parte do trabalho de criação);
-> 4 imagens menores para representar as principais seções;
-> Notícias em destaque;
-> Últimas notícias;
-> Caixa de inscrição de email na newsletter;
-> Referências:
1.    Gshow.globo.com
2.
Famosos.globo.com
3.    Clicksergipe.com.br
4.    Demo.tagdiv.com/newspaper
5.
Demo.themevan.com/citynews
6.    A8se.com/tv-atalaia/canal-eletrico

-> O design tem liberdade para definir o restante dos elementos da home page, de acordo com as informações e referências passadas aqui;


:: Página  02 - catálogo de notícias;
-> lista as notícias de forma bonita e organizada;
referências:
http://gshow.globo.com/tv/
https://demo.tagdiv.com/newspaper/category/tagdiv-lifestyle/tagdiv-business/


:: Página  03 - layout da página de 1 notícia;
-> exibirá notícias relacionadas (a exibição será a mesma usada na página do catálogo);
-> referências:
https://demo.tagdiv.com/newspaper/wordpress-news-magazine-charts-the-most-fashionable-new-york-couples-in-2016/
https://a8se.com/sergipe/noticia/2017/07/120898-nova-linha-de-onibus-comeca-a-circular-no-sabado-15.html
-> O design tem liberdade para definir o restante dos elementos, de acordo com as informações passadas aqui;

:: PÁGINA  04 - LAYOUT DA PÁGINA DE CONTATO
-> Apenas 1 formulário simples com as principais informações de contato do cliente;
-> O design tem liberdade para definir o restante dos elementos, de acordo com as informações passadas aqui;

:: PÁGINA  05 - "A EMPRESA"
-> 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;