Documentación del proyecto

Arquitectura copy-first

Wireframe en texto, bloques, objetivo comercial

Una página, una promesa, una acción. Acción única: Agendar valoración gratuita (con WhatsApp como canal principal de baja fricción).


Wireframe en texto (orden de aparición)

0 · Nav (sticky, transparente sobre hero, blanco al hacer scroll)

  • Logo (izquierda)
  • Menú: Servicios · Tecnología · El proceso · Quiénes somos · FAQ
  • CTA: “Agendar valoración” (botón sólido, siempre visible)
  • (Mobile) Hamburguesa

1 · Hero

Objetivo: captar en 3 segundos. Comunicar: boutique de láser médico en CDMX.

Elemento Contenido
Eyebrow “CDMX · Boutique de láser estético”
H1 “Piel cuidada con luz de verdad.” (o variante)
Sub “Depilación definitiva, tatuajes fuera, manchas que se van. Con valoración médica, manos certificadas y tecnología que sí te explicamos.”
CTA 1 (primario) “Agenda tu valoración gratuita”
CTA 2 (secundario) “Hablar por WhatsApp”
Trust badges “COFEPRIS · Valoración médica previa · Responsable sanitario”
Visual Hero video o imagen full-bleed (modelo real, luz natural, sin retoque)

Bloques del deseo (mapeo): - 1 Problema: “Piel que pide más de lo que las cremas dan” - 2 Dolor: “Cada 3 semanas, otra vez” - 3 Deseo: “Llegar a la playa sin pensar” - 4 Beneficio del beneficio: “Verse en el espejo y reconocerse”

2 · La pregunta (micro-bloque, transición)

Objetivo: bajar del hero al servicio con un dolor puntual. Tono íntimo, pregunta directa.

  • H2: “¿Ya te la hiciste y no te sirvió?”
  • Una línea de escena: “Vuelves a la cita cada 3 semanas. Te aplicaron, te cobraron, saliste en 8 minutos. Nadie te dijo qué máquina usaron. Y ahora no sabes si el láser no sirve o si te tocó un mal lugar.”
  • (Sin CTA, solo deja la pregunta abierta para que el visitante siga leyendo)

3 · Servicios (grid 3×2)

Objetivo: que cada visitante encuentre lo que busca en menos de 5 segundos.

Cada servicio = card con: - Ícono (línea fina, monocromo) - Título (1 línea) - 2 líneas de “qué es” (en lenguaje claro, sin jerga) - Indicación de sesiones típicas - “Ver más” → ancla a sección detalle

Servicios: 1. Depilación láser definitiva — 808 nm. 6–8 sesiones. Hombres y mujeres. 2. Eliminación de tatuajes — Picosegundos. 4–8 sesiones. Multicolor. 3. Borrado de micropigmentación — Cejas, labios, eyeliner tatuado. 4. Manchas y melasma — Léntigos, melasma, manchas del sol. 5. Rejuvenecimiento facial — Arrugas finas, textura, luminosidad. 6. Cicatrices y poros — Acné, poros dilatados, marcas.

CTA abajo: “Ver proceso completo de valoración” → ancla a bloque de proceso.

4 · Por qué LaserMed (3 diferenciadores visuales)

Objetivo: responder “¿por qué ustedes y no la depiladora de la esquina?” sin sonar a venta agresiva.

Estructura: 3 columnas, ícono + título + 3 líneas de cuerpo.

  1. Valoración médica antes de tocarte. Cualquier láser empieza con un médico que ve tu piel, tu historial, tu tipo de piel Fitzpatrick y te dice si eres candidato. Antes de pagar.

  2. Manos certificadas, no manos anónimas. Operadores capacitados en el equipo específico, con constancia, supervisados por responsable sanitario con cédula profesional.

  3. Tecnología explicada en español. Te decimos qué te estamos haciendo en cada pulso. No es misterio, es método. Y si no aplica para ti, te decimos que no.

5 · La tecnología (sección científica, tono editorial)

Objetivo: la pieza que demuestra seriedad. No es la más larga; es la que cierra la venta racional.

Estructura: 2 bloques alternados texto/imagen con scroll, estilo revista.

Bloque A: Diodo 808 nm — para vello - “808 nanómetros. La longitud de onda que el folículo piloso absorbe como un imán.” - Explicar en 4–5 líneas el principio de selectividad fototérmica, sin jerga. - Resultado: vello eliminado, epidermis respetada. - Indicación: depilación, zonas grandes y chicas, hombres y mujeres, Fitzpatrick I–VI.

Bloque B: Picosegundos — para pigmento y textura - “Pulsos de una billonésima de segundo. Tan cortos que rompen el pigmento por onda de choque, no por calor.” - 4–5 líneas: efecto fotoacústico, fragmentación en polvo de tinta, eliminación natural. - Cabezales 1064 (oscuros), 532 (cálidos), 1320 (Black Doll, rejuvenecimiento). - Indicación: tatuajes, manchas, melasma, rejuvenecimiento, poros, cicatrices.

Cierre de bloque: “Las dos tecnologías en una sola mano de pieza. Por eso en LaserMed se hacen cosas que otros no pueden.”

6 · El proceso (4 pasos, timeline horizontal)

Objetivo: bajar la ansiedad de “no sé qué me van a hacer”. Mostrar el método.

4 pasos:

  1. Valoración (gratis, 20 min). Vienes, te vemos, te preguntamos, vemos tu piel. Si no eres candidato, te decimos. Si sí, te explicamos el plan: zonas, número de sesiones, intervalo, costo total estimado.

  2. Plan personalizado (escrito). Te entregamos tu plan por escrito: qué te vamos a hacer, cuántas sesiones, con qué间隔, qué esperar. Sin sorpresas. Te lo enviamos por WhatsApp.

  3. Las sesiones. Sesión por sesión. En cabina refrigerada, con música, con quien te explique cada paso. Duración entre 15 y 45 min según la zona.

  4. Seguimiento real. A los 7 días postratamiento, un mensaje para ver cómo vas. A las 3 semanas, la siguiente cita. Al final del plan, valoramos resultados contigo.

7 · Quiénes somos (2–3 personas)

Objetivo: humanizar. Poner cara y credenciales.

Estructura: 2-3 cards con foto real, nombre, rol, credenciales.

  • Responsable sanitario — Médico/a, cédula, formación, por qué medicina estética.
  • Operadora principal — Quién aplica los tratamientos, su capacitación, su trato.
  • (Opcional) Fundador/a — Si la historia personal tiene valor (ej. “llevaba años depilándome y por eso abrí esto”).

Cierre: “Somos un equipo pequeño. No tenemos 20 sucursales. Tenemos una, donde te atendemos nosotros.”

8 · El espacio (galería, 6–8 fotos)

Objetivo: mostrar que es un lugar bonito. Una boutique, no una clínica de hospital.

  • Cabina principal (con la máquina, luz natural)
  • Sala de espera
  • Recepción
  • Detalle de un producto / textura / detalle de diseño
  • Foto del equipo trabajando (de espaldas, sin mostrar paciente)
  • (Opcional) Exterior del local

9 · Resultados (galería de antes/después con consentimiento)

Objetivo: prueba social visual. Mínimo 3 casos, máximo 6.

Estructura: Carrusel con flecha. Cada caso: nombre (o alias), servicio, número de sesiones, tiempo total, “ver caso completo” opcional.

⚠️ Crítico: Solo casos con consentimiento firmado. Sin excepción.

10 · Precios y planes (transparente)

Objetivo: responder “¿cuánto cuesta?” sin esconderse. El mercado castiga la opacidad.

Estructura: Tabla de precios o cards. “Desde” siempre. Si hay paquetes de plan, definir el descuento pero sin agresividad.

Ejemplo: - Depilación · axilas · desde $X / sesión - Depilación · piernas completas · desde $X / sesión - Tatuaje · sesión · desde $X - Manchas · desde $X / sesión - Rejuvenecimiento · plan 3 sesiones · $X (ahorra 15%)

Cierre: “En la valoración te decimos el costo total de tu plan. Sin sorpresas.”

11 · FAQ (10 preguntas)

Objetivo: responder lo que la gente busca en Google antes de agendar.

Preguntas: 1. ¿Duele el láser? 2. ¿Cuántas sesiones necesito? 3. ¿Cuánto cuesta el tratamiento completo? 4. ¿Funciona para piel morena? 5. ¿Funciona para vello claro / blanco? 6. ¿Tiene riesgos? ¿Puede mancharme? 7. ¿Puedo hacer el tratamiento si estoy embarazada? 8. ¿Necesito valoración médica? 9. ¿Cuánto dura cada sesión? 10. ¿Qué pasa si no veo resultados?

Cada respuesta: 2–4 líneas. Tono directo. Sin rodeos.

12 · Agente AI (bloque destacado)

Objetivo: introducir la voz AI como herramienta de baja fricción.

Estructura: Card con waveform animada o visual del agente, copy corto, botón “Hablar con LaserMed ahora” (abre modal/widget ElevenLabs).

  • “Habla con LaserMed. En cualquier momento.”
  • “Te contesta una voz con IA. Sabe de láser, sabe de planes, te agenda la valoración o resuelve tus dudas. Si prefieres humano, te pasamos con el equipo.”

13 · CTA final (cierre emocional)

Objetivo: recapitular el “después” y empujar al agendamiento.

  • H2: “Empieza a sentir tu piel como tuya otra vez.”
  • Una línea de cierre.
  • CTA grande: “Agenda tu valoración gratuita”
  • Trust line: “COFEPRIS · Valoración médica · WhatsApp directo”

Objetivo: regulación + contacto + legal + redes.

Columnas: - Logo + tagline corto - Contacto: dirección, teléfono, WhatsApp, email - Horarios - Redes (Instagram, TikTok) - Links legales: Aviso de privacidad · Términos · Reglamento COFEPRIS - “Atención de denuncias COFEPRIS: 800 033 5050” - “Médico responsable sanitario: [Nombre] · Cédula [N°]” - © 2026 LaserMed


Notas de maquetación

  • Una sola página con anclas. El usuario no abandona la promesa inicial.
  • Mobile-first. 70% del tráfico será móvil (CDMX, 25–45 años, Instagram/TikTok).
  • Velocidad de carga < 2.5 s. Imágenes WebP, lazy load, fuente variable.
  • Schema.org MedicalClinic + LocalBusiness para SEO local.
  • Open Graph para que se vea bien al compartir en WhatsApp/Instagram.
  • Accesibilidad: contraste AA, alt text en todas las imágenes, navegación por teclado.