Referências visuais — Arianne Caroline#

Os dois conceitos gerados no ChatGPT que guiam a home (/@jonasporto/arianne-clinica-lab). O segundo é a base da versão atual; do primeiro vieram "Quem é Arianne" e a comunidade. Números e certificados dos mockups são ilustrativos e precisam de validação com a Arianne.

Conceito 2 — base da home#

Mockup do conceito 2: hero verde com retrato, trilhas, material gratuito, cursos, plataforma, números e assinatura

Conceito 1 — variação#

Mockup do conceito 1: hero, jornada do acadêmico à liderança, cursos, plataforma, checklist, quem é Arianne e comunidade

Como os elementos foram feitos no Flows#

  • Vetores (SVG, nítidos em qualquer tela e leves): logo, assinatura, tablet do checklist e notebook com o campus. O texto de cada um está em curvas, então a fonte é sempre a do desenho.
  • Fotos (WebP, 35–72 KB cada): retrato e recorte da Arianne (feitos a partir da foto real dela, sem alterar a identidade), fotos dos cursos e da comunidade, geradas no ChatGPT (projeto ntabs).
  • Blocos do Flows criados para este conceito: cinco trilhas por linha (cols:5), ícone ao lado do texto (icon_place:side), botão redondo do curso (:::rows button:filled), painel com foto de um lado (wash:start), lista com ícones sem marcadores, campos com ícone no formulário () e campos sobre o cartão escuro (shape:outline).