Funciones de este diseño

• El nombre de su estudio se alza como un paisaje 3D en tiempo real dibujado con curvas de nivel, ajustado automáticamente a cualquier nombre de 5 a 12 letras (en dos líneas en el móvil)
• Una sonda topográfica bajo el puntero: la altitud en vivo y toda la curva de nivel de esa altura trazada sobre el terreno; al pulsar y arrastrar se levanta una cresta que se cura sola, y un clic envía un pulso (en el móvil, mantener pulsado)
• Un scroll cinematográfico: la cámara deja su nombre, la noche baja desde el horizonte y cuatro proyectos destacados se muestran como paisajes en vivo con cotas con nombre
• Un índice de trabajos con filtros y orden en el que, al pasar el ratón por un título, ese proyecto se ejecuta en vivo detrás de la lista
• Una página para cada proyecto: la pieza en vivo con tres controles deslizantes y tres estilos de línea, una ficha técnica, imágenes del proceso, fotogramas, créditos y el proyecto siguiente
• Una página sobre usted en la que su retrato se convierte en un mapa topográfico, además de servicios, herramientas, clientes, reconocimientos, prensa y agradecimientos
• Un formulario de contacto que llega a su correo a través de Netlify, con correo, teléfono, dirección del estudio y sus coordenadas
• Pensado para la velocidad: fluido en portátiles normales, un modo más ligero para ordenadores lentos, un mapa fijo sin WebGL y una versión tranquila para quienes prefieren menos movimiento
• Todas las imágenes de proyectos de la demo (portadas, fotogramas e imágenes del proceso) las dibuja el propio motor del sitio; las sustituyo por su propio trabajo: capturas de pantalla, fotos de instalaciones o fotogramas

Ideal para

• Creative developers y tecnólogos creativos
• Artistas digitales, generativos y de datos
• Estudios WebGL, interactivos y de instalaciones

Páginas y secciones

• Inicio: una breve cortinilla con su nombre y, después, el nombre de su estudio se alza del suelo como un paisaje en vivo dibujado con curvas de nivel. Los visitantes lo exploran con el ratón (una sonda lee la altitud y traza la curva de nivel de esa altura), pulsan y arrastran para levantar una cresta que se cura sola y hacen clic para enviar un pulso por el terreno. Al hacer scroll, la cámara deja su nombre, la noche baja desde el horizonte y cuatro proyectos destacados se muestran como paisajes en vivo con cotas con nombre; al final su nombre vuelve al atardecer bajo Envíe un brief
• Trabajos: todos los proyectos en un índice limpio con filtros por tipo y orden; al pasar el ratón o enfocar un título, ese proyecto se ejecuta en vivo detrás de la lista
• Proyecto: una página para cada proyecto con la pieza a pantalla completa, tres de sus ajustes reales en controles deslizantes y tres estilos de línea para cambiar, una ficha técnica con los datos, el brief, el enfoque y el resultado, imágenes del proceso, fotogramas, créditos y el proyecto siguiente
• Sobre usted: su retrato leído como altura y dibujado como un mapa topográfico, y después su historia, servicios, herramientas, clientes, reconocimientos, prensa y agradecimientos a sus colaboradores
• Contacto: un formulario de brief con el tipo de proyecto y los plazos que llega a su correo, además de correo, teléfono, dirección del estudio y sus coordenadas marcadas por una baliza de anillos; al enviar el brief, un pulso recorre el terreno