Contexto

O site possuía muitas informações sem uma hierarquia bem definida, confundindo o usuário

O desafio em fazer um redesign da experiência de compra no Theatro Municipal começou com uma análise de como o site funcionava no momento no início do projeto, chamada por Análise Heurística. Isso apontou alguns problemas a serem amenizados, como podemos ver a seguir.

Detalhes do problema

Falta de feedback ao usuário ao realizar uma ação dentro do site

Site não informa assentos aptos para compra

Ao clicar na área de ingressos, não era possível retornar à página inicial

Falta de identidade visual consistente

Catálogo com espetáculos que não estavam disponíveis para a compra

Criação de personas

Para entender o público que iria ter acesso ao plataforma e passar por toda a experiência de compras, definimos personas para guiar ao longo de todo o processo de design.

Maria, 65 anos, aposentada.

COMPORTAMENTOS E AÇÕES

Idosa, fisicamente ativa, ama animais, ama arte, visita teatros e museus.

DETALHES DEMOGRÁFICOS E PSICOGRÁFICOS

Casada, mora na Zona Sul do Rio, classe B, tem 2 filhos jovem-adultos, brasileira e carioca.

NECESSIDADES E DORES

Gostaria que a família fosse mais interessada em programas culturais, sente dificuldade de achar peças

de teatro no Brasil, pois sente que
é pouco divulgado. Encontra dificuldade na navegação de site
e aplicativos muito complexos, além da dificuldade na leitura de letras muito pequenas.

BEATRIZ, 24 ANOS, ESTUDANTE

COMPORTAMENTOS E AÇÕES

Cinéfila, holística, fisicamente ativa, ama ler, gosta de podcasts, sonha em viajar o mundo, visita museus.

DETALHES DEMOGRÁFICOS E PSICOGRÁFICOS

Solteira, mora na zona norte do Rio, classe C, pesquisadora bolsista, quer ser professora, brasileira e carioca.

DORES E NECESSIDADES

Heavy User de celular, logo, precisa de uma interface leve que carregue a internet rapidamente. Sente dificuldade de se organizar e ser pragmática. Dificuldade para juntar dinheiro para atingir seus objetivos de viagem.

Pilares do projeto

A partir da coleta de todas as informações, definimos pilares que nos guiasse a criar uma interface que faça sentido com o Theatro.

Acessibilidade, arte, cultura e valorização da arte

Solução

Começamos por fazer um fluxograma para mapear como o site seria de forma a encontrar as informações com facilidade.

A partir disso, começamos a produzir protótipos de baixa fidelidade para validar o fluxo que iria ser criado. Com esses protótipos, podíamos fazer testes e correções rapidamente para garantir que a entrega final faria sentido.

Documentação de componentes

Criamos e documentamos também todos os componentes utilizados no website, além de suas tipografias com seus tamanhos e cores.

A entrega

Foi entregue todo um processo de navegação e compra no Theatro Municipal para Web e Mobile, de forma que fosse moderno mas ao mesmo tempo lembrassem alguns detalhes da arquitetura.