Arquitetando um Ecossistema Digital do Torcedor

Da estratégia de produto ao design de interfaces para o aplicativo oficial do Sport Recife Clube.

Plataforma

Plataforma

B2B Mobile Application

(iOS & Android)

Meu Papel

Meu Papel

Product Designer

Duração

Duração

4 meses

Time

Time

Design de Produto + Engenharia Mobile e Backend

Design + Engenharia

Escopo

Escopo

Estratégia de UX, definição de MVP, design de alta fidelidade

Desafio

Construir o aplicativo oficial do Sport Club Recife significava muito mais do que criar uma interface para torcedores. O desafio era transformar uma visão de produto em um ecossistema digital escalável, conciliando estratégia, arquitetura de experiência e execução visual.


O projeto precisava:


  • Definir a experiência de um produto ainda em construção, estruturando seu MVP e a jornada do torcedor

  • Projetar dezenas de interfaces inéditas para diferentes contextos de uso, mantendo consistência entre elas

  • Integrar experiências como jogos ao vivo, notícias, classificação, ingressos, loja e sorteios em um único ecossistema

  • Lidar com dados esportivos em tempo real, sujeitos a mudanças constantes durante as partidas

  • Criar uma base reutilizável para futuras implementações white-label em outros clubes


Mais do que desenhar telas ou resolver fluxos isolados, o projeto exigia criar uma base de produto capaz de evoluir continuamente, mantendo uma experiência consistente para usuários e para o negócio.

Construído sobre a arquitetura de Design Tokens que desenvolvi no projeto de Dark Mode: prova de reuso real do sistema em produção.

Construir o aplicativo oficial do Sport Club Recife significava muito mais do que criar uma interface para torcedores. O desafio era transformar uma visão de produto em um ecossistema digital escalável, conciliando estratégia, arquitetura de experiência e execução visual.


O projeto precisava:


  • Definir a experiência de um produto ainda em construção, estruturando seu MVP e a jornada do torcedor

  • Projetar dezenas de interfaces inéditas para diferentes contextos de uso, mantendo consistência entre elas

  • Integrar experiências como jogos ao vivo, notícias, classificação, ingressos, loja e sorteios em um único ecossistema

  • Lidar com dados esportivos em tempo real, sujeitos a mudanças constantes durante as partidas

  • Criar uma base reutilizável para futuras implementações white-label em outros clubes


Mais do que desenhar telas ou resolver fluxos isolados, o projeto exigia criar uma base de produto capaz de evoluir continuamente, mantendo uma experiência consistente para usuários e para o negócio.

Construído sobre a arquitetura de Design Tokens que desenvolvi no projeto de Dark Mode: prova de reuso real do sistema em produção.

Resultados

O projeto tornou-se um marco estratégico para a Stations, fortalecendo a parceria com o Sport Club Recife e validando o futebol como uma vertical de negócio.


Impacto:

  • Aplicativo entregue em 4 meses

  • Avaliação 5.0 na App Store

  • Ecossistema com mais de 5 módulos integrados

  • Base reutilizável para futuras implementações white-label

  • Sistema de componentes reutilizáveis criado para acelerar novas funcionalidades

O projeto tornou-se um marco estratégico para a Stations, fortalecendo a parceria com o Sport Club Recife e validando o futebol como uma vertical de negócio.


Impacto:

  • Aplicativo entregue em 4 meses

  • Avaliação 5.0 na App Store

  • Ecossistema com mais de 5 módulos integrados

  • Base reutilizável para futuras implementações white-label

  • Sistema de componentes reutilizáveis criado para acelerar novas funcionalidades

O projeto tornou-se um marco estratégico para a Stations, fortalecendo a parceria com o Sport Club Recife e validando o futebol como uma vertical de negócio.


Impacto:


  • Aplicativo entregue em 4 meses

  • Avaliação 5.0 na App Store

  • Ecossistema com mais de 5 módulos integrados

  • Base reutilizável para futuras implementações white-label

  • Sistema de componentes reutilizáveis criado para acelerar novas funcionalidades

1

Biblioteca reutilizada por outros clubes esportivos

10+

Componentes exclusivos criados

5+

Módulos Principais

Trade-offs e restrições

O Design System existente não possuía componentes voltados para produtos de futebol.


Foi necessário criar uma biblioteca completamente nova pensando não apenas no Sport Recife, mas em futuros clientes.

  • Card de partida;

  • Tabela de classificação

  • Linha do tempo de eventos

  • Placar em tempo real.

A arquitetura foi planejada para separar estrutura e identidade visual.


Isso permitiu reutilizar componentes entre diferentes clubes sem depender de cores, escudos ou proporções específicas.


A identidade visual altamente saturada do Sport Recife serviu como teste de estresse da arquitetura.


A premissa era simples: se o sistema funcionasse para o cenário mais complexo, seria mais fácil adaptá-lo para marcas mais neutras.

O Design System existente não possuía componentes voltados para produtos de futebol.


Foi necessário criar uma biblioteca completamente nova pensando não apenas no Sport Recife, mas em futuros clientes.


  • Card de partida;

  • Tabela de classificação

  • Linha do tempo de eventos

  • Placar em tempo real.

A arquitetura foi planejada para separar estrutura e identidade visual.


Isso permitiu reutilizar componentes entre diferentes clubes sem depender de cores, escudos ou proporções específicas.


A identidade visual altamente saturada do Sport Recife serviu como teste de estresse da arquitetura.

]

A premissa era simples: se o sistema funcionasse para o cenário mais complexo, seria mais fácil adaptá-lo para marcas mais neutras.

O Design System existente não possuía componentes voltados para produtos de futebol.


Foi necessário criar uma biblioteca completamente nova pensando não apenas no Sport Recife, mas em futuros clientes.


  • Card de partida;

  • Tabela de classificação

  • Linha do tempo de eventos

  • Placar em tempo real.

A arquitetura foi planejada para separar estrutura e identidade visual.


Isso permitiu reutilizar componentes entre diferentes clubes sem depender de cores, escudos ou proporções específicas.


A identidade visual altamente saturada do Sport Recife serviu como teste de estresse da arquitetura.


A premissa era simples: se o sistema funcionasse para o cenário mais complexo, seria mais fácil adaptá-lo para marcas mais neutras.

Processo

Antes de desenhar as interfaces, estruturei o aplicativo a partir das principais jornadas do torcedor e do comportamento dos dados durante uma partida.

O produto foi organizado em módulos independentes, cada um representando uma experiência específica:


  • Jogo ao vivo

  • Histórico de partidas

  • Classificação e competições

  • Notícias

  • Ingressos

  • Loja

  • Sorteios

Embora independentes, todos compartilhavam os mesmos padrões de navegação, hierarquia e interação, garantindo uma experiência consistente em todo o aplicativo.


Como o futebol é um ambiente altamente dinâmico, as interfaces foram projetadas para condições reais de uso, considerando mudanças constantes de estado, atualizações em tempo real e informações que poderiam chegar de forma incompleta ou atrasada.

Jogos de futebol não são estados estáticos, mas transições contínuas.


  • Gols

  • Cartões

  • Substituições

  • Alterações no placar

  • Mudanças no status da partida

exigem diferentes níveis de prioridade e destaque para o torcedor.


Em vez de criar tratamentos específicos para cada evento, projetei um sistema flexível capaz de se adaptar aos diferentes estados de uma partida.


Resultado: uma experiência ao vivo consistente e escalável, capaz de acomodar novos cenários sem aumentar a complexidade da interface.


Impacto: mesmo nos momentos de maior intensidade, a informação permanece clara, priorizada e fácil de interpretar.

"Todo produto da Stations tem o propósito de fazer o algo a mais! Em nossa parceria com o Sport Club do Recife estamos trazendo o novo para o sócio torcedor: experiências que somam, funcionalidades que economizam tempo, vantagens que somente quem vivência poderá ter! Parabéns ao time Stations Cloud, vamos em frente!"

Gitano Gama

CEO, | Stations

"Todo produto da Stations tem o propósito de fazer o algo a mais! Em nossa parceria com o Sport Club do Recife estamos trazendo o novo para o sócio torcedor: experiências que somam, funcionalidades que economizam tempo, vantagens que somente quem vivência poderá ter! Parabéns ao time Stations Cloud, vamos em frente!"

Gitano Gama

CEO, | Stations

Aprendizados e Impacto

Este projeto mostrou que construir um produto SportsTech B2B vai além de entregar interfaces: exige criar uma base capaz de evoluir junto com o produto e acompanhar a estratégia de crescimento da empresa.


Os principais aprendizados foram:


  • Componentes reutilizáveis aceleram o desenvolvimento e criam uma fundação escalável para futuras implementações white-label.

  • Estruturar o produto em módulos independentes permite projetar dezenas de interfaces mantendo consistência entre diferentes jornadas.

  • Compreender a arquitetura dos dados é essencial para criar experiências resilientes em produtos que operam com informações em tempo real.

  • Em plataformas B2B, decisões de Product Design impactam diretamente a escalabilidade técnica, operacional e comercial do produto.

Este projeto mostrou que construir um produto SportsTech B2B vai além de entregar interfaces: exige criar uma base capaz de evoluir junto com o produto e acompanhar a estratégia de crescimento da empresa.


Os principais aprendizados foram:

  • Componentes reutilizáveis aceleram o desenvolvimento e criam uma fundação escalável para futuras implementações white-label.

  • Estruturar o produto em módulos independentes permite projetar dezenas de interfaces mantendo consistência entre diferentes jornadas.

  • Compreender a arquitetura dos dados é essencial para criar experiências resilientes em produtos que operam com informações em tempo real.

  • Em plataformas B2B, decisões de Product Design impactam diretamente a escalabilidade técnica, operacional e comercial do produto.

Este projeto mostrou que construir um produto SportsTech B2B vai além de entregar interfaces: exige criar uma base capaz de evoluir junto com o produto e acompanhar a estratégia de crescimento da empresa.


Os principais aprendizados foram:

  • Componentes reutilizáveis aceleram o desenvolvimento e criam uma fundação escalável para futuras implementações white-label.

  • Estruturar o produto em módulos independentes permite projetar dezenas de interfaces mantendo consistência entre diferentes jornadas.

  • Compreender a arquitetura dos dados é essencial para criar experiências resilientes em produtos que operam com informações em tempo real.

  • Em plataformas B2B, decisões de Product Design impactam diretamente a escalabilidade técnica, operacional e comercial do produto.

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