Cliente Sitio de muestra
Trabajo Diseño y desarrollo web
Ciclo Octubre 2026
Stack Astro · Tailwind

Un aparador que no cierra a las ocho.

Ocre 64 es una óptica inventada. El catálogo, las fichas y el flujo de pedido no: es la muestra que una óptica de Monterrey abre para ver su propio aparador en línea.

Ver el sitio en vivo ocre64.netlify.app
El encargo

Una óptica compite con el aparador, no con la tienda.

La mayoría de las ópticas de barrio enseñan su inventario en fotos sueltas de Instagram: sin medidas, sin precio y sin orden. El cliente pregunta por mensaje, le responden con otra foto, y la venta se cae en la tercera pregunta.

Ocre 64 es la respuesta a eso convertida en sitio: un catálogo tratado como boutique, con fotografía de producto consistente, tipografía de revista y la información que el cliente necesita para decidir solo. El objetivo no es que navegue bonito; es que llegue a la tienda sabiendo qué quiere probarse.

Catálogo de Ocre 64: tarjetas de los modelos Alexandra, Coleridge y Vance con precio, material y variantes de color
Doce modelos filtrables por material, cada uno con medidas y sus variantes de color.
El sistema

Cada armazón con su ficha, como en una tienda seria.

Cada modelo tiene página propia: fotografía grande, material, forma, las tres medidas que importan —calibre, puente y varilla— y el precio en sus dos versiones, con y sin graduación. Esa última es la pregunta que más tiempo quema en el mostrador, y aquí se responde antes de que la hagan.

El botón de pedido no abre un formulario: abre WhatsApp con el mensaje ya escrito, con el modelo y el color que el cliente estaba viendo. La óptica recibe «me interesa el Coleridge en Bourbon Tortoise, con graduación» en vez de un «hola». Menos fricción para quien compra, menos trabajo para quien atiende.

Ficha del modelo Coleridge con descripción, selector de color, precio con y sin graduación y botón Pedir por WhatsApp
La ficha resuelve color, graduación y precio en una sola pantalla.
Bloque negro con el título ¿No sabes cuál te queda? y el botón Pedir asesoría
Para el que no sabe qué le queda: una foto de frente y tres propuestas.
La construcción

Doce páginas que se generan solas.

El catálogo no está escrito a mano: los modelos viven como datos y Astro genera la página de cada uno en el build, con su galería, su ficha y su enlace de pedido. Agregar un armazón es agregar un registro —y la óptica que lo adopte puede crecer de doce a cuarenta modelos sin tocar el diseño.

Todo se sirve estático, con Tailwind para el sistema de espacios y tipografía, y un acento de movimiento donde ayuda: la pieza del hero reacciona al cursor con una inclinación mínima, lo justo para que el producto se sienta físico. El resto del sitio se queda quieto y deja hablar a la fotografía.

El resultado

El cliente llega decidido, no preguntando.

El sitio vive en ocre64.netlify.app. El cliente recorre los doce modelos, compara materiales y precios con y sin graduación, y cuando escribe por WhatsApp ya trae el modelo y el color en el mensaje. La óptica deja de contestar «¿qué tienen?» y empieza a contestar «¿cuándo pasas?».

12 modelos
Acetato, titanio y sol, cada uno con su ficha
2 precios
Con y sin graduación en cada armazón
1 mensaje
El pedido sale con modelo y color ya escritos
Ver el sitio en vivo → ocre64.netlify.app
Siguiente proyecto

Sensify Studio→

Interior del studio Sensify: pared negra con logotipo rosa neón, mancuernas, kettlebells y lema Move Feel Awaken

¿Tu catálogo merece verse así de bien?