Fictício

2023

🇧🇷

Brasil

Redesign em UX/UI para

Uma nova experiência para quem quer viver grandes histórias no cinema

Neste projeto, o desafio foi repensar a experiência do usuário no site da Ingresso.com, uma plataforma já consolidada no mercado. A escolha por trabalhar com um site existente permitiu analisar pontos de melhoria reais e propor soluções com base em necessidades observadas.
Utilizando a metodologia Design Thinking, conduzi o processo desde a identificação de problemas até a criação de uma nova interface, mais intuitiva, acessível e centrada no usuário. O resultado é uma proposta de redesign que valoriza tanto a jornada do usuário quanto os objetivos de negócio da plataforma.

Empatia

1.1 Pesquisa com Usuários

O método escolhido foi a pesquisa qualitativa a partir de questionário, realizado no Google Forms. A pesquisa foi divulgada pelas redes sociais, em que a sua primeira etapa filtrava os participantes para o público-alvo procurado:

  • Moradores de Curitiba e região;

  • Pessoas que estão trabalhando atualmente;

  • Faixa etária entre 16 e 50 anos;

  • Pessoas que vão ao cinema ao menos 1 vez em cada 3 meses.

Dos 41 voluntários para a pesquisa, 21 pessoas se encaixaram nos requisitos mencionados acima. Algo que me chamou atenção foi a grande maioria (16) dos respondentes ter indicado que utilizava o Ingresso.com, além de apresentar problemas de usabilidade da plataforma, sendo assim escolhi me atentar a estas dificuldades e redesenhar o site.

E em relação ao Ingresso.com especificamente, duas perguntas do questionário tiveram algumas respostas interessantes, como:

Quais são os desafios que enfrenta durante a compra online do ingresso e como se sente com isso?

A usabilidade de alguns aplicativos é meio ruim, ja acabei indo assistir o filme errado por não estar claro o nome”.

Pagamento burocrático”.

O Login na Ingresso.com é terrível”.


Você sente falta de alguma funcionalidade e/ou algo que possa facilitar sua compra do ingresso online? Se sim, descreva

“Ter um link de acesso ao trailer do filme”.

Sim, a compra em si poderia ser facilitada pelo auto direcionamento ao meu local de preferência”.


1.2 Persona

A partir destas respostas, foram criadas duas personas, conforme a seguir:


1.3 História do usuário

A partir das respostas do questionário e das personas elaboradas, foram definidas as histórias dos usuários:

Marcos é um cinéfilo que gosta de assistir todos os filmes que o interessam no cinema, quer que o processo de compra do ingresso online seja simples e rápido para que sua experiência seja boa desde o início.


1.4 Mapa de Jornada do Usuário


2.Definição

2.1 Declaração de problema

Marcos é um cinéfilo que precisa comprar um ingresso na Ingresso.com com rapidez, porque não tem tempo para comprar na bilheteria do cinema.

2.2 Declaração de hipótese

Se Marcos utilizar o Ingresso.com, ele poderá comprar ingressos em diversos cinemas diferentes, de forma simples e rápida.


3.Idealização

3.1 Auditoria competitiva

Antes de iniciar o redesign, realizei uma auditoria competitiva com foco em usabilidade, acessibilidade e experiência de compra. Analisei os sites da Cinemark, Cinépolis (concorrentes diretos) e IMAX (concorrente indireto), observando boas práticas, falhas recorrentes e oportunidades de melhoria.

Principais aprendizados:

  • A Cinemark oferece uma jornada rica, com fidelidade e acessibilidade, mas o excesso de opções mal explicadas e o design antiquado geram fricção.

  • A IMAX tem visual moderno e foco tecnológico, mas não permite compra de ingressos diretamente pelo site, o que prejudica a experiência.

  • A Cinépolis apresenta navegação simples, porém com identidade visual fraca e pouca diferenciação da marca.

Oportunidades identificadas:

  • Clareza nas opções durante a compra (evitar termos ambíguos ou não explicados);

  • Reforço da identidade visual como diferencial competitivo;

  • Inclusão de recursos de acessibilidade para tornar a experiência mais inclusiva.

Esses insights foram essenciais para propor um redesign mais coeso, acessível e centrado no usuário.

3.2 Declaração de meta

Nosso site e aplicativo permitirá que os usuários comprem ingressos em diversos cinemas, o que afetará quem assistirá o filme pois todas as sessões disponíveis dos cinemas por região escolhida. Nós iremos mensurar a efetividade a partir do número de compras finalizadas em relação aos assentos reservados.


3.3 Fluxo de Jornada de Usuário


3.4 Storyboard

O storyboard foi construído com o seguinte cenário: um site que possibilita a compra de ingressos de cinema rapidamente.


3.4.1 Storyboard de visão geral

Na primeira etapa, o usuário encontra diversos filmes em cartaz, posteriormente, escolhe seu filme, horário e tipo de sessão (segunda etapa). É aberta uma página de processamento de pedido onde o usuário escolhe seu assento, tipo de ingresso e comida (terceira etapa), preenche seus dados de acesso ou escolhe entrar sem cadastro (quarta etapa), define a forma de pagamento e paga (quinta etapa), para então receber uma mensagem de confirmação de pedido (sexta etapa).


3.4.2 Storyboard de close-up

Para mapear melhor a experiência durante o fluxo de compra de ingressos, desenvolvi um storyboard com close-ups em momentos-chave da interação: como a escolha de assentos, opções de pagamento e confirmação final. Essa abordagem me ajudou a visualizar pontos de atenção do usuário, identificar possíveis fricções e garantir uma navegação mais fluida e intuitiva.


4. Prototipação

4.1 Arquitetura da Informação


4.2 Wireframes

Design Final

Design Final

O que eu aprendi?

Fazer redesign de um site já existente para mim é mais difícil do que criar algo novo, pois é preciso apresentar algo que seja realmente melhor do que o que já existia. A partir desse trabalho aprendi mais sobre a empatia com o usuário e tornar a vida dele mais fácil através da navegação.

  • Otimização de fluxos já existentes

  • Busca pelo “menos é mais”

Posso te ajudar a dar vida à sua ideia?

Considerações Finais

Quais foram os objetivos alcançados?

  • Deixar todos os principais fluxos mais simples e intuitivos.

  • Deixar a página mais limpa, sem poluição de informações.

Posso te ajudar a dar vida à sua ideia?

Posso te ajudar a dar vida à sua ideia?

Create a free website with Framer, the website builder loved by startups, designers and agencies.