Dos propuestas de página web para Magistral Constructora
Hice dos versiones completas del sitio de una constructora de Arequipa: una con libertad creativa total y escenas 3D, y otra al pie de la letra de lo que pidió el marketero.
Esta semana estuve trabajando en la nueva página web de Magistral Constructora, una constructora de Arequipa que hace edificios boutique en Cayma, Yanahuara y José Luis Bustamante y Rivero.
En vez de hacer una sola versión, hice dos propuestas completas para que el cliente elija. Las dos están en línea y puedes recorrerlas desde los botones de arriba.
Ojo: las dos propuestas todavía están en desarrollo y aún no pasan la primera revisión del cliente, así que van a cambiar.
Propuesta A — Libre
Aquí me di total libertad creativa. La idea fue que la página se sienta como una experiencia y no como un catálogo:
- Escenas 3D generadas por código que avanzan con el scroll: el edificio se va construyendo piso por piso.
- Una historia familiar en 3D: dos departamentos por piso, familias que crecen mirando al Misti.
- Un minijuego de apilar losas donde cada piso desbloquea una promesa de la empresa.
- Una ficha por proyecto con los colores de cada edificio, plantas reales, galería y fachada interactiva.
Propuesta B — Según el marketero
Esta sigue al pie de la letra la estructura que pidió el marketero del cliente: un menú con desplegables, una página por sección del contenido que nos pasó y los proyectos agrupados por distrito.
Cada proyecto tiene su brochure, un cotizador y espacio para el recorrido 360 y los avances de obra.
En el celular
Las dos están pensadas para verse bien en el teléfono. A la izquierda la A, a la derecha la B:
¿Por qué dos propuestas?
Porque muchas veces lo que el cliente pide y lo que mejor le funcionaría no coinciden. Hacer las dos le permite comparar con algo concreto en vez de imaginárselo.
Con qué está hecho
Next.js, React, Tailwind CSS, GSAP para las animaciones y Three.js para las escenas 3D.
¿Cuál te gusta más? Déjamelo en los comentarios.