Revitalizando a marca e a interface de um aplicativo de eventos roraimenses

Redesign de identidade visual e UI para aplicativo de venda de ingressos para eventos em Boa Vista - RR

2024

4 meses

ui design

criação de artefatos

TL;DR

Redesign visual completo de um projeto criado como TCC do Técnico em Informática de ex-alunos do IFRR. Desenvolvi nova identidade visual, padronizei a interface e criei 100+ telas e componentes, tudo com foco em modernizar a marca, resolver inconsistências visuais e criar um guia de estilo documentado.

contexto

O Ticket Inteligente foi criado como trabalho de conclusão do curso Técnico em Informática Integrado ao Ensino médio, focado no problema real de descoberta de eventos culturais em Boa Vista, Roraima.

Após a formatura, um dos integrantes da equipe me procurou para ajudar com os próximos passos do projeto.

O trabalho acadêmico tinha uma base sólida de pesquisa — mas visualmente, o projeto precisava de consistência para avançar.


4 mockups dos recursos recebidos no início do projeto: TCC mostrando página com logo inicial, telas e gráficos; diagrama de classe; capa do TCC; e diagrama de sequência geral.
Artefatos recebidos pela equipe no início do projeto

Os problemas que encontrei

Quando recebi o projeto, identifiquei alguns pontos que precisavam de atenção:

Mostras das inconsistências visuais no design do Ticket Inteligente, como cores diferentes para o mesmo elemento, fontes diferentes, espaçamentos diferentes e falta de documentação.
Algumas das inconsistências visuais identificadas no projeto

Minha abordagem

Comecei revisando toda a documentação existente para entender o projeto e seu contexto. A partir daí, organizei as informações em formatos mais práticos: criei resumos, mapas de fluxo do usuário e análises competitivas focadas.

Mapa de fluxo do usuário reorganizado com etapas principais e secundárias
Fluxo do usuário criado para entender a solução por completo
Documentos organizados: resumo do projeto, definição do problema, análise competitiva e perspectivas reorganizadas.

Essa documentação organizou as informações dispersas e criou uma base sólida para as decisões visuais que viriam a seguir.

Decidi criar nova identidade e interface de forma mais consistente partindo do que já existia. Meu processo incluiu:

Rebranding visual

A identidade original estava bem genérica: esse é um projeto super legal criado por alunos do curso de Informática do IFRR, a marca deve refletir isso!

Criei uma versão que celebrasse as origens do projeto no curso técnico - usei uma paleta vibrante e jovem baseada nas cores originais, tipografia monoespaçada que faz referência à programação, e detalhes inspirados em pixels.

Mostra da identidade visual do Ticket Inteligente antes da minha intervenção, com cores desbotadas e aparência genérica, e depois da minha intervenção, com cores vibrantes e referências à história da equipe.
Antes e depois da identidade visual do Ticket Inteligente

Padronização da interface

Criei novos componentes de interface e os organizei em um guia de estilo abrangente documentado no Figma. Isso incluiu:

Mostra do guia de estilo criado para o Ticket Inteligente, incluindo sistema tipográfico e de cores.
Parte do guia de estilo que criei
Mostra de alguns dos componentes criados para o Ticket Inteligente, como botões, campos de texto, ícones e outros elementos de interface.
Alguns dos componentes que criei e organizei

Redesign e prototipação das telas

Com a base visual definida, redesenhei todas as telas aplicando a nova identidade e os componentes padronizados. Criei mais de 100 telas cobrindo diferentes fluxos: descoberta de eventos, compra de ingressos, visualização de tickets adquiridos e gerenciamento de conta.


Fluxo de aquisição de ingresso gratuito
Fluxo de compra de ingresso
Fluxo de plano premium, com possibilidade de publicar seus próprios eventos

O que foi entregue

Ao final do projeto, a equipe recebeu:

O que começou como um projeto acadêmico agora está no caminho certo para escalar e resolver um problema real de Roraima.

E se fosse real?

Para transformar este protótipo em produto de mercado, seria necessário:


A equipe original do Ticket Inteligente e amigos reunidos no auditório, sorrindo e comemorando a conclusão do projeto e do ensino médio
A equipe original do Ticket Inteligente e amigos comemorando a apresentação do TCC

O que aprendi

Este foi meu primeiro projeto envolvendo componentização extensiva e criação de guias de estilo completos. Algumas reflexões:

Foi extremamente gratificante trabalhar em um projeto que começou como TCC dos meus ex-colegas e ver como pude contribuir para deixá-lo visualmente mais consistente.

Veja também

Prototipando história digital interativa que ensina o clima espacial para crianças

Capa do estudo de caso