PROYECTOSoftware y automatización

Cuarenta y cinco años construyendo, ahora en línea

Un sitio para una constructora de Delhi NCR, con un sistema de contenidos que la familia puede llevar por su cuenta. Proyectos, fotografías, solicitudes e incluso el logotipo se editan desde el navegador. El sitio se entregó con documentación, no con una dependencia permanente de nosotros.

Página de inicio de Prominent Builders con el titular principal sobre un interior de mármol oscuro
AÑO
2026
EQUIPO
Shakti Shrivastava
TECH-STACK
Next.js 16 · Payload CMS 3 · Supabase · Vercel
UBICACIÓN
Delhi NCR, India
PUBLICADO
8 sept 2026

Un sitio para solicitudes reales, no solo para enseñar

Página del proyecto The Avenue by Prominent, con la fachada de una residencia de estilo clásico en el este de Delhi

Prominent Builders trabaja en Delhi NCR desde 1980. Más de cuatro décadas después, el encargo no era reinventar la empresa en internet, sino darle un sitio que refleje cómo trabaja ya: con sentido práctico, de fiar y hecho para durar.

La empresa quería algo más que un folleto en línea. Necesitaba un sitio que mostrara bien el trabajo y convirtiera visitas en solicitudes.

La estructura es directa: una página de inicio, un listado de proyectos, una página por proyecto, una página de presentación y un formulario de contacto. Suena sencillo, y debe serlo. En una constructora, la claridad importa más que la originalidad. Quien visita el sitio suele buscar pruebas: qué se ha construido, dónde, de qué tipo de proyecto se trataba y si se puede confiar a la empresa el propio.

Cada página de proyecto responde a esas preguntas sin obligar a buscar. Lleva una imagen principal, una descripción breve, los datos que interesan al comprador como la distribución y los acabados, una galería, un plano y un mapa. El contexto justo para servir, sin convertir la página en un argumento de venta.

Hecho para Prominent Builders, Yojna Vihar, Delhi, el sitio está en prominentbuilders.co.in.

Sección verde oscuro Why Prominent con cuatro principios de construcción, desde el diseño antisísmico hasta la entrega integralSección Details that reward a second look con una cuadrícula de fotos de dormitorios y cocinaSección verde oscuro Private Viewings que invita a una visita, con el botón Book your visit

Construido en torno a cómo funciona la empresa de verdad

La parte más importante del proyecto no era visual en absoluto. Era operativa.

Quienes llevan la empresa tenían que poder actualizar el sitio ellos mismos. Eso significaba hacer el contenido fácil de editar y dejar el diseño fijo. Textos, imágenes, datos de proyecto, teléfonos, el logotipo e incluso el icono de la pestaña se cambian desde un panel en el navegador. Al guardar, los cambios están en línea de inmediato. Sin despliegue, sin traspaso a un desarrollador, sin esperas.

Ese equilibrio importa. Un sitio demasiado rígido cansa de mantener. Uno demasiado flexible se vuelve incoherente enseguida. Aquí el contenido cambia con libertad, pero la estructura sigue sujeta. Colores, tipografías, espaciados y maquetación están fijados en el código, de modo que el sitio conserva su forma aunque alguien añada un proyecto un martes por la noche.

Así la familia mantiene el control sin sacrificar la calidad.

Panel de administración editando The Avenue by Prominent, con campos de título, foto principal, eslogan, slug, orden y estado

Pequeños detalles que facilitan el mantenimiento

Muchos sitios buenos resultan cómodos gracias a cosas pequeñas que al principio nadie nota.

Por ejemplo, las secciones solo aparecen cuando hay algo que mostrar. Testimonios y equipo permanecen ocultos hasta la primera entrada, así la página nunca queda bajo un titular vacío. Mantiene el sitio ordenado y evita ese aire a medio terminar que acaban teniendo muchos sitios gestionados por contenido.

Un plano puede subirse como imagen o como PDF. Parece una elección menor y en la práctica pesa. Los arquitectos suelen enviar PDF, y el sitio lo resuelve bien: el archivo se convierte en un botón que abre en una pestaña nueva, en lugar de forzarlo en un hueco de imagen donde no encaja.

Las imágenes se redimensionan al subirlas, para que una fotografía hecha con el móvil no ralentice el sitio. El texto de ayuda del panel explica además dónde aparece cada campo en la web, lo que le simplifica mucho la vida a quien edite el contenido meses después. Son los detalles que reducen errores, y también las consultas de soporte.

Sección de preguntas frecuentes What you should know before visiting, con seis preguntas desplegables sobre materiales, resistencia sísmica y plazos de obra

Solicitudes y contenido en un mismo sitio

El formulario de contacto no es un añadido. Las solicitudes llegan al mismo panel que el resto del contenido, de modo que los contactos y la gestión del sitio conviven en lugar de repartirse entre herramientas distintas.

Eso hace el sitio más fácil de llevar y de atender. Los mensajes nuevos no se pierden en un buzón aparte, y quien administra el sitio no tiene que saltar de un sistema a otro para ver qué ha entrado. Para un equipo pequeño esa sencillez es útil. Para una empresa familiar vale todavía más.

Sección de contacto We are easy to reach con un formulario de consulta (nombre, teléfono, correo, proyecto, mensaje) y los datos de la oficina

Una entrega que no genera dependencia

Un proyecto web solo está terminado cuando el cliente lo usa con soltura sin ayuda de fuera.

Con este sitio se entregaron doce guías. Cubren el panel, imágenes y vídeo, solicitudes, identidad, publicaciones, el dominio, el correo y la resolución de problemas, además de una copia impresa del mismo material. Así nadie depende de la memoria ni de notas sueltas cuando toca cambiar algo más adelante.

Los cambios de contenido están en línea al guardar. La actualización técnica ocasional va por separado, con un registro claro de qué cambió y cuándo. El procedimiento es sencillo a propósito, y ahí está la clave. Una buena entrega debe hacer que el sitio se sienta propio, no alquilado.

Tres vistas móviles sobre fondo verde oscuro: la página de inicio, los detalles del proyecto The Avenue y el formulario de contacto

Una presencia acorde con la empresa

Prominent Builders lleva cuarenta y cinco años levantando casas en Delhi NCR. La web traslada ahora esa trayectoria a internet de una forma coherente con la propia empresa: clara, fiable y lista para mantenerse desde dentro.

El proyecto se hizo con Next.js 16, Payload CMS 3, Supabase y Vercel, pero lo que importa no es la pila técnica. Es que el negocio tiene por fin un sitio que puede usar de verdad: uno que muestra el trabajo, recibe solicitudes y sigue bajo su propio control.

El sitio es suyo, y se construyó así desde el principio.

Sección de galería A closer look inside con fotos de dormitorios amueblados y una cocina

Preguntas frecuentes

La web de una constructora que opera en Delhi NCR desde 1980 consta de página de inicio, listado de proyectos, una página por proyecto, página de quiénes somos y formulario de contacto. Cada página de proyecto muestra imagen principal, breve descripción, datos como la configuración y el tipo de suelo, galería de fotos, plano de planta y mapa.

La familia propietaria de la constructora gestiona la web por sí misma mediante un panel de administración en el navegador: textos, imágenes, detalles de proyectos, números de teléfono, logotipo e icono del navegador. Los cambios se publican en cuanto se guardan. Colores, tipografías, espaciados y diseños están fijados en el código para que la web conserve su forma.

La web de la constructora de Delhi NCR está construida con Next.js 16 y Payload CMS 3 y se apoya en Supabase y Vercel. Las consultas del formulario de contacto llegan al mismo panel de administración que el resto de los contenidos, y las imágenes subidas se reducen automáticamente.

Con la web de la constructora se entregaron doce guías: sobre el panel de administración, imágenes y vídeo, consultas, identidad de marca, publicaciones, dominio, correo electrónico y resolución de problemas, además de una versión impresa. El objetivo era una entrega con documentación en lugar de una dependencia permanente del equipo de desarrollo.

Descubra más

¿TIENE UNA IDEA COMPLEJA QUE LE GUSTARÍA QUE IMPLEMENTÁRAMOS?
EMPIECE CON UN PILOTO DE DESIGN THINKING O UNA LLAMADA DE CONSULTORÍA.

Póngase en contacto O bien: solicitar una primera llamada de 20 minutos

Alan Kay

“La mejor manera de predecir el futuro es inventarlo.”