---
title: "Diseño web para ópticas y marcas de gafas | Pupila"
description: "Diseño web para ópticas de autor y marcas de gafas: vídeo de campaña controlado por scroll, ficha de producto animada y estética editorial en blanco y negro. Mira la demo del tema Pupila y pide tu web."
lang: es-ES
source_url:
  html: https://logic2b.com/templates/pupila/
  md: https://logic2b.com/templates/pupila/index.md
---

# Pupila Plantilla para ópticas y gafas de autor

pupila.tudominio.com

Ruta: [Plantillas](https://logic2b.com/templates) › [Tiendas online y ecommerce](https://logic2b.com/diseno-web/tiendas-online)

## Diseño web para ópticas y gafas de autor

Plantilla de moda para ópticas de autor, marcas de gafas y tiendas de producto premium. Vídeo de campaña a pantalla completa que no se reproduce solo: avanza fotograma a fotograma con el scroll, mientras el header se desmonta de abajo arriba, «Tienda» se convierte en «Menú» y la ficha del producto entra desenfocada y su foto crece hasta casi el doble. Blanco, negro y una sola idea: que el producto sea lo único que se mire.

**Pupila** es una demo navegable para ópticas y gafas de autor. Está pensada para que quien entra entienda rápido qué ofreces y acabe contactando o reservando; la adaptamos a tu marca, tus textos y tus servicios.

La demo está construida con Astro y Svelte, el mismo stack que usamos en producción. En todos cuidamos lo mismo: carga rápida, HTML semántico y contenidos bien estructurados para que tu negocio se encuentre en buscadores y asistentes de IA.

### Qué incluye

- Vídeo de campaña avanzado por scroll (scrubbing amortiguado)
- UI fija invertida con mix-blend-mode: difference
- Header que se desmonta de abajo arriba al empezar a bajar
- Menú que muta de «Tienda» a «Menú» con desenfoque
- Ficha de producto que entra desenfocada y crece 1 → 1,9
- Wordmark con barrido metálico en bucle, sin imágenes
- Cero dependencias y cero webfonts: un solo bucle rAF
- Responsive y accesible (respeta prefers-reduced-motion)

### Detalles

**Sector**

Ópticas y gafas de autor

**Stack**

Astro + Svelte

**Entrega**

Publicada en tu dominio

### Categorías

[Tiendas online y ecommerce](https://logic2b.com/diseno-web/tiendas-online) [Moda y marcas de autor](https://logic2b.com/diseno-web/moda) [Ópticas y eyewear](https://logic2b.com/diseno-web/opticas) Moda Editorial Vídeo

## Temas relacionados

[Ver todos](https://logic2b.com/templates)

[**Grafito** Moda urbana y colecciones cápsula](https://logic2b.com/templates/grafito) [**Risco** Equipamiento outdoor técnico y ropa de montaña](https://logic2b.com/templates/risco) [**Savia** Marcas de cosmética y cuidado de la piel](https://logic2b.com/templates/savia)

Más allá de la web · Tiendas online y ecommerce

## La web vende. El sistema sirve el pedido.

[Sistemas del sector](https://logic2b.com/diseno-web/tiendas-online#sistemas)

Una tienda online se juega el margen detrás del escaparate: búsqueda interna, stock y personalización. Estas demos enseñan hasta dónde lo llevamos a medida.

1. Demo · Albarán
   **01** Inventario y almacén
   **[Pedidos, preparación y devoluciones](https://logic2b.com/lab/albaran)**
   Del pedido pagado a su entrega: oleadas de picking sobre el almacén, transportista por peso y destino y devoluciones con su reembolso de demostración.
2. Demo · Tesela
   **02** Comercio y buscadores
   **[Buscador que entiende al cliente](https://logic2b.com/lab/tesela)**
   Búsqueda con corrección de erratas y un orden de resultados que podéis explicar y ajustar, sin pagar un servicio externo por consulta.
3. Demo · Pespunte
   **03** Comercio y buscadores
   **[Configurador de producto](https://logic2b.com/lab/pespunte)**
   Personalización visual —colores, nombre, piezas— con el pedido exportado listo para producción.

Sistemas a medida

- [Inventario y almacén](https://logic2b.com/sistemas/inventario-almacen)
- [Comercio y buscadores](https://logic2b.com/sistemas/comercio-buscadores)

---

Logic2b S.L. · Castellón (España) · [info@logic2b.com](mailto:info@logic2b.com) · [Contacto](https://logic2b.com/contacto/) · [Auditoría gratuita](https://logic2b.com/auditoria/) · [Índice para IA](https://logic2b.com/llms.txt)