Rhino C.A.

Um site corporativo para uma empresa de inspeção industrial, construído do zero.

Função
Design, acessibilidade e direção visual
Cliente
Rhino C.A., inspeção industrial, Venezuela
Estúdio
Artos Space (desenvolvimento e comunicação com o cliente)
Site no ar
rhino.com.ve
Hero da home da Rhino C.A.: título sobre integridade estrutural e inspeção industrial, um botão de pedido de orçamento e as normas ASME, API, AWS, ASNT e COVENIN sobre uma foto de um inspetor em uma planta industrial

Visão geral

O projeto

A Rhino C.A. oferece serviços de inspeção industrial e tratamento térmico para os setores de refino, petroquímica, gás, dutos e aço. Eles não tinham site: o site foi projetado e construído do zero.

O problema

Em um momento em que tudo é digital, a empresa não tinha nenhuma imagem digital. Os clientes em potencial não tinham onde saber o que a Rhino faz, como trabalha ou como pedir um orçamento.

Meu papel

Fui responsável pelo design, pela acessibilidade e pela direção visual do site.

A equipe

A Artos Space desenvolveu o site completo e cuidou das conversas com o cliente antes e depois do design, enviando relatórios constantes para que as alterações pertinentes fossem feitas ao longo do caminho.

Meu processo

Partindo do material da própria empresa

Comecei lendo o brochure corporativo da Rhino. De lá saíram as cores e os logos: a paleta foi definida pela marca e meu trabalho foi fazê-la funcionar na web.

Decidindo o que o site deveria dizer

Antes de projetar qualquer coisa, defini o que o site precisava transmitir: segurança, conhecimento e trabalho baseado na experiência, para que um cliente em potencial entenda por que a Rhino vai entregar o que ele precisa.

Direção visual

Liderei a direção visual de todo o site, inspirando-me em sites de empresas industriais dos Estados Unidos para encontrar uma linguagem que transmita seriedade e confiança aos setores de refino, petroquímica, gás e aço.

A parte mais difícil: o pedido de orçamento

Eu nunca tinha projetado para uma empresa industrial e sabia que um formulário simples de “Fale conosco” (um e-mail e uma caixa de mensagem) não funcionaria. Um cliente que precisa de uma inspeção ou de uma parada de planta tem uma necessidade técnica, e a primeira coisa que o site pede deve mostrar que a Rhino a entende.

Me coloquei no lugar do cliente e pesquisei o que clientes industriais procuram antes de confiar em um fornecedor. O resultado é um pop-up curto e guiado em três etapas.

1. Informações preliminares do projeto

O cliente escolhe o serviço de que precisa: ensaios não destrutivos, tratamentos térmicos, isolamento industrial, certificação de guindastes e equipamentos de içamento, ou assessoria integral e parada de planta. Um campo opcional recebe qualquer informação adicional.

2. Dados de contato

Nome, empresa, e-mail, telefone e localização do local ou da planta, com uma nota informando que as especificações técnicas são confidenciais e usadas apenas para analisar o projeto.

3. Confirmação

Uma confirmação clara define expectativas sobre o prazo de resposta e oferece uma linha telefônica direta para emergências operacionais.

Pop-up de orçamento, etapa 1: caixas de seleção para os cinco serviços e um campo de observações opcional Pop-up de orçamento, etapa 2: formulário de contato com nome, empresa, e-mail, telefone e localização da planta Pop-up de orçamento, etapa 3: mensagem de confirmação com o prazo de resposta esperado

Um sistema visual guiado pela marca

A paleta veio da própria marca da Rhino: um amarelo forte e um quase preto. A combinação tem taxa de contraste de 11,9:1 nos dois sentidos, então os botões principais continuam legíveis.

Cores da marca
FunçãoCor
Amarelo da marca#F9C300
Quase preto#0D0D0D
Paleta de cores da Rhino e estilos de botão: botões preenchidos, contornados e de texto em amarelo, preto e cinza desabilitado

Acessibilidade: de 86 para 91

A acessibilidade fez parte do meu papel desde o início, e auditei o site com o Lighthouse. A auditoria apontou textos e controles no amarelo da marca sobre fundos claros, onde o contraste era baixo demais para uma leitura confortável.

Corrigi essas combinações, mantendo as cores da marca, mas mudando a forma como são combinadas. Depois das mudanças, a pontuação de acessibilidade do site no Lighthouse passou de 86 para 91.

Páginas finais

Visitar o site no ar

Home

Design da home da Rhino: hero com normas, promessa de valor, carrossel de soluções industriais e motivos para escolher a Rhino

Serviços

Design da página de serviços da Rhino: quatro serviços com fotos e um botão de pedido de orçamento

Tem um projeto em mente?
Vamos trabalhar juntos.

Vamos conversar