Cine Neves
Aplicativo de cinema com compra de ingressos, escolha de assentos e programação, desenhado para um fluxo de compra que cabe em poucos minutos.
|Visão geral do projeto
O produto
O aplicativo do Cine Neves foi criado para facilitar a vida de quem vai ao cinema, oferecendo o conforto de comprar o ingresso em qualquer lugar, a qualquer hora e, o melhor, sem filas.
Duração do projeto
Trabalhei nesse projeto de maio a junho de 2022.
O problema
Dificuldade na hora de realizar compras de ingresso de maneira online.
O objetivo
Facilitar a compra de ingresso online e dar mais benefícios ao cliente.
Minha função
UX/UI Designer, responsável pelo projeto de ponta a ponta, da idealização à entrega.
Responsabilidades
Conduzi as pesquisas com usuários, a síntese de insights e a criação de wireframes de baixa e alta fidelidade.
|Compreensão do usuário
- Pesquisa de Usuário
- Pontos de Dor
- Personas
- Mapa de Jornada do Usuário
Pesquisa de usuário
Durante a pesquisa, ficou clara a insatisfação com os aplicativos atuais de compra de ingressos, descritos pelos usuários como confusos e mais frustrantes do que úteis. Com o andamento das entrevistas, foram identificadas as principais dores desses usuários, que guiaram as soluções do projeto.
Pontos de dor
Ponto de dor
Dificuldade na navegação geral.
Ponto de dor
Falta de recompensas por utilizar o serviço de compra online.
Ponto de dor
Dificuldade de finalizar um pedido, desde a escolha do assento até o pagamento.
Personas
Clara
- Idade: 23 anos
- Cidade: Ribeirão das Neves
- Estudante
- Estagiária
“Clara é uma estudante e estagiária de 23 anos e precisa comprar ingressos de maneira online para ir ao cinema com seu namorado.”
Declaração de Problema
Clara é uma estudante e estagiária de 23 anos e precisa comprar ingressos de maneira online para ir ao cinema com seu namorado, por falta de tempo por conta de sua rotina de faculdade e trabalho. Para não enfrentar filas, é mais fácil e prático realizar a compra online.
Objetivos
- Ir ao cinema mais vezes com o seu namorado
- Não pegar filas para assistir a pré-estreias
- Encontrar o melhor cinema e a sessão ideal para o momento
Frustrações
- Não conseguir comprar ingressos online por conta de um aplicativo ou site ruim
- Não encontrar o assento ideal
Clara é extrovertida, companheira, inspiradora e prestativa; gosta de cinema, música, livros e podcasts sobre filmes.
Marco
- Idade: 25 anos
- Cidade: Belo Horizonte
- Desenvolvedor
- Solteiro
“Marco é um profissional da área de programação e gosta de diversas atividades; uma delas é ir ao cinema pelo menos duas vezes na semana.”
Declaração de Problema
Marco tem 25 anos, trabalha com programação e gosta de diversas atividades — uma delas é ir ao cinema pelo menos duas vezes por semana. Comprar o ingresso online economiza o seu tempo, que é corrido por conta do trabalho.
Objetivos
- Ir ao cinema mais vezes na semana
- Conseguir comprar ingressos com antecedência para pré-estreias
- Conseguir também realizar a compra em sessões físicas
- Administrar melhor o seu tempo
Frustrações
- Não conseguir comprar os ingressos de maneira online por conta de um péssimo aplicativo ou site
- Nem sempre encontrar o guichê vazio
- Não conseguir ver a ficha técnica dos filmes para controlar melhor o seu tempo
Marco é sonhador, confiante e inspirador; gosta de ir ao cinema, atividades físicas, ler romances e assistir animes.
Mapa de jornada do usuário
Persona: Clara
Objetivo: Ir ao cinema com seu namorado após o estágio
Persona: Marco
Objetivo: Ir ao cinema no melhor horário para conseguir realizar suas tarefas
|Iniciando o design
Wireframes de papel
Foi um processo inicial, onde foi possível expor várias ideias sobre o que pode ou não funcionar dentro do nosso aplicativo.
Protótipos de baixa fidelidade
Tela 01 — Login
Após a idealização inicial no papel, passamos para o digital, começando pela tela de login.
Tela 02 — Home / Filmes em cartaz
Durante o processo, desenvolvemos outras telas, como a tela inicial do app, onde ficam os filmes em cartaz.
|Estudos de usabilidade: descobertas
Realizamos um estudo de usabilidade que revelou pontos que não funcionavam tão bem quanto o esperado.
Descobertas
Descoberta
Dificuldade na seleção do método de pagamento
Descoberta
Informações desnecessárias na tela inicial
Descoberta
Dificuldade na seleção dos assentos
|Refinando o design
Mockups (comparações antes e depois)
Na tela inicial, o menu hambúrguer que abria um drawer de navegação foi substituído por um ícone de perfil, que leva o usuário diretamente à sua área pessoal e simplifica a navegação.
Tela do ingresso, onde foram adicionadas mais informações sobre o produto, tal como quantidade de ingressos, data da sessão, horário, assento e também o QR code para validar o ingresso na entrada da sala.
Protótipos de alta fidelidade
Considerações de acessibilidade
Acessibilidade
Utilizamos ícones para facilitar a navegação do usuário.
Acessibilidade
Usamos imagens detalhadas sobre cada item que temos na loja para melhor entendimento do usuário.
|Daqui para frente
Aprendizado
Impacto:
O aplicativo faz com que os usuários sintam que o Cine Neves realmente pensa em como atender às suas necessidades.
Uma citação do feedback de colegas: “O aplicativo tornou tão fácil e recompensadora a compra dos meus ingressos. Isso faz com que eu me sinta mais feliz a cada ida ao cinema.”
O que eu aprendi:
Ao projetar o aplicativo Cine Neves, aprendi que as primeiras ideias para o aplicativo nem sempre são as definitivas e sim apenas o começo do processo. Os estudos de usabilidade juntamente com o feedback de colegas ajudaram a planejar cada nova interação do aplicativo com o usuário.
Próximos passos
Próximo passo
Possivelmente conduzir um novo estudo de usabilidade para validar se os pontos de dor do usuário foram totalmente resolvidos.
Próximo passo
Realizar mais pesquisas com usuários para determinar novas áreas de necessidade.
|Navegue pelo protótipo
Explore o fluxo completo do conceito diretamente no protótipo interativo do Figma.
Abrir protótipo no Figma ↗