Trabalho / Handy Golf

Um web app de golfe virou um ecossistema

O que começou como um produto de golfe relativamente pequeno se expandiu em aplicativos para golfistas e coaches, uma biblioteca de conteúdo e templates de site para coach. Desenhei as diferentes partes conforme elas apareciam, mantendo todas conectadas entre plataformas, públicos e temas visuais.

Função: Head of Design
Escopo: Design de produto em todo o ecossistema
Período: 2023 — 2026
Plataformas: iOS · Web

As quatro superfícies do Handy Golf lado a lado — app do golfista, app do coach, biblioteca de conteúdo e site do coach — Toque para ampliar ↗ Quatro superfícies de produto entre iOS e web.

4 superfícies App do golfista e do coach, HowTo Library e template de site para coach

Múltiplas plataformas iOS nativo e web, para públicos e contextos diferentes

Um ecossistema Uma linguagem visual compartilhada, adaptada a cada ambiente

O COMEÇO

Uma ideia simples para aprender golfe

O projeto começou com uma ideia relativamente simples de web app de golfe: um jeito estruturado de aprender através de aulas, séries e outros conteúdos de golfe.

Primeiros conceitos do web app de golfe, com aulas e séries — Toque para ampliar ↗ O web app original, antes das ferramentas de treino, do coaching e da biblioteca de conteúdo.

Desenhando enquanto tudo se movia

O produto ainda estava tomando forma enquanto eu desenhava. Novas plataformas, públicos, funcionalidades e necessidades apareciam pelo caminho, então o design tinha que evoluir junto sem perder de vista o que já existia.

A EXPANSÃO

De web app a nativo

O web app virou uma experiência iOS nativa, expandindo do aprendizado estruturado para ferramentas de treino, jogos, análise de swing e gravação.

O app como experiência iOS nativa, com aprendizado, treino e análise de swing — Toque para ampliar ↗ O app nativo introduziu ferramentas de treino, jogos e gravação de swing.

Ferramentas de treino dentro do app, ao lado do conteúdo de aprendizado existente — Toque para ampliar ↗ As ferramentas de treino entraram ao lado do conteúdo de aprendizado que já existia.

UM NOVO PERSONAGEM

Os coaches encontraram um lugar no produto

O Coach App deu aos coaches um lugar para criar os próprios serviços — de aulas presenciais e análise de swing a aulas online — e definir como e onde trabalhavam. Eles também podiam criar o próprio site direto do app, só preenchendo um formulário e escolhendo um tema.

O Coach App, onde coaches criam e configuram os próprios serviços — Toque para ampliar ↗ O app do coach usa a mesma biblioteca de componentes do app do golfista, com cinco tokens adicionais definindo sua camada visual.

O template de site do coach, montado a partir do conteúdo e do tema escolhidos no app — Toque para ampliar ↗ O coach cria o próprio site escolhendo conteúdo e tema dentro do app.

BIBLIOTECA DE CONTEÚDO

O aprendizado virou parte do próprio produto

A HowTo Library conectou problemas de golfe com as ferramentas que podiam resolvê-los. O golfista podia descobrir uma solução na web e ver como o Handy Golf ajudaria, ou encontrar a mesma orientação direto na funcionalidade correspondente dentro do app.

A HowTo Library, cobrindo orientação de funcionalidades e instrução de golfe — Toque para ampliar ↗ A biblioteca cobre tanto orientação sobre as funcionalidades quanto instrução de golfe, organizada em quatro tipos de conteúdo.

O ECOSSISTEMA

Como tudo se conecta

Quatro superfícies conectadas, cada uma com seu papel, plataforma e público.

As quatro superfícies organizadas por público e plataforma, com seus tokens de cor — Toque para ampliar ↗ As quatro superfícies organizadas por público e plataforma, com os tokens de cor que cada uma usa.

O design system e a biblioteca de componentes iOS compartilhados pelos dois apps — Toque para ampliar ↗ O design system e a biblioteca de componentes iOS, compartilhados pelos apps do golfista e do coach.

O design system e a biblioteca web por trás da biblioteca de conteúdo e do template do coach — Toque para ampliar ↗ O design system e a biblioteca de componentes web, compartilhados pela biblioteca de conteúdo e pelo template de site do coach.

As outras histórias

O NGN Insights, com tiles configurados direto dentro do produto

Evolução de produto

VisualCue

Cada implementação exigia muito trabalho sob medida, o que tornava o produto caro e difícil de escalar. O objetivo era transformar esse processo em algo repetível — dando ao cliente controle suficiente para configurar a plataforma sozinho, sem precisar entender tudo o que acontecia por baixo.

Ver o case completo

O estande finalizado, com a interação ao vivo do EngageNow

Resolução de problemas

Grupo NGN

A plataforma fornecida pelos organizadores do evento foi feita para imagens e texto. Não conseguiríamos levar ao estande a interação que mais queríamos — o EngageNow — até eu descobrir que o campo de rich text renderizava HTML puro. Essa pequena brecha mudou o que o estande podia ser.

Ver o case completo