top of page
Cover Roná.png

novo site da agência

empresa: Roná Comunicação

quando: 2022

meu papel: pesquisa (desk research, benchmarking), criação de styleguide, wireframes, protótipos de alta fidelidade, UX writing e handoff para desenvolvimento.

o desafio

lançar o primeiro site da agência para ajudar na atração de novos clientes. 

 

a Roná Comunicação é uma agência jovem e que atende clientes de vários segmentos. até então, a agência não tinha um site próprio e todos os clientes vinham por indicação. aqui o desafio era criar um site que não fosse só uma vitrine dos serviços ofertados, mas também um espelho da marca, que se apresenta como moderna, leve e jovem.

processo de design

pesquisa

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.

wireframes

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.

protótipos

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.

handoff

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.

você pode ver o protótipo completo clicando no botão abaixo!

Image by Patrick Perkins

obstáculos

pouco tempo para a etapa de discovery

a agência tinha um prazo para o lançamento do site que coincidia com o lançamento de um documentário produzido pela Roná. apesar de ter pressa para ter o novo site em produção, a diretoria sabia da importância e do impacto de um bom design no primeiro site da agência. por isso, foi feito o investimento em UX e UI design, pensando não só em um bom site mas também no melhor fluxo e experiência dos usuários. apesar do pouco tempo para execução do projeto, com a colaboração da diretoria da agência e um trabalho minucioso de refinamento e benchmarking, o resultado foi positivo.

logotipo-oficial-fundo-escuro0.jpg

feedback do projeto

“conseguiu refletir exatamente a essência da marca e destacou bem os serviços que a agência presta, mostrando valor e deixando tudo com a nossa cara!”

Cover Roná.png

e-mail 

social

  • LinkedIn
  • Instagram

feito com <3 pela própria product designer dona deste portfólio.

bottom of page