Rhino C.A.

Un sitio web corporativo para una empresa de inspección industrial, construido desde cero.

Rol
Diseño, accesibilidad y dirección visual
Cliente
Rhino C.A., inspección industrial, Venezuela
Estudio
Artos Space (desarrollo y comunicación con el cliente)
Sitio en vivo
rhino.com.ve
Portada del sitio de Rhino C.A.: titular sobre integridad estructural e inspección industrial, un botón para solicitar cotización y las normas ASME, API, AWS, ASNT y COVENIN sobre una foto de un inspector en una planta industrial

Resumen

El proyecto

Rhino C.A. ofrece servicios de inspección industrial y tratamiento térmico a los sectores de refinación, petroquímica, gas, oleoductos y acero. No tenían sitio web: el sitio se diseñó y construyó desde cero.

El problema

En un momento en que todo es digital, la empresa no tenía ninguna imagen digital. Los posibles clientes no tenían dónde conocer qué hace Rhino, cómo trabaja ni cómo solicitar una cotización.

Mi rol

Fui responsable del diseño, la accesibilidad y la dirección visual del sitio.

El equipo

Artos Space desarrolló el sitio completo y se encargó de las conversaciones con el cliente antes y después del diseño, enviando reportes constantes para poder hacer los cambios pertinentes en el camino.

Mi proceso

Partir del material de la propia empresa

Empecé leyendo el brochure corporativo de Rhino. De ahí salieron los colores y los logos: la paleta la definió la marca y mi trabajo fue hacerla funcionar en la web.

Decidir qué debía decir el sitio

Antes de diseñar nada, definí lo que el sitio debía transmitir: seguridad, conocimiento y trabajo basado en la experiencia, para que un posible cliente entienda por qué Rhino le dará lo que necesita.

Dirección visual

Lideré la dirección visual de todo el sitio, inspirándome en sitios web de empresas industriales de Estados Unidos para encontrar un lenguaje que se sienta serio y confiable para los sectores de refinación, petroquímica, gas y acero.

Lo más difícil: la solicitud de cotización

Nunca había diseñado para una empresa industrial y sabía que un formulario de “Contáctanos” sin más (un correo y un cuadro de mensaje) no iba a funcionar. Un cliente que necesita una inspección o una parada de planta tiene una necesidad técnica, y lo primero que le pide el sitio debe demostrar que Rhino la entiende.

Me puse en el lugar del cliente e investigué qué buscan los clientes industriales antes de confiar en un proveedor. El resultado es un pop-up breve y guiado en tres pasos.

1. Información preliminar del proyecto

El cliente elige el servicio que necesita: ensayos no destructivos, tratamientos térmicos, aislamiento industrial, certificación de grúas y equipos de izaje, o asesoría integral y parada de planta. Un campo opcional recoge cualquier información adicional.

2. Datos de contacto

Nombre, empresa, correo, teléfono y ubicación del sitio o planta, con una nota que indica que las especificaciones técnicas son confidenciales y se usan solo para analizar el proyecto.

3. Confirmación

Una confirmación clara fija expectativas sobre el tiempo de respuesta y ofrece una línea telefónica directa para emergencias operativas.

Pop-up de cotización, paso 1: casillas para los cinco servicios y un campo de notas opcional Pop-up de cotización, paso 2: formulario de contacto con nombre, empresa, correo, teléfono y ubicación del sitio Pop-up de cotización, paso 3: mensaje de confirmación con el tiempo de respuesta esperado

Un sistema visual guiado por la marca

La paleta salió de la propia marca de Rhino: un amarillo intenso y un casi negro. Su combinación tiene una relación de contraste de 11,9:1 en ambos sentidos, así que los botones principales se mantienen legibles.

Colores de la marca
RolColor
Amarillo de marca#F9C300
Casi negro#0D0D0D
Paleta de colores de Rhino y estilos de botón: botones rellenos, con contorno y de texto en amarillo, negro y gris deshabilitado

Accesibilidad: de 86 a 91

La accesibilidad fue parte de mi rol desde el principio, y audité el sitio con Lighthouse. La auditoría señaló textos y controles en el amarillo de la marca sobre fondos claros, donde el contraste era demasiado bajo para leer con comodidad.

Corregí esas combinaciones, manteniendo los colores de la marca pero cambiando cómo se combinan. Tras los cambios, la puntuación de accesibilidad del sitio en Lighthouse pasó de 86 a 91.

Páginas finales

Visitar el sitio en vivo

Inicio

Diseño de la página de inicio de Rhino: portada con normas, promesa de valor, carrusel de soluciones industriales y razones para elegir a Rhino

Servicios

Diseño de la página de servicios de Rhino: cuatro servicios con fotos y un botón para solicitar cotización

¿Tienes un proyecto en mente?
Trabajemos juntos.

Hablemos