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 uma pizzaria. O foco será no DELIVERY de pedidos feitos pelo próprio site. Ou seja, é uma loja virtual.?
?
:: características da pizzaria
a identidade visual da pizzaria em questão tem uma pegada mais sofisticada e intimista.
É Uma pizzaria local, não faz parte de nenhuma rede nacional, não é franquia. Ou seja, vende e entrega apenas para a cidade onde está sediada.
:: LAYOUT
Deve ter a melhor usabilidade possível em relação a realização de pedidos, principalmente no mobile.
* Mobile first – Inclusive, só desenvolveremos o layout desktop após o cliente aprovar o mobilie;
* A marca do cliente não tem vermelho e o cliente não deseja predominância de vermelho, como ocorre comumente em sites de pizzaria.
* Bonito, limpo ( sem muitos elementos misturados numa determinada área), e que combine com o setor de atividade e com a identidade visual da pizzaria;
O layout deverá ser aprovado pelo cliente final. Pode ser que tenham que ser feitos ajustes para conseguir essa aprovação.
:: referências
*****
https://www.pizzahut.com.br/
--> A pizza hut é uma referência de estrutura no mobile. Naturalmente NÃO tem a pesquisa por CEP inicial porque a pizzaria só entrega em uma cidade;
---> O site que criaremos é um pouco mais institucional que o da pizza hut, mas dá para aproveitar algumas ideias em relação ao layout;
*****
http://italiapizzasp.com.br/entrega/pizzas-e-brotos/
--> Neste caso, a referência é a agilidade/usabilidade do processo de definição da pizza na página do produto;
--> Escolhe as opções sem trocar de tela e de forma rápida e objetiva, sendo que primeiro escolhe o tamanho, depois tipo, depois recheios, por último os opcionais. Tudo em uma única tela;
--> Neste caso, o layout não é referência.
A referência é apenas o processo. Todo o processo de compra desse site é muito ágil e prático;
:: estrutura layout
página 01 - home page
-> versão para celulares (largura 425px) e tablets (largura 768px);
-> serão destacados na home:
---- delivery;
---- balcão;
---- último pedido (o cliente informa o telefone e o sistema localiza e dá a carga no último pedido efetuado por esse cliente);
-> a home será 80% delivery e 20% institucional;
-> área inscrição em newsletter (discreta);
-> o cliente tem ótimas fotos do ambiente da pizzaria. Talvez possam ser aproveitadas;
-> Área para destacar serviços ou promoções.
Pode ser via os tradicionais banners ou o design pode propor uma forma mais criativa. No máximo 2 elementos;
PÁGINA 02 - Página do produto
o site tem um produto único que é a pizza com as respectivas opções. A seção "referência" define bem o resultado desejado, em termos de estrutura.
Deverão ser criadas ilustrações para representar a pizza inteira e meia pizza.
PÁGINA 03 - Página do checkout
página de finalização do pedido. A seção "referência" define bem o resultado desejado, em termos de estrutura.
Deve ser o mais enxuta possível, para tornar mais rápido finalizar a compra.
Página 04 - cabeçalho / rodapé e menu
-- serão os mesmos em todas as páginas;
-- elementos mínimos que deverão ser distribuídos nessas áreas: links e/ou ícones crie sua conta, entrar, cardápio, sobre nós;
-- mídias sociais (face e insta);
-- informações de contato (telefone, email, localização)
página 05 - página do cardápio;
-> listagem dos produtos do cardápio da pizzaria;
-> não faz parte do trabalho criar imagens para os itens do cardápio ou ícones;
-> a lista deve estar organizada/categorizada para que um determinado item do cardápio seja localizado de forma fácil pelo visitante;
página 06 - página de contato
1 formulário simples e as principais informações de contato do cliente);
estrutura em telas maiores
- deverá ser adequada para a média dos monitores modernos. Ou seja, os elementos não devem ser grandes demais para ficarem estourando a altura/largura da tela, nem pequena demais para não aproveitar bem o espaço. Normalmente, a largura útil fica entre 1100 px e 1300 px;
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, nomes das pizzas, fotos da pizzaria e das pizzas, etc... 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.
Prazo de Entrega: 02 de Outubro de 2017