Concepto · Diseño de producto
Aurel Sanz
Un concepto de web para un estudio de diseño de producto en Barcelona: lámparas, herramientas y objetos de casa, presentados como una ficha técnica.
- Sector
- Diseño de producto
- Proyecto
- Web portfolio
- Alcance
- Obra, despiece, proceso e índice
- Estado
- Concepto del estudio · 2026
El reto
Enseñar en una pantalla objetos que se entienden con las manos: su peso, su material y su acabado, para fabricantes que deciden por los detalles.
La respuesta
Una web que se lee como una ficha técnica. Retícula de doce columnas, una regla milimetrada en el margen que mide lo recorrido, cotas y escalas en cada pieza, y el despiece de una lámpara donde el color cambia con el voltaje del anodizado.
La web
Pantalla a pantalla
Capturas del concepto en funcionamiento, en el orden en que se recorre.
Decisiones de diseño
Una paleta de taller
El gris de una mesa de trabajo, tinta para el texto y el azul del titanio anodizado como único acento.
- Mesa#E6E7E4
- Tinta#111215
- Grafito#555960
- Titanio#1666AA
- LatónMaterial
Tipografía
Objetos que envejecen bien.
Archivo para los titulares, Newsreader para el texto y IBM Plex Mono para cotas y datos. La precisión de un plano con la calidez de un cuaderno.
Movimiento
Dos escenas se quedan fijas mientras se baja, la obra y el despiece, y una regla en el margen cuenta los milímetros recorridos.
- Escenas fijas
- Obra y despiece
- Regla
- A 96 píxeles por pulgada
- Movimiento reducido
- Se respeta
Funcionalidades
Lo que hace
Lo justo para que un fabricante entienda cómo trabaja el estudio y quiera escribirle.
- Obra en secuenciaCinco objetos que pasan al hacer scroll, con cotas y escala.
- Despiece interactivoSiete piezas y un selector de voltaje que cambia el color.
- Proceso con calendarioCinco fases con sus semanas y su entregable.
- Índice de obraTodo el catálogo, con la muestra de material al pasar el cursor.
- Tema claro y oscuroSigue la preferencia del sistema o la que elija quien visita.
- Contacto directoEl correo se copia con un toque, sin formularios.
Cómo está hecha
- 1Archivo HTML, sin librerías ni compilación
- 0Fotografías: los objetos se dibujan con código
- 2Temas, claro y oscuro
Aurel Sanz es un concepto del estudio, no un cliente real: muestra cómo abordaríamos la web de un estudio de diseño de producto. El nombre, los objetos y las cifras que aparecen en ella son inventados.
Siguiente paso
¿Tienes un proyecto parecido?
La primera reunión no tiene coste. Te respondemos con una propuesta clara y una fecha.