Trabalho / Handy Golf
De um web app de golfe a um ecossistema de produtos
O que começou como um pequeno produto de golfe cresceu e deu origem a apps para golfistas e coaches, uma biblioteca de conteúdo e modelos de sites para coaches. Fui desenhando cada parte à medida que o produto evoluía, mantendo a experiência conectada entre plataformas, públicos e identidades visuais.
Uma forma estruturada de aprender golfe
O projeto começou como um web app de golfe que organizava o aprendizado em aulas, séries e outros conteúdos.
Projetando enquanto o produto evoluía
Enquanto eu trabalhava no design, o produto continuava evoluindo. Surgiam novas plataformas, públicos, funcionalidades e necessidades. O desafio era acompanhar essas mudanças sem perder a conexão com o que já havia sido criado. Eu era o único designer do produto, e não havia processo em que me apoiar. Os planos eram reescritos quase todo mês. A estrutura por baixo tinha que se sustentar, porque toda superfície nova partia dela.
Parei de adicionar coisas à biblioteca
Depois de um ano acrescentando componentes, a biblioteca precisava de outra abordagem. Tracei uma linha atravessando a página de componentes, mantive o sistema antigo de um lado — porque o app no ar ainda dependia dele — e construí o novo do outro. Essa fronteira ficou de pé por meses, e todo componente que a atravessava era refeito.
O card de atividade é um exemplo. Nove variações tinham se acumulado, cada uma com sua estrutura. Refiz o componente em torno de três formas, três opções de fundo e 13 propriedades compartilhadas, deixando o mesmo card se adaptar a estados diferentes.
Do web app ao app nativo
O produto ganhou um app nativo para iOS e foi além do aprendizado estruturado, incorporando ferramentas de treino, jogos, análise e gravação do swing.
Um espaço para os coaches dentro do produto
Com o Coach App, os coaches passaram a cadastrar seus serviços — de aulas presenciais e análise de swing a aulas online — e definir como trabalhavam. Também podiam criar o próprio site diretamente pelo app.
O app do coach roda sobre a mesma biblioteca de componentes do app do golfista. Trinta e sete tokens semânticos sustentam os dois, e cinco carregam valores diferentes: três fundos e duas cores de texto. Os valores de texto são ajustados para manter contraste sobre o fundo mais escuro do coach.
Um site montado a partir de peças conectadas
Desenhei três fluxos interligados dentro do Coach App: Coach Profile, Services e Website Management.
Cada um tem um propósito distinto. O Coach Profile dá ao coach uma presença pública no app do golfista e, ao mesmo tempo, alimenta o site com informação. O Services deixa o coach administrar suas ofertas no marketplace do Handy Golf e escolher quais publicar no site.
O Website Management junta essas peças, permitindo que o coach dê forma ao site sem duplicar conteúdo. Quando alguma informação precisa mudar, atalhos contextuais levam direto ao fluxo onde ela é administrada.
Cada fluxo funciona por conta própria, mas juntos formam um sistema conectado.
O conteúdo de aprendizado passou a fazer parte do produto
A HowTo Library aproximou dúvidas comuns do golfe das ferramentas que poderiam ajudar a resolvê-las. O golfista podia encontrar uma orientação na web e descobrir como o Handy Golf poderia ajudar, ou acessar essa mesma orientação dentro da funcionalidade correspondente no app.
Como tudo se conecta
Quatro frentes conectadas, cada uma com seu papel, sua plataforma e seu público.
O que foi ao ar, e o que não foi
O app do golfista está na App Store, hoje como app pago. A versão gratuita que veio antes passou de cinco mil downloads. Ele reúne aulas, exercícios, jogos e a primeira versão do marketplace.
A HowTo Library está no ar na web.
O app do coach e o template de site foram desenhados por inteiro e construídos em parte. Não chegaram a ser lançados.
Evolução de produto
VisualCueCada novo cliente exigia muito trabalho personalizado, tornando a implantação cara e difícil de escalar. O objetivo era criar um processo reutilizável e permitir que os próprios clientes configurassem a plataforma, sem precisar conhecer toda a complexidade técnica por trás dela.
Ver o projeto completo
Resolução de problemas
Grupo NGNA plataforma do evento aceitava basicamente imagens e texto. Parecia que não seria possível incluir no estande a interação que queríamos oferecer com o EngageNow, até eu descobrir que o campo de texto rico aceitava HTML. Essa brecha mudou o que era possível construir.
Ver o projeto completo