Magna

Plataforma editorial y catálogo de obra para un estudio de arquitectura y desarrollo inmobiliario.

Sector: Inmobiliaria
Rol: UI/UX, Desarrollo, Motion
Stack: Next.js, TypeScript, GSAP, MDX

magna.concepto.basesofts.com

Concepto

Caso demostrativo de I+D: prototipo funcional desarrollado íntegramente por BaseSoft para demostrar arquitectura, UX y rendimiento en el sector. La aplicación es 100 % navegable; las métricas y marcas son simuladas.

Vista previa

Navega el sitio

Abrir en una pestaña nueva

Es el sitio real del concepto: desplázate y pulsa para probarlo.

Página completa del sitio de Magna — Página completa

El reto

Un estudio que construye con piedra y madera necesitaba un sitio que se sintiera como su obra: sólido, cálido y con espacio para que cada proyecto respire.

El enfoque

Un diseño oscuro y editorial, de roca volcánica y líneas incandescentes, con imágenes grandes y mucho aire. Cada proyecto se presenta como un recorrido: implantación, materiales, detalles y fotografías en secuencia, con transiciones lentas que invitan a mirar.

El resultado

Una plantilla de ficha de obra, un índice filtrable por tipología y un sistema de contenido en archivos que permite sumar proyectos sin tocar el diseño.

Sobre el proyecto

En detalle

Magna es un prototipo funcional de BaseSoft: un caso de estudio sobre dirección de arte y arquitectura de contenidos para presentar proyectos inmobiliarios de alto nivel sin sacrificar rendimiento web.

Una web que se siente como un edificio

Buscamos materialidad: bordes limpios, una paleta de roca volcánica y brasa, y un ritmo de lectura pausado. El movimiento se limita a brasas, trazos que se calientan y transiciones entre fichas de obra.

Contenido que escala

Cada obra es un archivo de contenido con sus metadatos (tipología, año, superficie, materiales) y su galería. Añadir una obra nueva no requiere tocar el diseño: se crea el archivo y aparece en el índice, en el filtro y en el mapa.

Cuidado con las imágenes

Toda la fotografía se sirve en formatos modernos con tamaños responsive y carga diferida, de modo que las galerías grandes se sientan inmediatas incluso en conexiones modestas.

Páginas