WIREFRAME ONE-PAGE · Farmacia Óptica Marcos · v0.1 · 4-jun-2026 solo estructura · sin paleta todavía · entrega dev externo

Esquema visual de la web (one-page)

Decisión 4-jun: web de una sola página con dos bloques diferenciados (Farmacia y Óptica), navegación con anclas internas, sin "Nosotros" separado (la historia va embebida), sin formulario (contacto = Google Maps + teléfono + horario).

Los bloques grises representan dónde irá cada cosa. Las cajas amarillas a la derecha explican qué contiene y qué falta. El color/paleta llega en la siguiente iteración.

Foto real Texto Botón / CTA Pendiente Jaime/Marcos
PÁGINA ÚNICA · farmaciamarcos.comla web entera, scroll continuo
https://farmaciamarcos.com

1 · Cabecera fija

Logo a la izquierda + menú con anclas + teléfono destacado a la derecha.

Menú:

  • Farmacia
  • Óptica
  • Historia
  • Visítanos

El menú permanece visible al hacer scroll (sticky).

DATOS · 985 810 113 confirmado
FOTO FACHADA C/ MAYOR 28 · fondo a sangre

2 · Hero (foto fija + claim)

Una sola foto grande de la fachada (no slider). Encima, claim breve. Sin botones — el teléfono del header sticky cubre el "llamar" y siempre está visible al hacer scroll.

Claim propuesto:
"Farmacia y óptica en Cangas desde 1870"
"C/ Mayor 28 · 985 810 113"

FOTO · necesitamos foto de fachada en alta (ahora mismo no la tenemos)

3 · Presentación breve

Dos o tres líneas que digan qué es el negocio sin rodeos: farmacia tradicional con óptica, en el centro de Cangas, atención cercana.

Marca el tono del resto. No vende — sitúa.

COPY · pendiente borrador final
#farmacia
FARMACIA
FOTO INTERIOR FARMACIA

4 · Presentación Farmacia

Primero entras en la farmacia: texto reposado a la izquierda (qué es, trato, equipo, por qué aquí), foto interior del mostrador a la derecha.

El badge "FARMACIA" abre el bloque. El fondo verde suave marca todo lo que pertenece a farmacia (esta presentación + los servicios de debajo).

COPY + FOTO interior farmacia

5 · Servicios de la Farmacia (8)

Justo debajo de la presentación, dentro del mismo fondo verde. Grid de 8 cards: icono + nombre + 1-2 líneas.

Servicios confirmados:

  • Análisis Clínico
  • Ortopedia
  • Audífonos
  • Nutrición
  • Dermofarmacia
  • Parafarmacia
  • Fórmulas Magistrales
  • Atención farmacéutica
COPY · 1-2 líneas por servicio · pendiente Jaime
#optica
FOTO INTERIOR ÓPTICA · monturas/gabinete
ÓPTICA

6 · Presentación Óptica

Mismo patrón que farmacia, pero con la foto a la izquierda y el texto a la derecha (invertido para variar el ritmo visual).

"Óptica desde 1984". Equipo de gabinete, graduaciones sin cita, marcas trabajadas. Fondo crema-mostaza marca todo el bloque óptica (presentación + servicios de debajo).

COPY + FOTO gabinete

7 · Servicios de la Óptica (4)

Justo debajo de la presentación, dentro del mismo fondo crema-mostaza. Grid de 4 cards.

Servicios propuestos:

  • Graduación de la vista
  • Monturas y lentes
  • Lentes de contacto
  • Gafas de sol
VALIDAR servicios y copy con Jaime
#historia
DESDE 1870

8 · Historia (sin "Nosotros" separado)

Embebido en la one-page. Tres hitos: 1870 fundación farmacia · 1984 incorporación óptica · hoy 4ª generación.

Texto reposado de 2-3 párrafos arriba, hitos en cards abajo.

RELATO histórico afinado · pendiente Jaime

9 · Galería de fotos

Grid 4×2 con 8 fotos del negocio (interior, exterior, productos, equipo, fotos antiguas). Es donde lucen las fotos que tenemos.

Sin texto encima — las fotos hablan solas.

FOTOS · seleccionar 8 con Jaime/Marcos

10 · Reseñas de Google

Widget de un plugin de Elementor que lee las reseñas reales del perfil de Google Business y las pinta aquí.

3 reseñas visibles + enlace "ver todas en Google".

DEV · lo monta el dev externo con plugin estándar
#visitanos
GOOGLE MAPS EMBED · Farmacia Óptica Marcos, C/ Mayor 28
VISÍTANOS
Dirección
Teléfono
Email
Horario

11 · Visítanos = contacto

Google Maps embed a la izquierda, datos a la derecha. Sin formulario.

Datos confirmados:

  • C/ Mayor 28, 33800 Cangas del Narcea
  • 985 810 113
  • info@farmaciamarcos.com
  • L-V 9:00-14:30 / 16:00-21:00
  • S 9:30-14:00
DATOS · todo confirmado
UE
NEXT GEN
PLAN REC.
RED.ES

12 · Pie + Faldón Kit Digital

Pie en oscuro: contacto · navegación · enlaces legales · redes.

Legales (5): Aviso legal · Privacidad · Cookies · Condiciones · Accesibilidad. Páginas independientes, enlazadas desde aquí.

Faldón Kit Digital: logos UE + NextGen + Plan Recuperación + Red.es + texto reglamentario.

DATOS · logos y texto reglamentario ya tenemos
PÁGINAS LEGALES SEPARADASenlazadas desde el pie · 1 página por cada una
https://farmaciamarcos.com/aviso-legal

13 · 5 páginas legales

Cada una en su URL propia, plantilla idéntica con texto largo de legales:

  • /aviso-legal
  • /privacidad
  • /cookies
  • /condiciones
  • /accesibilidad

Cabecera y pie igual que la home. Solo cambia el cuerpo.

TEXTOS legales · plantilla LSSI+RGPD adaptada a farmacia
PENDIENTES PARA CERRARlo que falta antes de pasar a colorear

Pendientes que solo Jaime/Marcos pueden cerrar

Siguiente paso Bender: aplicar paleta del DS (verde-50 / mostaza-50 / cream / nogal) sobre esta misma estructura cuando esté validada.