Skip to content

Esse projeto contém um exemplo funcional de uma landing-page comercial (loja de brigadeiros). Aqui utilizamos apenas tecnologias do Front-end: HTML, CSS e Javascript. Além disso, usamos conceitos de design de interfaces para produzir uma página visualmente atraente, adaptável para dispositivos móveis (responsiva).

Notifications You must be signed in to change notification settings

VLGallo/Brigaderia

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Brigaderia

Esse projeto consiste em uma landing-page para um estabelecimento comercial de venda de brigadeiros. O site foi projetado para ser fictício, ou seja, não existe nenhuma relação com qualquer estabelecimento comercial verdadeiro.

🎯 Requisitos do projeto

A brigaderia é um e-commerce baseado em pedidos via whatsapp, portanto, o dono do estabelecimento precisa de uma página web contendo informações do seu negócio. Para isso uma lista de requisitos foi construída:

RQ#ID Descrição
RF1 A landing-page deve conter 4 menus: "CARDÁPIO | COMBOS | PEDIDOS | SOBRE NÓS".
RF2 Na seção HOME, deve-se inserir a logotipo e o slogan da brigaderia "O melhor brigadeiro da cidade".
RF3 Na seção CARDÁPIO, deve-se exibir uma foto do produto, nome, descrição e preço.
RF4 Na seção de COMBOS, deve-se exibir uma foto dos combos disponíveis para compra, bem como sua descrição e preço.
RF5 Na seção de PEDIDOS, deve-se exibir as informações de contato (via whatsapp), bem como o endereço de retirada
RF6 Na seção SOBRE NÓS, deve-se exibir informações sobre a brigaderia (ex. histórico da marca, fundadores, etc.)
RNF1 A página deve ser visualmente atraente seguindo uma paleta de cores no tema "brigadeiro".

💻 Tecnologias utilizadas

Para esse projeto utilizamos as seguintes tecnologias para criação da interface:

  • HTML5
  • CSS3

Para prototipação e criação do conceito:

  • Figma
  • Adobe Photoshop

Para estilização:

Protótipo e live demo

  • Acesse o nosso projeto do figma aqui
  • Acesse o nosso live demo aqui

📄 Licença

License

Esse projeto está sob a licença Apache 2.0. Em resumo, isso significa que você pode reutilizar esse código para projetos pessoais ou até mesmo comerciais. No entanto, existem algumas regras a serem seguidas como por exemplo, atribuição ao projeto original, inclusão da licença original e utilização de licença compatível e documentação das mudanças feitas. Saiba mais sobre essa licença aqui.

About

Esse projeto contém um exemplo funcional de uma landing-page comercial (loja de brigadeiros). Aqui utilizamos apenas tecnologias do Front-end: HTML, CSS e Javascript. Além disso, usamos conceitos de design de interfaces para produzir uma página visualmente atraente, adaptável para dispositivos móveis (responsiva).

Topics

Resources

Stars

Watchers

Forks