Repositório contendo os arquivos produzidos para o Desafio Individual 1 da Gama Academy
Criação de um site de e-commerce responsívo e acessível com Página Institucional, Vitrine de Produtos e Página de Produto contendo os detalhes de um determinado produto
"Como o proprietário do ecommerce eu gostaria de uma página institucional para apresentar a visáo de nossa empresa, mostrar quem somos e permitir que interessados em trabalhar conosco entrem em contato"
- Texto Institucional da Visão (Visão)
- Texto sobre a empresa (Quem Somos)
- Formulário para envio de informações de vagas e contatos (Trabalhe Conosco)
- Informações de contato de email e whatsapp (Contato)
"Como cliente eu gostaria de ao clicar no produto ser direcionado a outra página para ver os detalhes de produto, como fotos, descrição, preço, formas de pagamento"
- Na vitrine, ao clicar no nome do produto, ser direcionado ä página de Detalhes do Produto
- Detalhes do Produto deve conter várias fotos, descrição, preço, condições de pagamento
- Carrossel de Fotos
- Descrição
- Preço
- Condições de Pagamento
"Como cliente eu gostaria de ter na página principal formas de pesquisa para encontrar meus produtos rapidamente"
- Filtro de conteúdo por departamento, seção ou categoria de produto
- Área de produtos em destaque
"Como proprietário quero que meu site seja bonito, acessível e responssivo para atender a qualquer um em qualquer lugar"
- Mockup da:
- Página Principal
- Página do Produto
- Página Institucional
- Design Mobile First
- Atendimento äs regras de assessibilidade na web (WAI-ARIA)
- Deve ser responsivo a telas de dispositivos diversos (desktop (1280px) , tablet (1024px) e celular (375px))
- Texto Institucional da Visão (Visão) em Lorem Ipsum | 0,5
- Texto sobre a empresa (Quem Somos) em Lorem Ipsum | 0,5
- Redigir Visão e Quem Somos | 0,5
- Formulário para envio de informações de vagas e contatos (Trabalhe Conosco) | 0,5
- Informações de contato de email e whatsapp (Contato) | 0,5
- Na vitrine, ao clicar no nome do produto, ser direcionado ä página de Detalhes do Produto | 0,5
- Detalhes do Produto deve conter várias fotos, descrição, preço, condições de pagamento | 2
- Carrossel de Fotos
- Descrição
- Preço
- Condições de Pagamento
- Filtro de conteúdo por departamento, seção ou categoria de produto | 1
- Área de produtos em destaque | 0,5
- Mockup da: | 3
- Página Principal
- Página do Produto
- Página Institucional
- Escolha da paleta de cores | 0,5
- Escolha das fontes | 0,5
- Produção do arquivo CSS com os estilos | 2
- Design Mobile First | -
- Atendimento às regras de assessibilidade na web (WAI-ARIA) | 0,5 para cada página
- Deve ser responsivo a telas de dispositivos diversos (desktop (1280px) , tablet (1024px) e celular (375px)) | 2
- Aquisição da mídia Placeholder (imagens, logos, etc) | 0,5
- Divisão das áreas de produtos | 0,5
- Seleção dos produtos | 0,5
- Adicionar navegação para demais páginas | 0,5
Sprint 1 ----------> Sprint 2 ----------> Sprint 3 ----------> Sprint 4 ----------> Sprint 5 ----------> Release
Goal: Entregar o mockup do site a ser realizado, juntamente com a distribuição das TAGs Iniciais das três páginas a serem implementadas
| Funcionalidade | Esforço (horas) |
|---|---|
| Mockup da Página Principal | 0,5 |
| Mockup da Página do Produto | 0,5 |
| Mockup da Página Institucional | 0,5 |
| Planejamento html (divisão das TAGs) | 0,5 |
| Aquisição da mídia Placeholder (imagens, logos, etc) | 0,5 |
| Divisão das áreas de produtos | 0,5 |
| Seleção dos produtos | 0,5 |
| Total | 3,5 |
Goal: Produzir o HTML da Página Principal com infos placeholder (Lorem Ipsum)
| Funcionalidade | Esforço (horas) |
|---|---|
| Na vitrine, ao clicar no nome do produto, ser direcionado ä página de Detalhes do Produto | 0,5 |
| Mockup da Página do Produto | 0,5 |
| Filtro de conteúdo por departamento, seção ou categoria de produto | 1 |
| Área de produtos em destaque | 0,5 |
| Atendimento às regras de assessibilidade na web (WAI-ARIA) | 0,5 |
| Adicionar navegação para demais páginas | 0,5 |
| Total | 3,5 |
Goal: Produzir o HTML da Página Produto com infos placeholder (Lorem Ipsum)
| Funcionalidade | Esforço (horas) |
|---|---|
| Adicionar Carrossel de Fotos | 0,5 |
| Adicionar Descrição | 0,5 |
| Adicionar Preço | 0,5 |
| Adicionar Condições de Pagamento | 0,5 |
| Atendimento às regras de assessibilidade na web (WAI-ARIA) | 0,5 |
| Adicionar navegação para demais páginas | 0,5 |
| Total | 3,0 |
Goal: Produzir o HTML da Página Institucional com infos placeholder (Lorem Ipsum)
| Funcionalidade | Esforço (horas) |
|---|---|
| Texto Institucional da Visão (Visão) em Lorem Ipsum | 0,5 |
| Texto sobre a empresa (Quem Somos) em Lorem Ipsum | 0,5 |
| Formulário para envio de informações de vagas e contatos (Trabalhe Conosco) | 0,5 |
| Informações de contato de email e whatsapp (Contato) | 0,5 |
| Redigir e adicionar Visão e Quem Somos | 0,5 |
| Atendimento às regras de assessibilidade na web (WAI-ARIA) | 0,5 |
| Adicionar navegação para demais páginas | 0,5 |
| Total | 3,5 |
Goal: Estilizar páginas criadas e adicionar textos (Lorem Ipsum)
| Funcionalidade | Esforço (horas) |
|---|---|
| Escolha da paleta de cores | 0,5 |
| Escolha das fontes | 0,5 |
| Produção do arquivo CSS com os estilos | 2 |
| Testes finais para telas de desktop (1280px) , tablet (1024px) e celular (375px) | 1 |
| Total | 4,0 |