Completed

Layout Site Pizzaria

Published on the September 25, 2017 in Design & Multimedia

About this project

Open

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.

Category Design & Multimedia
Subcategory Web design
What do you need? Create a new custom design
Is this a project or a position? Project
Required availability As needed

Delivery term: October 02, 2017

Skills needed