IFPE - Instituto Federal de Pernambuco

Transcrição

1 IFPE - Instituto Federal de Pernambuco

2 2 Disciplinas e Professores: Projeto e Prática - Adriano Carvalho, Banco de Dados - Thiago Viana, Desenvolvimento web - Roberto Alencar, Segurança de sistema - Diego dos Passos. Curso: Técnico em Informática para Internet Equipe: Adriana de Oliveira Felipe Camille Monteiro da Costa Gisele Monique da Silva Vieira Quetula Naanne Oliveira da Silva Sumário Introdução...3 Justificativa...4 Objetivos...5 Estruturação do Briefing...6 e 7 Identificação do cliente, público alvo e produto desejado...8 Análise de Similares...9 e 10 Prototipação gráfica do site...11 á 17 Resultado dos testes de navegabilidade...18 e 19 Divisão de responsabilidades...20 Apêndices...21 Referências...22

3 3 Introdução Para manter a divulgação de sua loja Maria Juscely de França investe para a criação do site de sua loja de roupas femininas. O mesmo esta sendo criado pelas representes: Adriana de Oliveira Felipe, Camille Monteiro da Costa, Gisele Monique da Silva Vieira e Quetula Naanne Oliveira da Silva. Com algumas ideias proposta pela dona da loja iremos iniciar esse projeto descrevendo-o passo-a-passo, para deixar bem claro as opiniões finalizadas com a dona.

4 4 Justificativa Este trabalho trata-se da construção do site para uma loja de roupas femininas chamada La belle modas, que busca facilitar as compras virtuais, utilizando menos tempo dos usuários e deixando prático para qualquer pessoa manusear O mesmo estará disponível em dispositivos padrões ( computadores de mesa ou notebook) e dispositivos móveis( celular ou tablets).

5 5 Objetivos Desenvolver um site dinâmico, com clareza e satisfação tanto para o cliente como para a dona da loja. Manter o contato indiretamente do cliente/ usuário com a empresa/ loja. Visando as necessidades que o público mais procura, utilizando menos tempo e em poucos cliques.

6 6

7 7 Estruturação do Briefing Informações Sobre o cliente: 1. Qual o seu nome? 2. Qual é o seu endereço? 3. Qual é o seu telefone? 4. Quais são seus objetivos para o futuro? Informações Sobre a empresa: 5. Qual o nome da sua empresa? 6. Onde ela se localiza? 7. Há á quanto tempo está no mercado? 8. Você já possui algum slogan (Qual)? 9. Quais as futuras oportunidades? 10. Qual o seu diferencial em relação a concorrência? 11. Qual é a atividade da empresa? Informações Sobre o site: 12. O que você quer transmitir com o site? 13. O site pode ser acessado em dispositivos móveis (Tablets, celulares)? 14. Quais sites você visitou? Gostou? Qual sua opinião sobre eles? Informações Sobre o público alvo: 15. Qual o seu cliente típico? 16. Quais são as expectativas para o seu público alvo? 17. O que você precisa para impactar seu público alvo?

8 8 Informações Sobre as formas de pagamento: 18. Quais as formas de pagamento para o usuário? Informações Sobre responsabilidades de disponibilidades de materiais: 19. Quem vai ficar responsável pela disponibilidade de (vídeos, imagens e textos)? Identificação do cliente, público alvo e produto desejado.

9 9 Identificação do cliente(dona da loja): Maria Juscely de França, mora na rua João Cavalcante em Panelas cruzes Nº 53, perto de Caruaru. CEP: telefone para contato: (81) / (81) A mesma já trabalhou no comercio com vendas de roupas a 13 anos, e com sua própria empresa a la belle modas a 6 meses. Público alvo: Aquela pessoa que se interesse pelo produto da loja, em especial os jovens e adultos com a média de (15 á 40) anos. Produto desejado: uma coisa simples, porém sofisticado, que seja objetivo e de fácil compreensão e atenda todas as necessidades do cliente, sem estressar/atrapalhar o mesmo com propagandas ou links indesejados.. Análise de similares Centauro É uma loja que vende calçados, roupas, equipamentos e acessórios

10 10 esportivos para qualquer faixa etária. O site é dinâmico, porém o mesmo contém muitas propagandas, deixando a desejar a navegabilidade do(a) cliente. Os acessos dos botões indicados são de grande clareza e bem objetivo. A aba de cadastro demora em se inicializar, o site finaliza a compra sem você está cadastrado, a entrega da mercadoria é a partir de 8 dias dependendo do local, e o frete é cobrado. A imagem demora cerca de 30 á 50segundos para carregar. Marisa O site obtém frete grátis para a compra acima 100,00 reais, contêm muitas propagandas, deixa um pouco a desejar na navegabilidade do site. Ao selecionar o pedido, para fazer a escolha da cor e o tamanho do produto demora cerca de 2 minutos para carregar, e para finalizar a compra também demora um pouco. o mesmo oferece dicas como usar uma determinada roupa e optar sugestões de como usar aquela roupa. Possui cores neutras e fortes ao mesmo tempo (deixando a desejar no design).

11 11 Riachuelo Possui bastantes imagens, não obtém muitas propagandas, tem cores padrões, as informações são claras e objetivas. Tendo peças para a moda feminina, masculina, infantis e acessórios. Tem uma identificação de temperatura e uma radio com variedades de músicas internacionais e nacionais. Seus ícones de tarefas são poucos facilitando a navegação dos sites.

12 12 Prototipação gráfica do site Página inicial

13 13 Login Para criar uma conta ou acessar uma basta clicar em LOGIN na página inicial. Cadastro Se o usuário não tiver cadastro no site ele terá que clicar em CRIAR CONTA, e fornecer as informações necessárias e finalizar o cadastro.

14 14 Confirmação de cadastro Cadastro realizado com sucesso! Dicas Sobre Observações: Esta página trata-se das informações da loja.

15 15 Perfil Busca O usuário digita o que deseja encontrar no campo com o nome BUSCAR na parte superior do site e aparecerão todas as opções referentes à busca.

16 16 Categoria Basta clicar no menu, na página inicial, e descerá uma aba com as categorias de produtos. Opção Após ter escolhido uma categoria aparecerá todas as opções disponíveis.

17 17 Compra Finalizar compra

18 18 Após clicar em COMPRAR o usuário será direcionado para preencher informações sobre o pagamento e calcular o frete. Confirmação de compra Resultado dos testes de navegabilidade Esse teste foi realizado com pessoas que não conhecia esse projeto para obter resultados positivos e negativos desse teste. Foram empregados dois testes: teste feito por comandos, onde a pessoa repassa os comandos para o usuário

19 19 e ele tem que realiza-lo. O outro foi teste Autônomo, onde o usuário diz os comandos que deseja realizar em voz alta. Teste por Comandos Usuários Lista de Comandos Comando Realizado (S/N) Ariane Comprar uma calça N Adriano Veja informações da loja e dicas sobre moda S Jamille Compre uma peça infantil S Lucas Faça cadastro no site e procure uma peça adulta S Tempo Estimado Tempo Relizado Ariane Adriano Jamille Lucas

20 20 Teste Autônomo Usuários Lista de Comandos Comandos Realizados (S/N) Ariane Fazer Cadastro S Adriano Jamille Lucas Compre uma peça moda praia infantil Veja dicas sobre moda e compre uma saia teen Veja as informações da loja e compre uma peça moda íntima S S S Gráfico do teste Autônomo 4,5 4 3,5 3 2,5 2 Tempo Estimado Tempo Realizado 1,5 1 0,5 0 Ariane Adriano Jamille Lucas Observação: o tempo informado a cima refere-se há minutos Divisão de responsabilidades

21 21 Nome Atividade Data Quetula Naanne Briefing 06/05 Camille Monteiro Prototipação das 13/05 telas Gisele Monique Análise de sites 15/05 Adriana Oliveira Público Alvo 20/05 Todas Introdução, Objetivo, Justificativa 10/06 Apêndices Resposta do Briefing:

22 22 1. Maria Juscely de França. 2. Rua João Cavalcante Nº 53 - Cruzes - Panelas CEP: (81) Ter um site que facilite e ajude a vida do cliente, economizando o tempo e auxiliando com dicas de moda. 5. La belle modas. 6. Localiza-se na cidade de Cruzes - Panelas Caruaru. 7. Com a empresa La belle á 10 meses, mas já trabalhei no mercado de vendas durante 13 anos. 8. Sim. 9. Expandir várias lojas em outras cidades e países. 10. Rapidez na entrega, pouco tempo para finalizar uma compra. 11. Vender roupas femininas com baixo custo e qualidade e auxiliar dicas de moda para manter o look mais atrativo para cada ocasião. 12. Clareza na hora da compra. 13. Sim, esse é um dos meus objetivos. 14. O site da Renner, prático, rápido e objetivo. Gostei muito, gostaria que fosse semelhante a ele. 15. Jovens. 16. As variedades das roupas e acessórios. E as dicas de moda. 17. Disponibilidade do frete grátis e do boleto bancário. 18. Só pelo cartão de crédito. 19. No momento as pessoas que estão criando o site. Referência

23