Catálogo industrial
Ravendo
El catálogo de un fabricante de equipos conecta selección, búsqueda, información de servicio y distribuidores en inglés y danés.
Ver la web ↗
Contexto
Ravendo fabrica carretillas, carros de almacén y de transporte, y equipos para mover materiales. Aquí importa no solo el aspecto de un producto, sino también para qué sirve, lo fácil que es de usar y cómo elegir el modelo adecuado. La web reúne una gama industrial e información sobre el fabricante, con entradas distintas para compradores y socios profesionales.
El reto
Mostrar una gama amplia como un sistema de soluciones de trabajo. El visitante necesita pasar rápido de una idea general de la empresa a una categoría de equipos y luego encontrar detalles, soporte o un distribuidor, sin que el contenido técnico se pierda detrás de la imagen de marca.
Qué hicimos
Arquitectura de producto
El menú principal separa Products, Service and Support, Find Dealer y About Ravendo, con el buscador en la parte superior. Este orden ofrece un camino directo tanto a quien ya sabe qué producto busca como a quien todavía está eligiendo una categoría.
Equipos en acción
La primera pantalla combina un gran titular con equipos trabajando. Los bloques siguientes muestran carros de almacén, manejo de tableros y ergonomía: cada producto aparece en el contexto de una tarea concreta.
Información para una elección profesional
La gama se completa con contenido sobre calidad, garantía, fabricación danesa y soluciones a medida. La información de servicio está junto a la estructura de producto, en lugar de quedar escondida en la historia de la empresa.
Distintos recorridos según el visitante
El catálogo, el buscador de distribuidores y un acceso propio para distribuidores resuelven tareas diferentes. Las versiones en inglés y danés atienden a un público internacional sin cambiar la lógica de las secciones principales.
Qué desarrollamos
Sistema visual
Un fondo blanco deja espacio a un contenido técnico denso y a la fotografía. Un acento rojo une la interfaz con el logotipo y los títulos oscuros sostienen la jerarquía. Una tipografía grande y estrecha hace visible el mensaje principal, mientras bloques de texto más tranquilos explican para qué sirve cada equipo.
#ED1C22#343A40#FFFFFF#F7F7F7#333333Tipografía de la interfaz
Los tamaños de abajo se midieron en la web publicada con un viewport de 1180 × 757 px CSS, zoom al 100 % y DPR 1. Describen esa maquetación concreta, no tamaños fijos para todos los dispositivos.
- Familia
- Saira Semi Condensed
- H1
- 79.10 px / 71.19 px · 700
- Título de sección
- 39.70 px / 35.73 px · 700
- Título del bloque de producto
- 27.88 px / 31.37 px · 400
- Entradilla
- 20 px / 30 px · 300
- Texto principal
- 16 px / 24 px · 300
Logotipo y uso
La marca vertical de Ravendo: una silueta roja de carretilla, una rueda negra y el nombre. En la cabecera se usa una versión vertical compacta que se lee bien junto al buscador.
- Archivo del logotipo
- 150 × 129 px · proporción 50:43
- Uso en la cabecera
- 100 × 86 px CSS con un viewport de 1180 × 757
- Forma conservada
- Ancho y alto cambian a la vez; la imagen nunca se deforma
Los valores de color se comprobaron en el CSS de la web. Las muestras tipográficas son fragmentos de pantallas reales; los archivos de fuentes comerciales no se incluyen en este caso.
Recorridos y material
Inicio → Products → categoría de equipos → producto. Recorridos alternativos: búsqueda en la gama, Find Dealer para contactar con un vendedor y Service and Support para la posventa. En la portada, las demostraciones funcionan como entradas adicionales a áreas concretas.
Promoción
Optimizamos la web para buscadores, configuramos una cuenta de Google Ads y pusimos en marcha la publicidad y la promoción en buscadores.
El resultado
Ya está online la web del fabricante, que reúne la gama, los usos de los productos y la información de servicio en un solo sistema. Presenta Ravendo en el mercado internacional y ayuda a pasar de conocer la empresa a elegir un equipo concreto.