Case Cine Lumiar
Case Cine Lumiar
📱 O produto:
O site responsivo da rede de cinemas CineLumiar oferece aos usuários a conveniência de localizar os cinemas em sua região, visualizar a programação completa e adquirir ingressos, tudo através da plataforma online.
🕗 Duração:
31/07 a 21/08
⚠️ O problema: Criar um fluxo de reserva de assentos para um cinema moderno
⭐ A meta: Desenvolver fluxo de compra de ingressos do site
📑 Responsabilidades: Pesquisa de usuários // wireframe // prototipagem
Pesquisa com usuários:
Resumo: Realizei entrevistas detalhadas com os usuários para entender seus comportamentos ao escolherem filmes e comprar ingressos. Com base nisso, criei mapas de empatia, histórias do usuário e jornadas completas, identificando desafios-chave. Além disso, realizei uma auditoria competitiva. Essas análises forneceram insights valiosos, enriquecendo o projeto de forma direcionada.
Aspectos problemáticos:
1. Garantia da sessão Ao deslocarem-se e enfrentarem filas nas redes de cinema, os usuários podem se deparar com a possibilidade de não conseguirem assistir à sessão que haviam planejado
2. Sessões Coletivas Quando convidamos amigos para sair, pode ser complicado exibir as sessões disponíveis para o dia e horário planejados.
3. Sessões econômicas É complicado identificar os dias e horários em que as sessões estão com preços mais acessíveis.
4. Taxas extras As taxas extras cobradas por sites terceirizados de venda de ingressos aumentam significativamente o preço dos bilhetes.
Persona
Declaração de problema:
Bento é um universitário de baixa renda que precisa comprar ingressos de cinema nos dias e seções com valores mais baixos porque precisa se divertir sem gastar muito .
Mapa da jornada do usuário:
A narrativa da jornada do usuário acompanha Bento, um estudante, enquanto ele tenta coordenar a compra de ingressos para uma sessão de cinema que pretende assistir com seus amigos.
Como iniciar o design
Sitemap contendo as páginas-chave do site e o fluxo para aqusição de ingressos.
Wireframes de papel telas principais
Variações de tamanho da tela principaldos wireframes de papel
Wireframes digitais
Foi desenvolvido um wireframe da tela de pagamento na versão desktop, incluindo pagamento mais usados e uma representação visual nítida dos custos individuais de cada ingresso adquirido.
Variação(ões) de tamanho da tela dos wireframes digitais
Nas versões da tela para dispositivos móveis, foram empregados elementos como o menu hambúrguer e adaptações de seções em formato de carrossel. Isso visou proporcionar uma interface limpa, com foco nas informações essenciais.
Protótipo de baixa fidelidade
Estudo de usabilidade: parâmetros
📑 Tipo de estudo:
Estudo de usabilidade não moderado
👨💼 Participantes:
5 participantes
📌 Local:
Manaus-AM, remoto
🕗 Duração:
10 a 15 minutos
Estudo de usabilidade: descobertas
Após a análise de usabilidade com os protótipos de baixa fidelidade, observou-se que:
1. Informações Vários usuários sentiram falta de informações para escolher um filme
2. Classificação e gênero Uma parte dos usuários desejava explorar a programação por gênero de filmes.
3. pagamento Os usuários desejam ter a opção de pagar usando métodos de pagamento digital.
Como refinar o design
Foram disponibilizadas aos usuários uma variedade ampliada de opções de pagamento digital.
Modelos:
Protótipo de alta fidelidade
Variação(ões) de tamanho da tela dos wireframes digitais
Considerações de acessibilidade
1. Implementação de Títulos Hierárquicos para enriquecer a experiência de navegação, facilitando aos usuários a explorar a página com simplicidade.
2. Melhoria na visibilidade da compra, proporcionando praticidade e clareza durante o processo de pedido.
3. Disponibilização de diversos trajetos de retorno entre as telas para proporcionar maior flexibilidade e conveniência.
Pontos importantes
✔️ Impacto:
O projeto do website da rede de cinemas CineLumiar não só simplifica a experiência dos frequentadores de cinema, mas também pode fortalecer a conexão e o engajamento da comunidade local, ao facilitar o acesso à programação e à compra de ingressos. Isso pode contribuir para impulsionar a economia local e criar um ambiente de entretenimento compartilhado.
📖 O que eu aprendi:
Desenvolvimento de design responsivo para aprimorar a experiência do usuário em todas as plataformas.
Resolução de desafios relacionados ao fluxo de compra.
Próximas etapas
1. Transferir os designs atuais para a produção.
2. Desenvolver novos fluxos
3. Criar e implementar novas funcionalidades no website.