Uma loja virtual de produtos Otakus.
Protótipo desenvolvido para o Desafio Individual 1 da rota Hacker do programa XP #38 da Gama Academy.
Dar acesso aos produtos da loja para o usuário através da página inicial.
[8 pontos] Eu como cliente de lojas virtuais, quero ter uma visão geral dos produtos da loja na página inicial, de forma a facilitar a minha escolha.
- Criar repositório no GitHub
- Criar página HTML com informações "mock" sobre 20 produtos expostos em grade
- Adicionar barra de navegação simples com links para as páginas "Sobre nós" e "Contato"
- Definir formato da página inicial com base em outras lojas virtuais existentes
- Aplicar CSS e Bootstrap de forma a organizar as informações na página
Acrescentar informações básicas sobre produtos e a loja para fácil acesso do usuário.
[3 pontos] Eu como cliente de lojas virtuais, quero ver mais detalhes dos produtos pelos quais me interessar ao clicar neles, para fazer escolhas com mais informações.
[2 pontos] Eu como cliente da desobjetos, desejo ter fácil acesso a página de informações institucionais através do menu de navegação para saber mais sobre a empresa.
[3 pontos] Eu como cliente da desobjetos, desejo ter fácil acesso às informações de contato da empresa através do menu de navegação, para o caso de haver algum problema com a compra ou dúvidas.
- Criar página HTML para a página de detalhes de um produto com informações "mock" sobre um dos produtos
- Criar página HTML para a página de informações institucionais com texto "mock"
- Criar página HTML para a página de contato com um formulário para envio de email (sem funcionalidade real de envio)
Facilitar que o cliente encontre o produto que deseja através da navegação por categorias.
[3 pontos] Eu como cliente de lojas virtuais, quero poder filtrar os produtos por categoria, de forma a navegar apenas pelos produtos que eu desejo.
[3 pontos] Eu como cliente da Desobjetos, quero que os produtos estejam bem organizados entre categorias, para que a tarefa de encontrar e decidir sobre minha compra seja facilitada.
- Definir ramo de atividade, categorias e produtos em cada categoria
- Adicionar uma página HTML para cada categoria, baseadas na página inicial já criada, com produtos expostos em grade
- Adicionar menu com categorias à página inicial, dando acesso às páginas de categoria
Melhorar a experiência do usuário através de uma interface clara e esteticamente agradável.
[5 pontos] Eu como cliente de lojas virtuais, gostaria de navegar em páginas web com estilo claro e esteticamente agradável, pois isso me estimula a permanecer na página e visitá-la outras vezes.
[3 pontos] Eu como cliente de lojas virtuais, gostaria de acessar o site da loja através de diversos dispositivos, como desktop, tablet e celular, tendo assim praticidade nas minhas compras virtuais.
- Definir imagens para cada produto, organizando-os para fácil acesso
- Adicionar imagens às páginas principal, de categorias e de detalhes dos produto, utilizando-se de recursos de acessibilidade
- Adicionar Bootstrap às páginas, tendo como base outras lojas virtuais, utilizando recursos de responsividade
- Checar se a usabilidade se mantém em todas as três formas de acesso (1280px, 1024px, 375px)
- README elaborado com StackEdit
- Favicon feito por Freepik da www.flaticon.com
- Imagens temporárias utilizadas para os produtos do Unsplash