R2ᅠBusinessᅠSolutions

R2ᅠBusinessᅠSolutions

R2ᅠBusinessᅠSolutions

UI Design da plataforma principal de uma empresa de consultoria e mentoria para empreendedores brasileiros nos Estados Unidos.

UI Design da plataforma principal de uma empresa de consultoria e mentoria para empreendedores brasileiros nos Estados Unidos.

UI Design da plataforma principal de uma empresa de consultoria e mentoria para empreendedores brasileiros nos Estados Unidos.

A R2 Business Solutions é uma empresa que fornece consultoria e mentoria para empreendedores brasileiros nos Estados Unidos. Fui contratada para dar vida ao site da empresa, que serviria como o principal convite ao público a adquirir seus serviços.

O briefing exigia uma página inicial, uma para os serviços, uma sobre a empresa, uma de contato e um blog. Para a página inicial, segui a estrutura já validada por outros websites.

O texto foi fornecido pela própria instituição, mas editado por mim após um teste Thinking Aloud com usuários mostrar baixa adesão à página devido aos textos muito longos. Foquei, então, em um layout chamativo e em frases curtas e estratégicas para prender a atenção dos usuários por tempo o suficiente para que quisessem visitar outras páginas do site.

Nas páginas de serviço, o desafio era transformar textos longos, que não podiam ser cortados, em uma página dinâmica e que não sobrecarregasse o usuário. Para isso, a minha estratégia foi diagramar a página em duas colunas, transformando os títulos e textos em blocos horizontais.

A página de contato deveria ter tanto um formulário quanto as informações de contato da empresa, mas a preferência da empresa era que o contato fosse feito por telefone. Em vez de colocar, como tradicionalmente se faz, o formulário ao lado das informações de contato, optei por colocá-lo abaixo, dando mais ênfase a opções de contato alternativas e tornando-as mais visíveis para os usuários.

Nessa página, também optei por reduzir a área do conteúdo, para que os campos do formulário ficassem todos na mesma coluna e evitar a disrupção do fluxo de usuário com uma Z-Grid.

As páginas do blog contêm uma estrutura simples, com capa, título e texto. Aqui, a tipografia foi o principal recurso escolhido para traçar a hierarquia dos elementos da página.

Também fiz uma versão responsiva para celular, adaptando os elementos das telas para uma grid vertical, com apenas uma coluna, e redimensionando a tipografia para os padrões da WCAG.

Os wireframes do site foram feitos em papel e o site foi construído inteiramente no Framer. Ele foi lançado 15/01/26 e através dele a R2 Business Solutions conseguiu sua primeira cliente!

UX/UI

Design gráfico

Sobre

Contato

acabou o site :( mas vc pode ficar à vontade! quer uma água? um cafezinho?

UX/UI

Design gráfico

Sobre

Contato

acabou o site :( mas vc pode ficar à vontade! quer uma água? um cafezinho?

UX/UI

Design gráfico

Sobre

Contato

acabou o site :( mas vc pode ficar à vontade! quer uma água? um cafezinho?