Pace InsightsConectar Strava
Design system + Storybook + Next.js

Clareza nos seus treinos de corrida

Case de portfólio: product design, design system em shadcn/ui e front-end Next.js para conectar dados da API do Strava e transformar volume, ritmo e consistência em decisões de treino.

Conectar com a API do StravaVer o produto

OAuth real do Strava: após autorizar, o dashboard carrega suas corridas (tipo Run) e métricas dos últimos 7 dias.

O que é o Pace Insights

Um estudo de caso de produto digital para corredores: conectar dados do Strava, consolidar sinais de treino e apoiar decisões semana a semana — com interface consistente e componentes documentados.

Visão de produto
Landing clara, jornada de valor e dashboard orientado a decisões — não só gráficos, mas leitura do que importa para o corredor.
Insights acionáveis
Volume, consistência e sinais de fadiga traduzidos em linguagem simples, prontos para ajustar carga e técnica.
Privacidade em mente
Escopo mínimo de permissões na API e transparência sobre o que é exibido — base para evoluir com backend real.
Experiência no app

Da conexão ao insight

O fluxo foi desenhado para mostrar gestão de produto ponta a ponta: proposta de valor, navegação e superfície de dados coesa.

  1. 01

    Home do dashboard

    Resumo semanal, métricas-chave e faixa de insights gerada a partir dos seus treinos.

  2. 02

    Leitura orientada

    Cards explicam o “porquê” por trás dos números — ponte entre dados brutos e próximo passo de treino.

  3. 03

    Design system vivo

    Componentes shadcn/ui documentados no Storybook: base para escalar UI com revisão e acessibilidade.

Portfólio

Quem está desenvolvendo

Product design, design system e front-end em um único fluxo — da narrativa da landing às telas do dashboard.

FO

Felipe Oliveira

@felipecotto

Product Designer & Front-end Developer

São Paulo, SP

Conecto pesquisa, interface e código: deste case à entrega em produção, com foco em clareza para o usuário e consistência de componentes documentados no Storybook.

GitHubLinkedInInstagram