EXP·07 status: pronto

Accordion

Altura animada real · chevron rotacionado · 3 variantes · exclusive/multiple

variante 01 — underline · processo de trabalho
Entrevistas com usuários, análise de concorrentes, benchmark de mercado e mapeamento do fluxo existente. Normalmente 1–2 semanas dependendo do escopo.
Síntese dos dados coletados, criação de personas e definição do problem statement. Validação com stakeholders antes de avançar.
Crazy 8s, storyboards e design studios. Priorização por esforço × impacto. A fase onde ideias viram soluções concretas para testar.
Hi-fi no Figma com Design System aplicado. Interações e transições documentadas para handoff. Cada componente segue o DS vigente.
Testes de usabilidade, iterações pós-feedback e handoff estruturado para engenharia. Acompanhamento do rollout em produção.
variante 02 — com ícone · múltiplos abertos
Ferramenta principal de design. Utilizo para UI, protótipos, Design System e handoff para engenharia.
No-code para prototipagem funcional de apps mobile. Conexão direta com Figma e Supabase.
Gestão de projetos e documentação de decisões de design. Utilizado em contextos corporativos.
variante 03 — cards · FAQ
Sim, dependendo do escopo e disponibilidade. Projetos de médio prazo com foco em produto digital.
Sim, experiência em squads remotos desde 2020. Baseado em São Paulo, SP.
Apps mobile, plataformas web, Design Systems, AI products. Preferência por estágio de produto (discovery → entrega).
Animação280ms · cubic-bezier(0.4,0,0.2,1)
AlturascrollHeight real (não max-height)
Íconerotate 0→180° no abrir
Modosexclusive · multiple
Variantesunderline · ícone · cards
KeyboardEnter · Space