Volver al portfolio
La portada de TrailerHome: el titular «Live your own space. Wherever you are.», con la segunda frase en rojo, junto a una casa móvil con paredes de cristal, revestimiento de aspecto madera y una terraza de madera bajo olivos, y bajo el texto un botón rojo hacia los modelos y un botón de teléfono con contorno.
Abrir trailerhome.gr en una pestaña nueva

TrailerHome by NIKITAS — Sitio Web Bilingüe para un Fabricante de Casas Móviles

Resumen

NIKITAS COMPANY fabrica equipamiento para talleres y construcciones especiales de acero en Provatas (Serres) desde 1977, y exporta desde 1981. TrailerHome es su línea de casas móviles: pequeñas viviendas completas sobre un chasis de remolque de acero, con paredes y techo aislados, carpintería, electricidad, fontanería, cocina y baño, que se entregan en camión y se colocan con grúa en Grecia y en el extranjero. Se ofrecen en tres líneas — Modern, Classic y Nature — o se diseñan desde cero con el cliente. El sitio tiene tres tareas: mostrar esa oferta con claridad, generar confianza en la fábrica que hay detrás y convertir el interés en una llamada o un correo, porque no hay tienda ni formulario en línea.

El griego es el idioma por defecto y el inglés una segunda edición completa: las mismas catorce páginas con los mismos nombres de archivo. La portada se abre con tres películas cortas, una por línea, que se funden unas con otras. Después llega el sello del sitio: el alzado de la Modern Line, calcado de una foto de la unidad real, se dibuja trazo a trazo al hacer scroll y luego deja paso a esa foto. Cada línea tiene su página con fotos, vídeo y detalles de construcción, y una tabla comparativa, un proceso en cinco pasos, una galería filtrable de unidades y entregas reales, una cronología de la empresa y unas preguntas frecuentes sobre medidas, permisos y entrega hacen el resto. Las fotos y los vídeos se prepararon a partir del archivo del propio cliente, y ninguna foto pesa más de 100 KB.

Retos

El cliente tenía un material excelente pero ningún texto para la web: un archivo de fotos y vídeos del móvil, dos folletos, una tarjeta de visita y el folleto de su antigua web. Todo había que ordenarlo por líneas, usos y etapas, y escribirlo desde cero en dos idiomas. El producto, además, se presta a promesas fáciles — no hace falta permiso, lista en pocas semanas, precio cerrado — que no siempre son ciertas, así que cada frase sobre permisos, medidas, precios y plazos tenía que ser prudente sin sonar evasiva. Y el sitio debía vender sin tienda, sin lista de precios ni formulario de contacto, manteniéndose rápido con una conexión móvil débil y una docena de vídeos, porque quien elige una parcela a menudo está de pie sobre ella.

Soluciones

Cada página se escribe una sola vez como archivo fuente y un pequeño script en Python la genera en los dos idiomas: cabecera, menú y pie compartidos, imágenes responsive con sus dimensiones reales, y los datos de la empresa — teléfonos, dirección, coordenadas de la fábrica — reunidos en un solo lugar y escritos desde ahí en los datos estructurados, el enlace del mapa, el sitemap y una versión de texto completo para asistentes de IA. Antes de cada despliegue, un verificador revisa enlaces, textos alternativos, orden de encabezados, canonicals, hreflang, datos estructurados y el límite de 100 KB por imagen. Las animaciones funcionan con GSAP y ScrollTrigger y fallan de forma segura: si el script no llega, o el visitante prefiere menos movimiento, todo simplemente se muestra. La Content Security Policy no permite estilos inline y fija el único script inline por su hash. La accesibilidad se midió en el navegador en lugar de darse por supuesta — 4.954 nodos de texto en todas las páginas, en ancho de móvil y de escritorio, sin ningún problema — y cada vídeo de producto y de entrega va acompañado de una descripción en texto de lo que muestra. Sobre los permisos, las preguntas frecuentes dan la respuesta honesta: depende del uso, de la calificación del suelo y de las conexiones, así que consulte a un ingeniero local.

Galería

  • La portada de TrailerHome: el titular «Live your own space. Wherever you are.», con la segunda frase en rojo, junto a una casa móvil con paredes de cristal, revestimiento de aspecto madera y una terraza de madera bajo olivos, y bajo el texto un botón rojo hacia los modelos y un botón de teléfono con contorno.

    Una portada que se abre con las propias casas

  • Un dibujo de líneas blancas de la Modern Line sobre una cuadrícula oscura, trazado solo en parte, con marcas rojas numeradas en los huecos y el chasis, la cota «Length built to order» encima y cinco características numeradas debajo.

    El sello: un alzado que se dibuja solo al hacer scroll

  • Tres tarjetas bajo el título «A home for every way of living»: una unidad de paneles blancos y marco oscuro sobre una terraza de piedra al atardecer para la Modern Line, una unidad blanca con una puerta y dos ventanas en un prado al pie de las montañas para la Classic Line y una unidad de paredes de cristal con terraza de madera para la Nature Line, cada una con un pequeño dibujo de líneas sobre su nombre.

    Una construcción, tres caracteres

  • Una tabla comparativa titulada «Which line suits you?», con columnas para las líneas Modern, Classic y Nature y filas para carácter, exterior, huecos, cubierta y mejor uso.

    Tres líneas comparadas en cinco filas

  • La página de la Modern Line: una ruta de navegación, el nombre de la línea y una breve descripción sobre fondo oscuro, un botón rojo «Ask for a quote» y otro con contorno «Photos», y a su lado una unidad de marco oscuro, paneles blancos y persianas enrollables sobre su chasis en el patio de una fábrica.

    Cada línea tiene su propia página, que se abre con vídeo

  • El título «From first conversation to the keys» sobre pasos numerados en una línea de tiempo roja — Your needs, Design & quote, Built in our factory — junto a un vídeo de una unidad sobre el remolque de un camión, con un pie que indica que son imágenes de una entrega.

    Cinco pasos, un fabricante, sin intermediarios

  • El título «Filter by line or stage» con filtros para Todo, las tres líneas, Interiores, Transporte y Planos, sobre una cuadrícula de fotos de unidades terminadas.

    Unidades y entregas reales, filtradas por línea o etapa

  • Tarjetas con la dirección de la fábrica, con un enlace para llegar, y con la cuenta de Instagram de la empresa, sobre un mapa por satélite con un marcador rojo en la fábrica, junto a la carretera principal en Provatas.

    Sin formulario: llame, escriba o venga a la fábrica

  • La portada en una tableta: una casa móvil de marco oscuro con persianas sobre una terraza de piedra en una ladera al atardecer, con el titular y los botones apilados debajo y un botón de pausa sobre el vídeo.

    El hero muestra las tres líneas por turnos, con botón de pausa

  • La sección «White or wood-look» en una tableta: la foto de una unidad blanca con una puerta y dos ventanas con contraventanas sobre su remolque, seguida de un título sobre los paneles blancos, una breve descripción y una lista de características.

    Los acabados de la Classic Line, sobre la unidad real

  • La sección «See the home before it is built» en una tableta: un texto breve y tres puntos marcados sobre dos imágenes, un alzado de una unidad con pérgola y un estudio 3D de una cubierta de teja con medidas.

    Planos y 3D antes de cortar nada

  • Una cronología titulada «Nearly half a century of making things», con fechas en rojo desde 1977 hasta hoy: la fundación, las primeras exportaciones, dos premios, ISO 9002, ISO 9001 y TrailerHome.

    Casi medio siglo fabricando, en una sola línea

  • Preguntas y respuestas bajo el título «The product»: las dos primeras abiertas, que explican qué es una casa móvil TrailerHome y en qué se diferencian las tres líneas, el resto cerradas con signos de más, y debajo el título «Permits & placement».

    Las preguntas que la gente hace antes de llamar

  • La portada en un móvil: una unidad de aspecto madera con cubierta roja a dos aguas junto a un lago al atardecer, y después el titular, la introducción y un botón rojo «See the models».

    La misma historia, rehecha para el móvil

  • El menú abierto en un móvil: Home en rojo como página actual, Models con sus tres líneas sangradas debajo, luego Custom builds, Uses, Projects, Company, FAQ y Contact, con un botón de teléfono, otro de correo y un enlace a la edición griega.

    Un menú a pantalla completa que deja el teléfono a mano

  • La sección «Drawn on paper. Built in Serres.» en un móvil: el alzado superpuesto a una foto de la unidad terminada, un pie de foto y las primeras características debajo.

    En el móvil el dibujo se reproduce una vez y se queda sobre la foto

  • Una tarjeta de la Modern Line en un móvil: una foto de la unidad sobre una terraza de piedra al atardecer, un pequeño dibujo de líneas, una descripción de una línea, tres etiquetas de características y un enlace «Explore the line».

    Cada línea presentada en una sola tarjeta

  • La sección «Holiday rentals & glamping» en un móvil: una unidad de aspecto madera con cubierta roja junto a un lago, la etiqueta «Tourism», un texto breve y una lista de usos marcados.

    Escrito para el uso, no solo para el producto

  • La galería de proyectos en un móvil: el título «Filter by line or stage», filtros repartidos en tres filas con «All» seleccionado y las primeras fotos de unidades debajo.

    Siete filtros que siguen cabiendo bajo el pulgar

  • Tarjetas de contacto en un móvil: dos números de teléfono en letra grande, la dirección de correo con una nota que invita a enviar bocetos y fotos de la parcela, y el comienzo de la tarjeta con la dirección de la fábrica.

    Dos números y un correo, en letra que se puede pulsar