Goby — Plataforma de bike sharing (Website + App em desenvolvimento)
Criei o protótipo e o design do website no Figma para explicar a proposta do serviço, mostrar estações/planos e conduzir o usuário para o app. O aplicativo está em desenvolvimento.
Objetivos
- Explicar “como funciona” em 3 passos: encontre, desbloqueie, pedale.
- Mostrar estações no mapa e planos com hierarquia clara.
- Reforçar confiança: tarifas transparentes e suporte.
- Direcionar para o app (CTA principal).
Processo de Design
Pesquisa
Arquitetura
Wireframes
Protótipo
UI & Design System
Protótipo de Baixa Fidelidade
Wireframes navegáveis para validar o fluxo principal: descobrir estações, escolher plano e iniciar cadastro. Ajustei hierarquia e microcópia antes da UI.
Visualizar no Figma
Protótipo de Alta Fidelidade
Refino de tipografia, cor e componentes para evidenciar CTAs (“Baixar o app”, “Começar agora”), comparação de planos e destaque de benefícios (segurança, manutenção e suporte).
Visualizar no FigmaComo funciona
- 3 passos intuitivos
- Ícones explicativos
- FAQ rápido
Estações & Planos
- Mapa de estações (futuro)
- Planos e tarifas com comparação
- Regras de uso claras
Confiança & Suporte
- Tarifas transparentes
- Canais de contato
- Políticas acessíveis
Acessibilidade
- Contraste AA e foco visível.
- Heading structure + labels consistentes.
- Alvos de toque ≥ 44px.
Impacto (até aqui)
- Arquitetura clara e CTAs definidos.
- Design system base pronto para evoluir.
- Fluxos do site alinhados ao app.
“O site guia o usuário rapidamente para o que importa: entender o serviço e começar.”
Aprendizados
Microcópia + hierarquia visual reduzem dúvidas em serviços sob demanda. Mapas e planos precisam aparecer cedo, com linguagem simples e CTA único.