O site da marca fictícia ShopAuto é um projeto criado com o intuito de avaliar os conhecimentos de HTML, CSS e Bootstrap adquiridos no decorrer das aulas do curso +Devs2Blu. Trata-se de um site na temática de concessionária de carros que contém as páginas de "Contato", "Estoque", "Home", "Sobre", "Venda seu carro" e um exemplo de página individual de veículo. Todas as páginas são responsivas e foram utilizados diversos componentes do Bootstrap.
Na criação do projeto foram utilizadas as seguintes ferramentas:
Linguagens: HTML 5, CSS 3 e JavaScript
Frameworks: Bootstrap
Editores de texto: Visual Studio Code
Sistema de controle de versão: Git
Criação do protótipo: Figma
As tarefas foram divididas entre o grupo, ficando cada integrante responsável por uma ou mais páginas. Primeiro foi criado um índice com tudo que iria compor o site, em seguida foi criado um protótipo no Figma a fim de se manter a unidade visual do projeto. Para controle de implementação, foi utilizada uma metodologia de desenvolvimento baseada no artigo "A successful Git branching model" de Vincent Driessen.
O protótipo no Figma pode ser visualizado neste link.
1. Home - Criado por Laila e Nikolas
> 3 banners rotativos
> Filtro de busca (marca/modelo/ano/faixa de preço)
> Últimas novidades
> Mais procurados
> Compramos seu veículo
2. Estoque - Criado por Nikolas
> Filtro de busca
> Veículos encontrados
3. Venda seu carro - Criado por Nikolas
> Formulários
4. Sobre Nós - Criado por Emylli
> Sobre
> Missão/Visão/Valores
> Nosso time
> Marcas
5. Contato - Criado por Rodrigo
> Formulário de contato
> Mapa de localicação
6. Rodapé - Criado por Rodrigo
> Logotipo
> Horário de atendimento
> Informações de contato
> Redes Sociais
> Botão de WhatsApp
7. Financie - Criado por Emylli
> Formulário de interesse
> Carousel com fotos do veículo
> Formulário de interesse > Informações do veículo
Protótipo no Figma por Laila e Emylli
O projeto cumpriu com as expectativas do grupo. As páginas foram criadas com base nos diagramas e protótipos iniciais, atingindo os critérios de responsividade, utilização de componentes e número de páginas.
Todos os membros do grupo se dedicaram muito e colaboraram para o desenvolvimento de um projeto de excelência.