Sobre o case

O redesign do aplicativo Tecnofit é um movimento estratégico para unificar o ecossistema (Tecnofit e Tecnofit Box) em uma experiência única e fluida.

Com mais de 1 milhão de downloads e nota 4.9★, o desafio é modernizar a interface e a arquitetura de informação sem perder a usabilidade que os alunos já confiam, eliminando fricções históricas de navegação.

1. Login e seleção de empresa

Reestruturamos o fluxo de login e autenticação para resolver a complexidade de alunos que frequentam múltiplas unidades. Através de um mapeamento de hierarquia no Figma, simplificamos a jornada de entrada, tornando a transição entre diferentes academias do mesmo ecossistema um processo linear e previsível.

Mudanças aplicadas

• Primeiro contato simplificado

  Redução de decisões logo no primeiro contato.

• Fluxo de acesso reorganizado

  Separação mais clara entre login e seleção de empresa.

• Experiência multi-unidade

  Melhor orientação para usuários com múltiplas unidades.

• Navegação mais previsível

  Redução de pontos de abandono no fluxo de entrada.

2. Home e navegação

Substituímos o antigo menu hambúrguer por uma Tab Bar dinâmica. Para definir a nova arquitetura, colaborei com o time de engenharia em um mapeamento item a item processado por IA, que aliado aos meus benchmarks e fluxos no Figma, permitiram organizar as funcionalidades por frequência real de uso. O resultado é um menu 'Full Screen' com taxonomia clara e acesso imediato ao que importa.

Direcionamento de navegação

• Acesso rápido e contextual

  Acesso direto a funções mais usadas.

• Navegação orientada por uso

  Baseado em frequência de uso, não apenas na estrutura do app.

• Menos profundidade

  Redução da profundidade de navegação entre funcionalidades.

• Ecossistema unificado

  Base para futura unificação do ecossistema Tecnofit.

3. Treinos e Wearables

A integração com Apple Watch já é uma realidade, com uso diário consolidado. Reduzimos a fricção do treino permitindo o registro direto pelo pulso. Além do design da interface para wearables, implementamos tags de identificação no app mobile para diferenciar treinos realizados via relógio, criando uma base sólida para a expansão do ecossistema para outros dispositivos.

Ecossistema de treino

• Integração com Apple Watch

  Autonomia para o aluno treinar sem o celular por perto.

• Menos input manual

  Redução da dependência de ações manuais durante o treino.

• Treino em tempo real

  Integração contínua com a rotina de treino do usuário.

4. Contratos e agenda

O desafio da agenda era unificar comportamentos distintos: o agendamento fixo (academias tradicionais) e o sistema de check-in dinâmico (Crossfit/Box). Com base em pesquisas qualitativas com usuários internos, redesenhamos a usabilidade e a nomenclatura de ações, eliminando a duplicidade de fluxos e permitindo que o aluno gerencie contratos (incluindo o novo Plano Família) de forma centralizada.

Direcionamentos de produto

• Plano família

  Estrutura de dependentes integrada ao produto.

• Agenda unificada

  Unificação de agenda entre diferentes produtos.

• Experiência sem duplicidade

  Redução de fluxos e experiências redundantes.

• Visão de ecossistema

  Navegação pensada como uma plataforma única.

5. Ícones e design system

Para sustentar a nova interface e garantir a consistência entre os apps unificados, desenvolvemos um set de ícones 'Pixel-perfect' proprietários do zero. O foco foi criar uma base sólida para o Design System, garantindo que cada símbolo comunique ações de forma imediata em diferentes densidades de tela, respeitando as particularidades do ecossistema fitness brasileiro.

Decisões de sistema

• Escalas de ícones

  Ícones desenvolvidos em 16px e 24px.

• Precisão visual

  Pixel-perfect para diferentes densidades de tela.

• Consistência entre produtos

  Padronização visual entre componentes do sistema.

• Contexto local

  Inclusão de ícones adaptados ao contexto brasileiro, como PIX.

• Base para expansão

  Estrutura preparada para crescimento do design system.

Sobre o case

O App Studiio nasceu para oferecer uma solução intuitiva e de fácil aprendizagem para negócios baseados em agenda fixa, como estúdios de pilates, yoga, dança e clínicas de fisioterapia. Desenhado sob o modelo Product-Led Growth (PLG), o aplicativo permite que o usuário baixe, configure e contrate tudo de forma 100% autônoma, sem a necessidade de treinamento.

Assumi o design do produto em abril de 2022, guiando toda a experiência do aplicativo do início até a sua expansão internacional. Em parceria com o time de tecnologia e produto, fui responsável por simplificar a jornada do usuário e melhorar a usabilidade com base em dados e pesquisas de mercado. Como resultado, alcançamos nota 4,8★ nas lojas de forma 100% orgânica e uma alta taxa de conclusão no onboarding, validando que os usuários aprenderam a mexer no app sozinhos.

1. Mobile-first em um terreno desenhado para desktop

O aplicativo nasceu para ser mobile-first e atender negócios de agenda fixa, mas os protótipos iniciais herdaram a complexidade do SaaS original de computador. Defendi o retorno imediato ao foco no celular e redesenhei os fluxos em poucas semanas.

Essa mudança casou perfeitamente com o desenvolvimento em Flutter e garantiu uma interface fluida, otimizando a agenda fixa mesmo precisando adaptar as complexas regras de negócio do sistema Tecnofit.

Mudanças aplicadas

• Redesenho dos fluxos

  A partir da pesquisa de mercado feita pelo Product Manager.

• Padrões mobile-first

  Base do design system construída do zero.

• Evolução da agenda

  Refinamento visual para garantir clareza e rapidez no uso mobile.

2. Tutoriais integrados: Aprender fazendo

Para o usuário conseguir fazer tudo sozinho, o tutorial tem a obrigação de funcionar. Transformei o aprendizado em ações reais dentro do produto, criando um "Wizard" baseado em vídeos e fluxos guiados (como a marcação de presença e falta). Essa abordagem de onboarding por interação eliminou manuais e permitiu um salto com média de 60% na taxa de conclusão, garantindo que o usuário ative o produto no primeiro uso.

Estratégias de ativação

• Wizard de interação

  Aprendizado prático de fluxos complexos via gestos e feedbacks visuais.

• Funil de ativação

  salto na conclusão do onboarding em apenas quatro meses.

• Ações que geram valor

  Cada etapa do tutorial resulta em um dado real configurado no estúdio.

• Linguagem do negócio

  Copys reescritos para o dia a dia do gestor, eliminando termos técnicos.

3. Arquitetura da agenda e regras de negócio

A agenda é o coração do Studiio, mas sua lógica é complexa: precisávamos unir a agenda fixa (horários recorrentes) e a agenda por sessões (check-ins dinâmicos) sem gerar travas. Através de pesquisas qualitativas, redesenhei o componente para que o vínculo entre modalidade, plano e horário fosse automático. O resultado é uma interface que absorve a regra de negócio para que o gestor foque apenas no atendimento.

Direcionamentos de design

• Dualidade de modelos

  Coexistência entre horários fixos e sessões avulsas.

• Vínculos automáticos

  Regra invisível: o plano já define o acesso à aula.

• Validação com gestores

  Rodadas de teste via Meet para refinar a nomenclatura.

4. Gatilhos de conversão e estratégia PLG

A estratégia de monetização do Studiio foi desenhada para não interromper o fluxo de valor. O modelo freemium é altamente atrativo, mas possui um teto claro: o limite de alunos ativos. Isso cria um modelo onde o usuário só paga quando o seu estúdio prospera.

Para acelerar essa conversão, utilizamos gatilhos de "venda por curiosidade", como a lista de aniversariantes, que é exibida de forma desfocada para usuários gratuitos, transformando um dado emocional em um motor de contratação.

Psicologia de conversão

• Teto de alunos ativos

  A única trava real é baseada no volume de alunos, escalando conforme o sucesso do estúdio.

• Gatilho de curiosidade

  Uso de "blur" em listas de aniversariantes para gerar desejo por funcionalidades premium.

• Ancoragem emocional

  Transformação de lembretes sociais em gatilhos de venda simples e baratos de produzir.

• Conversão self-Service

  Jornada de checkout 100% autônoma via loja, sustentando o modelo de baixo custo.

5. Ciclo de iteração e crescimento orgânico

O sucesso do Studiio não veio de um lançamento único, mas de um ciclo rigoroso de iterações semanais. Trabalhando próximo ao PM e à engenharia, transformamos métricas de comportamento em melhorias reais de interface. Esse processo permitiu que o produto alcançasse um crescimento 100% orgânico, onde a satisfação do usuário e a nota 4.8★ nas lojas se tornaram nossos principais motores de aquisição.

Cultura de produto

• Design orientado a dados

  Análise semanal de métricas para priorização de backlog.

• Feedback em tempo real

  Voz do usuário integrada ao ciclo de desenvolvimento.

• Manutenção de qualidade

  Foco na nota 4.8★ como métrica de saúde do negócio.

• Evolução sustentada

  Crescimento contínuo sem dependência de mídia paga.

Sobre o case

O Tecnofit Personal é a solução voltada para personal trainers gerenciarem seus alunos, treinos, avaliações e cobranças. O produto opera no modelo freemium, oferecendo uma versão gratuita de entrada e o plano Performance (mensal ou anual) para quem precisa escalar o negócio.

Nesse ecossistema, o plano gratuito vai muito além de um modelo de negócios: ele funciona como a principal vitrine da marca. É o ambiente onde o profissional valida a proposta de valor no dia a dia. Por isso, desenhar uma estratégia de conversão exigia o respeito absoluto a essa função estrutural, uma premissa que guiou cada decisão de design do projeto.

1. Diagnóstico: A oferta passiva num produto guiado pelo uso

O personal trainer não compra por impulso. Ele precisa cadastrar alunos, montar treinos e viver o app antes de perceber o real valor da assinatura. A oferta ficava oculta de forma passiva em "Navbar > Configurações". Quem acessava já havia decidido comprar, deixando de capturar quem explorava o app. Essa barreira impedia o usuário de entender o local de compra, gerando dúvidas recorrentes no suporte.

Nossa hipótese foi direta: introduzir gatilhos contextuais indicaria com clareza quais recursos eram exclusivos para assinantes. Ativar esses pontos durante o uso e capturar a intenção logo no primeiro acesso destravaria o volume de conversões.

Tensões no design

• Visibilidade vs. Invasividade

  Aparecer nos pontos de valor, sem virar pop-up agressivo.

• Aquisição vs. Ticket Médio

  O anual eleva o ticket; o mensal prioriza o volume.

• Urgência Genuína

  Criar escassez que soe crível e respeite o usuário.

• Conversão In-App

  O produto assumindo o papel de capturar a intenção.

2. Pesquisa e benchmark: Absorvendo padrões do mercado

Para buscar referências consolidadas de Product-Led Growth (PLG), analisei oito produtos de alta maturidade fora do mercado fitness, como YAZIO, Foodvisor e Calm. Olhar para mercados adjacentes permitiu absorver padrões de conversão testados globalmente em grande escala, evitando a simples replicação de concorrentes diretos.

A pesquisa validou que produtos maduros combinam dois sistemas complementares: gatilhos contextuais distribuídos pela jornada diária e um fluxo dedicado no primeiro login para capturar a intenção inicial. Essa estrutura pautou o projeto, priorizando interações honestas (sem falsas escassezes) e sinalizações que não travam o uso básico do profissional.

Diretrizes da pesquisa

• Mercados maduros

  Análise focada em referências como Foodvisor, YAZIO e Calm.

• Urgência real

  Timers temporários reais no primeiro acesso, abolindo falsas escassezes.

• Atrito zero no uso

  Sinalizar o potencial premium sem travar os dados existentes.

• Paywall cadenciado

  Microinterações destacando funcionalidades premium.

3. Gatilhos contextuais: Interação no momento certo

Posicionei cada ponto de conversão exatamente onde o usuário interage com um recurso premium. O 'card' que exibe o limite de alunos ativos, por exemplo, só surge quando o personal visualiza a lista de alunos e está próximo do limite, capturando a intenção real no momento exato em que a necessidade aparece.

A estratégia de copy eliminou termos técnicos e focou no benefício prático que o aplicativo entrega. Entendemos que o personal trainer não compra funcionalidades isoladas, mas sim o valor e a experiência que ele oferece aos seus alunos no dia a dia.

Onde os gatilhos vivem

• Home

  Banner integrado logo após a conclusão do onboarding.

• Lista de alunos

  Card sendo exibido ao atingir o limite gratuito de alunos.

• Avaliação física com fotos

  Funcionalidade premium onde personais podem realizar avaliações por fotos.

• Central de treinos

  Acompanhamento geral diários simplificado dos alunos.

5. Resultados de negócio e evolução do produto

Lançada no início de 2025, a estratégia inicial focou na oferta do plano anual, o que aumentou o ticket médio, mas criou uma barreira para quem estava começando. Para destravar o volume, reduzimos a fricção financeira no primeiro acesso, substituindo a oferta por uma opção mensal mais acessível.

A grande virada veio em 2026 ao reduzirmos o limite do plano gratuito de 10 para 5 alunos. Essa mudança alinhou o gatilho ao momento em que o personal valida seu negócio e tem capacidade de pagar, expandindo drasticamente a base exposta às telas de conversão e gerando um salto histórico nas assinaturas diárias.

Análise do impacto

• Lançamento (2025)

  Interface validada com crescimento imediato no ticket médio.

• Fricção reduzida

  Plano mensal facilitando a decisão no primeiro uso.

• Ajuste fino (2026)

  Cobrança alinhada à saúde financeira e escala do cliente.

• Crescimento real

  Aceleração massiva no volume global de conversões.

6. Aprendizados consolidados de produto

Gatilhos de interface não criam intenção de compra, eles apenas canalizam a que já existe. Quando o design resolve os fluxos perfeitamente, mas o negócio não se move, a resposta costuma estar fora da tela e sim no equilíbrio com a estratégia de negócio.

O crescimento expressivo só foi possível porque a fundação de UX/UI e solução desenvolvida estavam maduras. O usuário que encontrava o novo limite de alunos se deparava com mensagens transparentes e fluxos fluidos, estruturando a base do funil para que as decisões estratégicas gerassem melhores resultados.

Conclusões de design

• Gatilho ≠ Oferta

  A interface comunica a oportunidade; o pricing define a decisão.

• Trade-offs visíveis

  O papel do designer é expor os equilíbrios entre volume e ticket para o negócio.

• Freemium estratégico

  O teto do plano gratuito é uma das variáveis mais sensíveis da experiência.

• Visão honesta

  Analisar criticamente o que causou cada métrica protege as próximas iterações.

Sobre o case

O VIXE foi um dos projetos mais completos da minha carreira, unindo UX, tecnologia e educação em um único ecossistema de aprendizagem. A solução integrava uma plataforma web para professores, um aplicativo desenvolvido em Unity 3D para óculos de realidade virtual Android, conteúdos em realidade aumentada e um material didático próprio para o ensino fundamental.

Em 2019, fui responsável pelo design da experiência do produto de ponta a ponta, conduzindo pesquisas com professores e alunos, refinando a usabilidade, estruturando as equipes de modelagem 3D e diagramação editorial do material didático, além de colaborar diretamente na evolução do produto junto às equipes de desenvolvimento.

1. Um ecossistema para transformar a aprendizagem

Em vez de desenvolver apenas um aplicativo de realidade virtual, o VIXE foi concebido como um ecossistema para o ensino fundamental, conectando o planejamento das aulas, experiências imersivas e material didático em uma única jornada de aprendizagem.

Cada elemento cumpre um papel específico: a plataforma web organiza as aulas, os óculos VR proporciona experiências imersivas e o material didático consolida o aprendizado.

O ecossistema

• Plataforma Web

  Curadoria de conteúdos, planos de aula e acompanhamento da turma.

• Realidade Virtual

  Conteúdos imersivos para os óculos VR desenvolvidos em Unity 3D.

• Material Didático

  Conteúdo integrado às experiências em realidade virtual.

2. Encontrando conteúdos em poucos passos

A evolução do produto foi guiada por pesquisas qualitativas realizadas em ambientes escolares. Acompanhamos professores e alunos durante aulas reais para compreender como a tecnologia se integrava à rotina de aprendizagem e identificar oportunidades de melhoria na experiência.

Essas observações influenciaram decisões de arquitetura da informação, navegação e organização dos conteúdos, permitindo evoluir a solução a partir das necessidades reais de quem utilizava o produto.

Pesquisa com usuários

• Observação contextual

  Validação do produto durante aulas em escolas parceiras.

• Entrevistas com educadores

  Feedback contínuo para evoluir fluxos e funcionalidades.

• Design iterativo

  Refinamentos baseados em comportamento real dos usuários.

3. Simplificando a condução das aulas

Embora a experiência principal seja dentro dos óculos VR, era o professor quem coordenava toda a atividade. O desafio era transformar um sistema tecnicamente complexo em uma ferramenta intuitiva, permitindo localizar conteúdos e acompanhar os dispositivos conectados em poucos passos.

Refinei a arquitetura da informação e a usabilidade da plataforma web para reduzir a carga cognitiva durante o planejamento e execução das atividades.

Experiência do professor

• Arquitetura da informação

  Conteúdos organizados por disciplina e ano escolar.

• Planos de aula

  Listas de reprodução reutilizáveis para diferentes turmas.

• Usabilidade

  Fluxos simplificados para reduzir a complexidade operacional.

4. Muito além das interfaces

O projeto inicialmente previa uma apostila como apoio aos conteúdos digitais. Transformamos esse material em uma experiência didática integrada, com diagramação própria, ilustrações e elementos de apoio para preparar os alunos para as experiências em realidade virtual.

O conteúdo impresso passou a se conectar com tablets por meio de realidade aumentada, reconhecendo elementos das páginas e ativando conteúdos interativos. Essa integração criou uma jornada contínua entre livro, AR e VR.

Design de produto

• Experiência integrada

  Livro, AR e VR funcionando como uma única jornada de aprendizagem.

• Linguagem editorial

  Estrutura reutilizada em toda a coleção didática.

• Visão sistêmica

  Integração entre conteúdo físico e digital.

5. Uma nova perspectiva sobre Product Design

O VIXE ampliou minha visão sobre o papel do design na construção de produtos digitais. Trabalhar em um ecossistema que integrava software, hardware, educação e pesquisa com usuários reforçou a importância de projetar experiências considerando todo o contexto de uso, não apenas a interface.

Atuei em diferentes frentes do projeto, desde pesquisas com usuários e definição da experiência até a colaboração com equipes de modelagem 3D e diagramação editorial. Essa experiência consolidou minha abordagem de criar soluções em parceria com times multidisciplinares.

Liderança

• Construção do time

  Participação na formação das equipes de modelagem 3D e diagramação.

• Mentoria técnica

  Apoio à equipe e capacitação em Unity 3D.

• Integração multidisciplinar

  Alinhamento entre design, conteúdo, desenvolvimento e produção 3D.