Volver a los casos de estudio
Sitio web a medida con panel de administración para una constructora
- Resumen
- Desafíos
- Servicios
- Módulos Funcionales
- Tecnologías
- Nuestros Logros
Cliente
Una constructora de Polonia con un portafolio creciente de proyectos terminados.
Tecnologías
React / Next.js / TypeScript / Node.js / PostgreSQL / Custom CMS / Three.js / Docker / Hetzner Cloud / Cloudflare / GitHub Actions / Terraform
La empresa necesitaba un sitio web que presentara bien sus proyectos y generara consultas. Su equipo quería publicar páginas y trabajos del portafolio por sí mismo, sin llamar a un desarrollador para cada cambio. El sitio también debía atender a clientes que hablan otros idiomas y mostrar los edificios de una manera que las fotos por sí solas no logran.
Desafíos
Diseño a medida: Un aspecto distintivo creado desde cero que refleje la calidad del trabajo de la empresa, sin plantillas prediseñadas.
Contenido autogestionado: El personal de oficina añade y edita páginas y proyectos sin conocimientos técnicos.
Varios idiomas: Cada página disponible en más de un idioma, gestionada desde un único panel de administración.
Mostrar edificios reales: Modelos 3D interactivos y recorridos en vídeo que cargan rápido en el móvil.
Velocidad y visibilidad en buscadores: Páginas rápidas y SEO técnico para que los clientes encuentren la empresa.
Traspaso: Un equipo preparado para gestionar el sitio por sí solo tras el lanzamiento.
Servicios
Análisis de requisitos
Realizamos talleres con la dirección y el equipo comercial y definimos a quién va dirigido el sitio, cómo se organizan sus páginas y cómo se presentan los proyectos en el portafolio. El resultado fue una estructura de páginas acordada y un formato claro para cada proyecto, que sirvieron de base para el diseño y el desarrollo.
Leer más
Diseño a medida
Cada interfaz se diseñó desde cero, sin plantillas prediseñadas. Probamos los diseños en escritorio y móvil antes de empezar el desarrollo, de modo que el aspecto, la navegación y las páginas del portafolio estaban acordados de antemano.
Leer más
Desarrollo
Construimos un CMS y un panel de administración a medida junto con el sitio público, de modo que el contenido que añade el personal aparece en el sitio con la misma estructura. El personal de oficina trabaja en el panel con acceso por roles y no necesita conocimientos técnicos.
Leer más
Integración de 3D y vídeo
Los modelos de los inmuebles y los recorridos en vídeo están integrados directamente en las páginas de proyecto, junto a las galerías y los datos clave. Los modelos están optimizados y cargan de forma progresiva, así que las páginas siguen siendo rápidas en el móvil.
Leer más
Despliegue y alojamiento
El sitio funciona en producción en Hetzner Cloud detrás de un CDN de Cloudflare. Hay copias de seguridad automáticas y monitorización, y los despliegues son repetibles con GitHub Actions y Terraform.
Leer más
Formación y documentación
Realizamos una sesión de trabajo para el equipo de administración y redactamos guías para las tareas diarias, como añadir un proyecto o editar una página. Tras el lanzamiento, el equipo gestiona el sitio por sí solo.
Leer más
Módulos funcionales entregados
Panel de administración
Crear, editar y publicar páginas y trabajos del portafolio en pocos clics.
Los modos de borrador y vista previa permiten revisar una página antes de publicarla.
Acceso por roles para el equipo del cliente.
Gestión multilingüe
Traducciones de todas las páginas en un solo lugar.
Un selector de idioma en el sitio y URL propias para cada idioma.
Se añaden nuevos idiomas sin reconstruir el sitio.
Portafolio
Páginas de proyecto con galerías, datos clave y ubicación.
Un formulario de consulta en cada página de proyecto.
El personal añade y publica nuevos proyectos por su cuenta.
Modelos 3D y recorridos en vídeo
Modelos interactivos que los visitantes giran y exploran.
Recorridos en vídeo junto a ellos.
Los modelos optimizados cargan de forma progresiva, así que las páginas son rápidas en el móvil.
Interfaz adaptable
Diseños para móviles, tabletas y ordenadores.
Animaciones e interacciones a medida.
Cada interfaz se probó en escritorio y móvil antes del desarrollo.
Configuración SEO
Metadatos, mapas del sitio y datos estructurados.
Configurado para cada versión de idioma.
Páginas renderizadas en el servidor con Next.js.
Tecnologías utilizadas
Frontend:
React y Next.js con TypeScript para páginas rápidas renderizadas en el servidor.
Panel de administración:
Un CMS a medida con acceso por roles para el equipo del cliente.
Backend:
Node.js y PostgreSQL para el contenido y las consultas.
3D:
Three.js con modelos optimizados que se cargan de forma progresiva.
Alojamiento:
Hetzner Cloud con CDN de Cloudflare, Docker y copias de seguridad automáticas.
DevOps:
GitHub Actions y Terraform para despliegues repetibles.
Nuestros logros
Contenido en manos del equipo
El personal publica por su cuenta nuevos proyectos y páginas.
Varios idiomas, un solo panel
Se añaden nuevos idiomas sin reconstruir el sitio.
Un portafolio que vende
Los modelos 3D y los recorridos en vídeo permiten explorar los edificios antes de la primera llamada.
Rápido en cualquier dispositivo
Las páginas y los medios optimizados cargan rápido en móviles y ordenadores.
Visible en buscadores
Páginas estructuradas y metadatos en cada idioma favorecen el tráfico orgánico.
Equipo independiente
La formación y la documentación permiten al cliente gestionar el sitio sin ayuda externa.
Hablemos
¿Tienes preguntas o comentarios? ¡Envíanos un mensaje!
Nuestros contactos
