1. Descripción general del proyecto
La Dra. Adriana Angélica de Paula Vieira, cirujano dentista con más de 25 años de experiencia, entregó el copia completa y solicitó que el diseño siguiera el colores del logotipo (degradado violeta violeta con detalles en rosa claro). Nuestra función era organizar la información, potenciar las imágenes proporcionadas y conducir al visitante al único objetivo de la página: programar una evaluación.
2. Identidad visual
| Elemento | Color/Característica | Función |
|---|---|---|
| fondo de héroe | Degradado violeta violeta | Elegancia y diferenciación en estética dental |
| Tarjetas de servicio | Rosa claro (#F9E6F0) + borde morado fino | Crea un contraste suave y mantiene la luminosidad |
| Botones de acción | Morado oscuro (#57205C) con texto blanco | Destacado inmediato: "Programe su revisión ahora" |
| tipografía | Gris grafito y blanco | Máxima legibilidad en fondos claros y oscuros |
| Fotos | Retrato profesional, primer plano de sonrisas, asistencia | Humanizar y generar confianza |
3. Estructura real de la landing page
| Orden | Sección (idéntica al diseño) | Objetivo |
|---|---|---|
| 1 | héroe – nombre completo + especialidad + CTA “Agenda tu evaluación ahora” | Impacto inicial y acción directa |
| 2 | Servicios de Estética Dental – 2 cartas (Blanqueamiento, Facetas de Resina) | Destacar los tratamientos dentales |
| 3 | Armonización Orofacial – 2 tarjetas (Relleno de Ácido Hialurónico, Bioestimuladores de Colágeno) | Destacar tratamientos faciales |
| 4 | Resultados de los pacientes – triple carrusel: Tratamientos Dentales, Armonización Facial, Servicios | Prueba social visual |
| 5 | Ubicación – Bloque “Vieira y Lenk – Soluciones de Salud y Estética” + mapa de Google integrado + CTA | Facilitar la visita en persona |
| 6 | presentación profesional – texto institucional completo + foto en pose confiada | Reforzar la autoridad y la empatía |
| 7 | Pie de página – copyright, CRO, sellos y botón flotante de WhatsApp | Estrecho manteniendo el contacto a la vista |
4. Experiencia móvil y usabilidad
- Diseño móvil primero: Los carruseles se deslizan al deslizar el dedo y las tarjetas se apilan verticalmente.
- CTA de ≥ 44 px de alto y bien espaciados para un tacto cómodo.
- La tipografía base de 16 px y el contraste AA garantizan una lectura sin zoom.
- El botón de WhatsApp permanece visible durante todo el desplazamiento.
5. Optimización técnica y SEO (sin métricas de resultados)
| factores | Implementación |
|---|---|
| Velocidad | Imágenes WebP+ carga diferida; CSS crítico en línea |
| Semántica | H1, H2 único para cada sección, listas y texto alternativo descriptivo |
| palabra clave | “landing page de odontología estética” distribuida en título, meta, primer párrafo y subtítulos (~1% de densidad) |
| Enlaces | Botones de WhatsApp/Calendario con rel="no seguir"; enlace interno a otro caso dental |
6. Consideraciones finales
Incluso con textos y fotografías previamente definidos, el rediseño:
- organizado Servicios odontológicos y faciales en cuadras claras.
- Destacado evidencia visual a través de carruseles segmentados.
- mantenido coherencia de la marca utilizando exclusivamente el degradado morado del logotipo.
- Guiado al visitante mediante CTA repetidos hasta la cita, sin distracciones.
