FilmaEu
Como transformei um app travado e confuso em uma experiência fluida de gravar, rever e compartilhar jogadas — guiado por Design Thinking e teste com usuários reais.
challenge.
O app do FilmaEu sofria com travamentos, interface confusa e falhas na gravação — justamente a funcionalidade principal. 43% das reclamações eram sobre navegação não intuitiva e 20% sobre lances que simplesmente não eram capturados. Pra um produto cujo valor é registrar o gol incrível, perder o gol incrível é fatal.
how I solved.
Apliquei Design Thinking em 5 etapas (Entender → Definir → Idear → Projetar → Testar): escutei usuários, fiz benchmark com Hudl e Veoplay, montei personas e mapa de empatia, redesenhei o fluxo com foco em simplicidade e construí um style guide do zero. No final, validei com testes moderados e não moderados usando o Userberry.
results.
Entreguei uma proposta de reestruturação do app priorizando 3 frentes: simplificar a navegação do fluxo de replays, adicionar camada social (compartilhar, curtir, ranking) e reduzir fricção no cadastro. Mais do que telas novas, o trabalho deu ao time uma base sólida — style guide + roadmap priorizado — para evoluir o produto com consistência.
activities.
4
Semanas de discovery + design
3
Frentes de dor mapeadas
2
Concorrentes no benchmark
43%
% das queixas em navegação
context.
O FilmaEu é um sistema integrado de captura de vídeo pra atletas e entusiastas do esporte. Câmeras instaladas em quadras + um botão de acionamento rápido pra registrar jogadas marcantes durante o jogo. Os replays caem no app, onde o usuário visualiza, baixa e compartilha seus highlights.
Atuei como Product Designer responsável por melhorar a experiência do aplicativo, conduzir a pesquisa com usuários, redesenhar os principais fluxos e construir um style guide reutilizável pelo time.
4 semanas de trabalho intensivo, organizadas em ciclos curtos: 1ª Entender, 2ª Definir e Idear, 3ª Projetar, 4ª Testar e iterar.
Pra um atleta amador, perder a gravação do gol da virada não é só bug — é frustração com o produto inteiro. O valor do FilmaEu mora na confiabilidade. Sem isso, o app vira lembrança ruim e o usuário desinstala.
methodology.
Organizei o projeto seguindo o framework clássico do Design Thinking — Entender, Definir, Idear, Projetar e Testar. Cada etapa alimentou a próxima e me obrigou a validar premissas antes de desenhar tela. A última semana foi inteira dedicada a testar com usuário real e iterar.
Mergulhei no contexto do usuário: análise de feedback, leitura de reviews e revisão dos dados de uso do app pra entender onde a dor mais aparecia.
Consolidei os problemas: navegação confusa, comunidade ausente, barreiras de cadastro. O recorte virou base do roteiro de ideação.
Brainstormings com o time e sessões de co-criação com usuários pra gerar caminhos de solução, sem amarrar em uma única ideia cedo demais.
Wireframes, mockups e protótipos interativos no Figma. Em paralelo, construí o style guide pra padronizar a linguagem visual.
Testes moderados e não moderados no Userberry, com captura de comportamento em tempo real e ciclo de iteração antes do entregável final.
discovery.
O discovery começou pela escuta. Antes de redesenhar qualquer tela, precisei entender o que o usuário sentia ao abrir o app — e o que os concorrentes já tinham resolvido. Quatro frentes nortearam o trabalho:
Entrevistas com atletas amadores e leitura crítica de reviews e tickets de suporte. O vocabulário se repetia: 'trava', 'não gravou', 'não acho onde'.
Análise de Hudl (forte em análise de performance) e Veoplay (forte em multi câmera e transmissão ao vivo). Identifiquei o gap: FilmaEu tinha gravação instantânea + personalização, mas perdia em estabilidade e clareza.
43% das queixas sobre navegação, 23% sobre travamentos, 20% sobre falhas de gravação, 10% sobre acesso a funções, 5% sobre lentidão, 5% sobre conexão. O peso dos números deu prioridade aos esforços.
Persona principal: Esportista Amador. O mapa de empatia evidenciou frustração, dúvida da própria competência tecnológica e esperança de melhoria — sinal claro de que ainda havia espaço pra reconquistar o usuário.
Três problemas se cruzavam e amplificavam um ao outro:
• Usabilidade: interface confusa, difícil descobrir como gerar e acessar replays. • Desempenho inconsistente: travamentos no player, lentidão no carregamento e falhas na gravação dos lances importantes. • Barreiras de cadastro: problemas no fluxo de criação de conta impediam novos usuários de acessar funcionalidades essenciais — perda na porta de entrada.
impacto real
Pensa em um atleta amador que joga no domingo de manhã. Ele paga pela quadra, aciona o botão no melhor lance da partida, abre o app à tarde pra reviver com os amigos — e descobre que o lance não foi gravado. Ou pior: foi gravado, mas ele não consegue achar onde está. A frustração não fica no app, fica na marca. E na próxima semana ele já não confia.
proposed solution.
A proposta foi reduzir radicalmente a fricção em três pontos críticos: simplificar o fluxo de geração e acesso aos replays, transformar o app em uma camada social leve (não só repositório de vídeos) e enxugar o cadastro pra eliminar a barreira de entrada.
A oportunidade passava por endereçar dores estruturais que afetavam retenção e aquisição:
screens.
Recortes dos principais fluxos: onboarding, feed social, busca de replays, preferências, perfil e prêmios.
design system.
Junto com o redesign, construí do zero o Design System do FilmaEu. Não era luxo: o time de engenharia precisava entregar rápido, em duas plataformas, sem retrabalho de pixel. Defini tipografia (Poppins em 6 escalas), paleta principal ancorada no laranja da marca, biblioteca de componentes (botões, inputs, chips, toggles, ícones) e mais de 30 telas de aplicação documentadas — tudo no Figma, com tokens nomeados e exemplos de uso lado a lado.
Antes de fechar tokens e componentes, sentei com o time de engenharia pra mapear o que era viável no stack mobile, o que doía implementar e onde a gente perdia tempo replicando estilo. O DS nasceu já calibrado pra realidade do código — sem componente bonito que ninguém consegue construir.
Cores, espaçamentos, raios e tipografia entraram como tokens semânticos no Figma. Dev pega o nome, não a cor. Quando o laranja precisou ajustar contraste, mudou em um lugar e propagou no app inteiro — sem caça ao tesouro em 30 telas.
Cada componente foi entregue com seus estados (default, hover, ativo, desabilitado, erro, selecionado) e regras de uso. Isso eliminou a pergunta clássica do 'como fica quando…' e cortou ida e volta entre design e dev.
Mantive o style guide na mesma fonte de verdade que o time já usava. Tipografia, paleta, ícones e componentes ficaram numa página única, com exemplos de aplicação reais — login, perfil, feed, conquistas — pra ninguém precisar imaginar como junta.
Resultado direto: o time de tech ganhou velocidade pra montar telas novas (de dias pra horas), o retrabalho de UI caiu drasticamente e o produto passou a evoluir com consistência visual entre features. O DS virou ativo do time — não documento esquecido — e segue como base pras próximas versões do app.
results.
antes
Navegação
✗ Usuário se perde tentando achar as funções
Gerar replay
✗ Fluxo confuso, não fica claro como acionar
Player de vídeo
✗ Lento e propenso a travamentos
Cadastro
✗ Barreiras impedem novos usuários de entrar
Compartilhar
✗ Difícil mandar pros amigos ou pras redes
Personalização
✗ Não dá pra colocar música própria
App lembrado pela frustração, não pelo gol
depois
Navegação
✓ 4 menus claros, jornada óbvia
Gerar replay
✓ Selecionar data → horário → highlight
Player de vídeo
✓ Estável, foco em carregar rápido
Cadastro
✓ Fluxo enxuto, fricção mínima
Compartilhar
✓ Integrado às redes em 1 toque
Personalização
✓ Música própria + edição de highlights
App lembrado pela emoção de reviver o jogo
conclusion.
O case do FilmaEu mostrou na prática como Design Thinking deixa de ser metodologia de slide quando você cruza dado quantitativo, escuta qualitativa e teste com usuário no fim do ciclo. Mais do que entregar telas bonitas, o trabalho devolveu pro time uma base — style guide + roadmap priorizado por impacto — pra continuar evoluindo o produto sem perder o usuário no meio do caminho.
key takeaways.
Confiabilidade é feature. Pra um app cujo valor é registrar o momento, perder o momento é perder o produto inteiro. Estabilidade não é polimento — é o core.
Número direciona, escuta explica. Saber que 43% das queixas são de navegação me dá prioridade. Mas só ouvindo o usuário entendi por que ele não acha o botão.
Benchmark mostra o espaço vazio. Hudl ocupa performance, Veoplay ocupa transmissão. O espaço social do esporte amador estava aberto — e era exatamente onde o FilmaEu podia crescer.
Style guide é entrega de discovery. Deixar um style guide funcionando é o que faz o redesign sobreviver depois que o designer sai. Sem ele, o trabalho dura um sprint.
Teste no fim valida o caminho. Userberry com testes moderados e não moderados deu a leitura honesta de onde a proposta segurava e onde ainda doía. Iterar com isso na mão é barato; iterar depois do lançamento é caro.
skills demonstrated.
Pesquisa com usuários, desk research, análise quantitativa, persona, empathy map e user journey
Benchmark competitivo, priorização por impacto, conexão entre dor de usuário e métrica de produto
Arquitetura de informação, user flow, wireframes e protótipos navegáveis no Figma
Construção de Style Guide do zero, padronização de componentes e linguagem visual coerente
Testes moderados e não moderados via Userberry, síntese de achados e ciclo de iteração
Trabalho em sintonia com produto, engenharia e suporte usando Jira, Miro e Google Meet
stack.
thanks for reading.
Quer entender melhor como conduzo discovery? Vamos conversar.
Ver mais casesOutros cases
