Cinemalgo Mobile App
Embedded Files
Visão Geral do Projeto
Visão Geral do Projeto
Sobre a empresa: Cinemalgo é uma rede regional de cinema, localizado em uma cidade metropolitana. Eles oferecem salas de alta qualidade, com alta qualidade de som e grande variedade de 'snacks' em suas bombonieres. Cinemalgo tem como público-alvo clientes de diferentes idades, unidos por um hobby: assistir filmes.
Duração: Novembro de 2022 até Março de 2023
O Problema: Os clientes estavam gastando muito tempo nas filas para comprar ingressos ou 'snacks'.
Objetivo: Fazer o Design de um website responsivo para o Cinemalgo, onde os clientes possam facilmente comprar ingressos e 'snacks' de suas casas, evitando filas. Também foi feito um app mobile.
Meu Cargo: UX Designer, da concepção à entrega.
Responsabilidades: Conduzir entrevistas, wireframes digitais e no papel, prototipagem de baixa e alta fidelidade, conduzir estudos de usabilidade, considerar acessibilidade e iterar nos designs.
Entendendo o usuário:
Entendendo o usuário:
Pain Points:
Pain Points:
Esta foi uma pesquisa feita com suposições, com base em perguntas feitas a clientes regulares de salas de cinema. Foram realizadas 'competitive audits' para ver como o aplicativo deveria ser projetado e o que já existe no mercado e poderia ser útil para a experiência dos clientes da Cinemalgo. O orçamento para pesquisa era mínimo.
Tempo gasto em filas: Clientes estavam gastando muito tempo em filas para adquirir os produtos
Localização fixa: Clientes tinham que se dirigir até o local do cinema para comprar ingresso
Fácil de usar: Por causa do vasto público-
-alvo do Cinemalgo, o aplicativo deve ser fácil de usarTodos os recursos: O aplicativo deve prover uma experiência completa ao usuário, perimitindo comprar ingressos, 'snacks', escolher assentos...
Persona
Persona
Jornada do Usuário
Jornada do Usuário
Começando o Design
Começando o Design
Paper Wireframes
Paper Wireframes
Nesse projeto pude aprender muito mais com a qualidade/rapidez dos wireframes em papel e me adaptei com o papel pontilhado.
Digital Wireframes
Digital Wireframes
Tentei manter o foco no usuário e construir um design intuitivo, com uma navegação simples. Foi meu primeiro projeto utilizando o AdobeXD.
Protótipo de
Baixa Fidelidade
Protótipo de
Baixa Fidelidade
O protótipo de baixa fidelidade conectou os designs com o principal fluxo do usuário (user flow), a fim de realizar um teste de usabilidade.
Link para o Protótipo de Baixa Fidelidade
.
Research
Research
Estudo de Usabilidade
Estudo de Usabilidade
Conduzi uma rodada de estudo de usabilidade. As descobertas ajudaram a orientar os designs de mockups e revelou quais aspectos poderiam ser melhorados/refinados.
Descobertas Rodada 1
Descobertas Rodada 1
Não havia uma maneira rápida de encontrar os ingressos após comprar
Pagamento com cartão de crédito não pedia informações necessárias
Usuários queriam uma maneira mais rápida de comprar somente ingressos.
Refinando os designs
Refinando os designs
Mockups
Mockups
Foi incrível ver como o produto ficaria, e isso me inspirou a ter outras ideias ou mudar algo que não era intuitivo.
Protótipo de
Alta Fidelidade
Protótipo de
Alta Fidelidade
O protótipo de alta fidelidade apresentou fluxo de usuário (user flow) mais limpo e criou uma experiência de usuário mais intuitiva.
Link para o Protótipo de Alta Fidelidade
Aprendizado
Aprendizado
Impacto
Impacto
O site realmente ajuda as pessoas a evitar filas e contribui com o gerenciamento de tempo. Além disso, pode ser utilizado para ver os horários das sessões.
Uma citação do feedback de colegas: "Site adorável. Com certeza usaria."
O que aprendi
O que aprendi
Ao desenhar o app do Cinemalgo, aprendi que nem sempre é tão fácil implementar as ideias quanto tê-las. A função de 'hover' ainda é uma habilidade que estou desenvolvendo. Também aprendi que pensar em mobile first, hoje em dia, pode ajudar a levar mais usuários em conta e tornar o site mais acessível.
Obrigado pelo seu tempo revisando meu trabalho no aplicativo Cinemalgo. Se quiser ver mais, pode voltar à página inicial, ou se quiser entrar em contato, meus dados de contato estão abaixo:
Page updated
Google Sites
Report abuse