Dra. Sofía Pajuelo
Software
Figma, Photoshop, WordPress, Elementor Pro, Gemini AI
Cliente
Dra. Sofía Pajuelo
Duración
5 semanas
[ DESLIZA ]
S
Desarrollo y construcción desde cero de la plataforma web oficial para la Dra. Sofía Pajuelo Balaguer, médica especialista en medicina estética, regenerativa y epigenética, alojada en un nuevo proveedor de hosting optimizado. La plataforma ha sido diseñada y estructurada para actuar como el catálogo digital definitivo de sus tratamientos (divididos estratégicamente en Medicina Estética y Cosmecéutica Avanzada), educar al paciente y centralizar la cobertura de sus eventos presenciales para potenciar su marca personal.
La doctora necesitaba establecer una presencia digital sólida, profesional y de alta gama que comunicara con precisión la esencia de su marca. Las necesidades críticas a resolver mediante el diseño y la estructura eran:
Necesidad de arquitectura de información clara: Clasificar de manera lógica y comprensible los tratamientos médicos frente a los servicios de cosmecéutica avanzada para el usuario.
Falta de un histórico de comunidad: Necesidad de un espacio editorial dinámico para documentar y validar el éxito de sus talleres interactivos (como el Taller Skincare Atache).
Requerimiento de interacciones a medida: El sitio requería un sistema de iconografía personalizado y microanimaciones sutiles que elevaran la experiencia premium, superando las opciones estándar de los constructores visuales comunes.
El proyecto se ejecutó desde cero siguiendo una metodología estructurada de diseño UX/UI y desarrollo web:
Briefing y Diagnóstico: Inicié el proyecto realizando una entrevista en profundidad a la doctora mediante un cuestionario estructurado para entender sus necesidades, objetivos y los valores de rigurosidad y sensibilidad que deseaba proyectar.
Alineación Visual (Moodboard): Creé un moodboard estratégico para definir la dirección estética (paleta de colores, estilo tipográfico y dirección de arte) y asegurar la sintonía visual con la doctora antes de iniciar la maquetación.
Estructura y Prototipado (Mobile-First): Diseñé los wireframes en Figma priorizando la versión móvil para garantizar una usabilidad impecable en smartphones. Posteriormente, desarrollé el diseño de alta fidelidad con una interacción básica para que la doctora pudiera validar el flujo de navegación y la experiencia de usuario.
Construcción y Vibe Coding: Implementé el sitio web en WordPress y Elementor Pro sobre el nuevo hosting. Para lograr las interacciones específicas que Elementor no incluye de forma nativa, utilicé herramientas de inteligencia artificial para programar e integrar microanimaciones en los botones. Finalmente, integré el formulario de contacto.
Producción de Contenido: Realicé la cobertura fotográfica profesional in-situ durante el Taller Skincare Atache de junio de 2026, capturando los detalles del evento y la experiencia de las asistentes para alimentar la galería de la web.
Se construyó un ecosistema digital de estética médica boutique, fluido, optimizado y 100% autogestionable.
Diseño Responsivo Orientado al Usuario: Interfaz perfectamente adaptada a dispositivos móviles gracias al enfoque de diseño inicial, organizando los servicios en bloques limpios y sliders dinámicos.
Interactividad Avanzada: Microinteracciones en los estados hover de los botones, aportando dinamismo y sofisticación a la navegación.
Flujo de Captación Optimizado: Integración de un formulario de contacto directo y una sección destacada con el botón «Solicitar», enfocado estratégicamente en la primera valoración médica sin coste.
Galería de Eventos de Alta Calidad: Un espacio dedicado a «Nuestros Eventos» que aprovecha el material fotográfico del taller para transmitir transparencia, comunidad y posicionamiento de marca.