← Voltar

FilmaEu

FilmaEu, Reconstruindo a experiência do app de replays esportivos

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.

Papel
Product Designer
Duração
4 semanas
Ferramentas
Figma · Userberry · Miro
FilmaEu, Reconstruindo a experiência do app de replays esportivos

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.

Comecei pelo diagnóstico das principais queixas (reviews, tickets e feedbacks) e priorizei navegação, gravação e cadastro porque concentravam a maior parte da fricção. Cruzei com benchmark direto de Hudl e Veoplay pra achar o espaço vazio (nenhum deles ocupava a camada social do esporte amador), e validei o redesenho com testes moderados e não moderados no Useberry.

results.

Reestruturação do app em 3 frentes: navegação simplificada (4 menus, fluxo de replay em 3 toques), camada social (feed, ranking, compartilhamento) e cadastro enxuto removendo bloqueios de entrada. Entregou também style guide + roadmap priorizado pro time evoluir sem perder consistência.

activities.

  • Pesquisa com usuários
  • Desk Research
  • Benchmark competitivo
  • User Personas
  • Empathy Map
  • User Journey
  • User Flow
  • Arquitetura de informação
  • Wireframe
  • Style Guide
  • Protótipo navegável
  • Teste de usabilidade

4

Semanas de discovery + design

3

Frentes de dor mapeadas

2

Concorrentes no benchmark

43%

% das queixas em navegação

context.

O produto

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.

Meu papel

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.

Duração

4 semanas de trabalho intensivo, organizadas em ciclos curtos: 1ª Entender, 2ª Definir e Idear, 3ª Projetar, 4ª Testar e iterar.

Por que importava

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.

Diagnóstico por dor → priorização → validação com usuário

Em vez de rodar framework de manual, ancorei o trabalho em três decisões: diagnosticar as queixas reais antes de desenhar, priorizar as três frentes que concentravam a fricção (navegação, gravação, cadastro) e fechar cada ciclo com teste de usuário no Useberry pra iterar antes de entregar.

  1. 01

    Entender

    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.

  2. 02

    Definir

    Consolidei os problemas: navegação confusa, comunidade ausente, barreiras de cadastro. O recorte virou base do roteiro de ideação.

  3. 03

    Idear

    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.

  4. 04

    Projetar

    Wireframes, mockups e protótipos interativos no Figma. Em paralelo, construí o style guide pra padronizar a linguagem visual.

  5. 05

    Testar

    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.

Entendendo o problema e levantando requisitos

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:

  1. 01

    Pesquisa com usuários

    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'.

  2. 02

    Benchmark competitivo

    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.

  3. 03

    Análise quantitativa

    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.

  4. 04

    Persona e Mapa de Empatia

    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.

O desafio identificado: usabilidade, confiabilidade e onboarding

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

Um atleta amador aciona o botão no melhor lance do jogo de domingo, abre o app à tarde pra reviver com os amigos, e o lance não foi gravado, ou foi, mas ele não acha onde. A frustração não fica no app, fica na marca. Na semana seguinte, ele já não confia.

proposed solution.

App mais simples, mais social e mais confiável

Três cortes: **navegação** (fluxo de replays em menos toques), **social** (deixar de ser repositório e virar espaço de convivência) e **cadastro** (remover os bloqueios que matavam a porta de entrada).

Principais features

  • +Interface simplificada com 4 menus principais: Início, Pesquisa, Prêmios e Perfil
  • +Fluxo de geração de replay reduzido a poucos toques (selecionar data → selecionar horário → highlight)
  • +Camada social: feed, ranking semanal, vídeos em destaque e comentários
  • +Personalização: adicionar música própria aos replays pra deixar o highlight com a cara do usuário
  • +Sistema de prêmios e conquistas pra estimular recorrência
  • +Cadastro enxuto, eliminando os bloqueios reportados
  • +Style guide consistente, dando base pro time evoluir o produto sem perder linguagem

A oportunidade

A oportunidade passava por endereçar dores estruturais que afetavam retenção e aquisição:

  • Reduzir a frustração de não encontrar funções (43% das queixas)
  • Aumentar a confiança de que o lance vai estar lá quando o usuário abrir
  • Engajar via comunidade, quem compartilha replay traz amigos pro app
  • Diminuir abandono no cadastro com um onboarding leve
  • Posicionar o FilmaEu como o app social do esporte amador (espaço que Hudl e Veoplay não ocupam)

screens.

Telas do app, fluxo redesenhado

Recortes dos principais fluxos: onboarding, feed social, busca de replays, preferências, perfil e prêmios.

Tela de login do FilmaEu
Login, entrada simplificada
Etapa 3 do cadastro
Onboarding, cadastro enxuto
Feed inicial do app
Início, feed social com lives
Tela de busca por data e horário
Pesquisar, selecionar data e horário
Seleção de local
Escolha de local, busca de quadras
Preferências de esportes
Preferências, esportes favoritos
Perfil do usuário com destaque
Perfil, destaques e favoritos
Tela de conquistas e troféus
Prêmios, sistema de conquistas

design system.

Style guide & Design System, a base que fez o app sair do papel

Construí do zero o Design System do FilmaEu, calibrado com o time de tech antes de fechar tokens. Tipografia Poppins em 6 escalas, paleta ancorada no laranja da marca, biblioteca de componentes com estados (default, hover, ativo, desabilitado, erro) e +30 telas de aplicação documentadas no Figma.

Design System do FilmaEu, tipografia Poppins, paleta laranja, componentes e telas de aplicação
Design System FilmaEu v4.0, tipografia, cores, componentes, ícones, chips e telas de aplicação

Validado com o time de tech

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.

Tokens nomeados, não pixels soltos

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.

Componentes com estado, não só com aparência

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.

Documentação viva no Figma

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.

Tempo pra montar telas novas caiu de dias pra horas, retrabalho de UI diminuiu drasticamente e o produto passou a evoluir com consistência entre features. DS virou ativo vivo do time, não documento esquecido.

results.

De app travado e confuso a uma experiência fluida de gravar e reviver o jogo

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 trabalho não parou nas telas: entregou ao time uma base viva (style guide + roadmap priorizado por impacto) pra continuar evoluindo sem perder o usuário no meio do caminho. A escuta cruzada com dado quantitativo e teste no fim do ciclo transformou o redesign de opinião em decisão defensável.

key takeaways.

O que esse case demonstra

  1. 01

    Confiabilidade é feature. Pra um app cujo valor é registrar o momento, perder o momento é perder o produto inteiro. Estabilidade não é polimento, é o core.

  2. 02

    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.

  3. 03

    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.

  4. 04

    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.

  5. 05

    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.

  • User Research

    Pesquisa com usuários, desk research, análise quantitativa, persona, empathy map e user journey

  • Strategic Design

    Benchmark competitivo, priorização por impacto, conexão entre dor de usuário e métrica de produto

  • Interaction Design

    Arquitetura de informação, user flow, wireframes e protótipos navegáveis no Figma

  • Visual Design

    Construção de Style Guide do zero, padronização de componentes e linguagem visual coerente

  • Usability Testing

    Testes moderados e não moderados via Userberry, síntese de achados e ciclo de iteração

  • Cross-Functional Collaboration

    Trabalho em sintonia com produto, engenharia e suporte usando Jira, Miro e Google Meet

stack.

FigmaUserberryMiroJiraAmplitudeGoogle Meet

thanks for reading.

Quer entender melhor como conduzo discovery? Vamos conversar.

Ver mais cases

Outros cases