Hablemos
Misión 02 · Web corporativa

Nistal y Bello Del plano a la obra, con el scroll.

La web de una constructora de Cacabelos que lleva levantando edificios desde 1981, contada como se construye: primero el plano y después la obra.

MISIÓN 02 · WEB CORPORATIVA Portada de la web de Nistal y Bello: el titular «Construimos lo que imaginas» sobre un plano técnico
01 · La misión

Contar décadas de obras en unos segundos.

Cliente
Constructora Nistal y Bello
Sector
Construcción y promoción
Dónde
Cacabelos (León) y Colmenar Viejo (Madrid)
Desde
1981
Proyecto
Web corporativa inmersiva y archivo de obras
En vivo
nistalybello-web.vercel.app

Nistal y Bello lleva construyendo desde 1981, entre Cacabelos y Colmenar Viejo, y tiene a sus espaldas décadas de obras de todo tipo. El reto era doble: transmitir en pocos segundos que es una constructora seria y con historia, y ordenar todo ese trabajo para que un cliente pudiera encontrar en un momento una obra parecida a la suya.

Había que hacerlo además respetando una identidad muy definida, con sus colores, sus tipografías y los corchetes de su logotipo.

02 · Lo que hicimos

Del plano a la obra, con el scroll.

  • 01

    Del plano a la fachada

    En la portada, el edificio aparece primero como plano técnico y, al hacer scroll, se convierte en la fachada real fotograma a fotograma. Un interruptor Plano / Obra permite cambiar de vista.

  • 02

    «Así construimos»

    Un timelapse controlado por el scroll en el que una promoción se levanta desde el solar hasta la entrega, con fotos reales de cada fase. Es una recreación hecha con IA a partir de una foto aérea de una obra real, y la web lo indica.

  • 03

    El archivo de obras

    Todas las obras de la constructora en una página propia, con buscador, filtros por tipo y una ficha para cada una.

  • 04

    Del plano a la realidad

    Un comparador que se arrastra para ver el mismo proyecto como plano y como obra terminada, y paneles de áreas de actividad que entran de lado con un corte en diagonal.

  • 05

    Una identidad respetada

    Los colores y las tipografías de su manual de marca, y los corchetes del logotipo convertidos en el motivo gráfico de toda la web.

  • 06

    Detalles de oficio

    Un gancho de grúa que baja con una viga y se balancea con el scroll, una plomada que oscila en el margen y un muro de ladrillos que representa a la plantilla.

03 · Capturas

El plano antes de la obra.

Portada de la web de Nistal y Bello: el titular «Construimos lo que imaginas» sobre un plano técnico azul, con el interruptor Plano / Obra
ESCRITORIO · PORTADA EN MODO PLANO
Detalle del titular y del interruptor Plano / Obra
DETALLE · PLANO / OBRA
04 · Por qué funciona

Una constructora vende confianza.

Ver un edificio levantarse fase a fase, con fotos reales de cada etapa, y poder recorrer después un archivo con las obras terminadas convence más que cualquier eslogan. La web enseña oficio en lugar de contarlo.

Y aunque la portada es espectacular, el contenido está ordenado para quien viene con prisa: obras por tipo, obras en curso y en venta, y un contacto siempre a mano.

Contacto

¿Construimos la tuya?

Tengas una empresa con historia o acabes de empezar, cuéntanos qué quieres que sienta quien entra en tu web.