Dra. Sofía Pajuelo
Software
[ Figma, Photoshop, WordPress, Elementor Pro, Gemini AI, Affinity ]
Duración
[ 5 SEMANAS ]
Rol
[UX/UI & Web Designer]
Sitio
El Desafío
Tuve la oportunidad de trabajar con una doctora especializada en medicina estética. Inicialmente, me pidió un sitio web para mostrar sus servicios. Sin embargo, al elaborar el briefing a partir de la entrevista que tuvimos, se detectaron los siguientes problemas:
-
No tenía una identidad visual clara que reflejara sus valores de marca.
-
No contaba con un sitio web para mostrar sus tratamientos, dependiendo únicamente del boca a boca para captar pacientes.
-
Carencia de tarjetas de presentación para fidelizar o referir pacientes tras las consultas presenciales.
Con el briefing en mano, empecé a buscar inspiración en diversos sitios web y en plataformas como Behance y Pinterest. Luego, seleccioné referencias clave de mi colección para elaborar el Moodboard.
Presenté el Moodboard a la doctora para alinearnos con el diseño de su identidad y del sitio web, asegurando que ambos tuviéramos clara la dirección visual antes de avanzar.
Al principio hice unos bocetos en papel y después los pasé a Affinity Designer para crear varias versiones digitales.
El primer concepto fue rechazado por la doctora: ella quería que su logotipo tuviera más curvas, ya que la elegancia era una de las características esenciales de su marca. Volví a bocetar y le presenté nuevas opciones. Finalmente aprobó una de las propuestas y quedó encantada con el resultado.
Una vez aprobado el logotipo, seleccioné tipografías legibles para pantalla (Instrument Serif, Instrument Sans y Asap), definí los colores (teniendo muy en cuenta los tonos que la doctora prefería evitar) y diseñé los íconos de su identidad visual basándome en el Moodboard.
Por otro lado, diseñé en Figma el sitemap, luego los wireframes y finalmente un prototipo funcional para que la doctora pudiera comprender la navegación y la interacción del sitio web. Además, estructuré una guía de componentes y estilos básicos para garantizar consistencia visual y facilitar la escalabilidad del sitio a futuro.
En cada etapa del proceso, solicité su revisión y aprobación para avanzar con paso firme.
Cuando el sitio web ya estaba en desarrollo dentro de WordPress con Elementor, tuve problemas técnicos para implementar una animación de imágenes que había planteado en Figma. Como la fecha de entrega estaba cerca, opté por una animación alternativa más sencilla de construir. El resultado final resolvió la necesidad y a la doctora le encantó.
Gracias a este proceso, la doctora no solo cuenta con un sitio web funcional, atractivo y fácil de navegar, sino también con una identidad visual coherente y reconocible.
Además, diseñé sus tarjetas de presentación y preparé los archivos finales para imprenta; quedó muy contenta cuando las tuvo físicamente en sus manos.
El mayor reto: Resolver la animación de imágenes que no pude implementar como estaba en Figma debido a su complejidad y al límite de tiempo, encontrando a tiempo una alternativa viable con la que el cliente quedó muy satisfecho.
Qué aprendí: A perder el miedo a comunicarme de forma transparente con la clienta, a delimitar con precisión el alcance técnico del proyecto desde el inicio y a integrar herramientas de IA en mi flujo de trabajo para optimizar microinteracciones y animaciones web.