o primeiro passo foi fazer uma reunião de kick-off com a diretoria da agência e entender quais eram os objetivos de negócio para esse projeto. após validadas as nossas metas (alcançar mais empresas e ter agendamentos de reuniões pelo site), fiz uma pesquisa de benchmarking para ver como agências concorrentes se comunicavam em seus sites, além de avaliar as referências visuais que a CEO apresentou.

após coletar informações e referências do mercado, construí os wireframes, levando em conta o que a empresa gostaria de destacar: modernidade, leveza e assertividade, fiz o fluxo do site e o styleguide com as novas cores da identidade visual da empresa. por isso, vemos muitos componentes arredondados e curvas em todas as telas.

​

aprovados os wireframes, chegou a hora de dar mais cara aos protótipos usando os componentes do styleguide e fotos profissionais feitas pela CEO. todo o copywriting foi revisado e pensado para atração de outras empresas. talém do protótipo estático e do fluxo do site, entreguei um protótipo navegável para otimizar a prova de conceito com a empresa, o que foi primordial para aprovação rápida do projeto.

todo esse processo ficou documentado no figma, assim como o styleguide. isso para que fique mais fácil para o desenvolvedor colocar em prática o que ficou definido na etapa de design. o protótipo navegável também ajudou o time de desenvolvimento a entender os comportamentos de cada componente, deixando o resultado final mais rico em detalhes e microinterações, como os botões.