¿Quién es?
Para Sostenerte es un proyecto de psicología clínica ubicado en Puebla, México, especializado en acompañamiento psicológico en línea mediante terapias contextuales. Su objetivo es brindar un espacio seguro y profesional para ayudar a personas que enfrentan ansiedad, estrés, duelos y otras dificultades emocionales.
Además de ofrecer sesiones terapéuticas, la plataforma integra recursos gratuitos para pacientes y psicoterapeutas, así como una tienda en línea con productos diseñados para fortalecer el bienestar emocional, como agendas y calendarios terapéuticos.
Desafío
El proyecto consistió en diseñar y desarrollar una plataforma digital completamente desde cero que transmitiera confianza, cercanía y profesionalismo, facilitando el acceso a los diferentes servicios ofrecidos.
Los principales objetivos fueron:
- Diseñar una experiencia clara y accesible para personas que buscan apoyo psicológico.
- Generar confianza mediante una identidad visual cálida, profesional y coherente con la marca.
- Facilitar el proceso de contacto y agendamiento de sesiones mediante WhatsApp.
- Integrar una tienda en línea para la venta de productos digitales y físicos.
- Organizar recursos gratuitos para distintos tipos de usuarios (pacientes y psicoterapeutas).
- Garantizar una experiencia responsive y fácil de administrar.
Mi rol
Como UX/UI Designer y Web Developer lideré el proyecto de principio a fin, aplicando la metodología de Design Thinking para crear una experiencia centrada en las necesidades emocionales y funcionales del usuario.
Mis responsabilidades incluyeron:
- Investigación del negocio y análisis de usuarios.
- Definición de arquitectura de información y flujos de navegación.
- Diseño de wireframes y prototipos en Figma.
- Desarrollo del Design System.
- Diseño de interfaces enfocadas en generar confianza y facilitar la conversión.
- Desarrollo completo del sitio en WordPress + Elementor Pro.
- Implementación de WooCommerce para la tienda en línea.
- Configuración de recursos descargables y optimización responsive.
Herramientas
- Figma – Creación de wireframes, prototipos interactivos y sistema de diseño.
- Adobe Photoshop – Edición y optimización de fotografías e imágenes.
- Adobe Illustrator – Diseño de elementos gráficos e ilustraciones.
- WordPress + Elementor Pro – Desarrollo completo del sitio web.
- WooCommerce – Implementación y gestión de la tienda en línea.
Metodología UX: Enfoque de Design Thinking
¿Qué es Design Thinking?
Es una metodología centrada en el usuario que guía la resolución de problemas mediante cinco etapas iterativas: empatizar, definir, idear, prototipar y testear. Me permite diseñar soluciones digitales funcionales, empáticas y alineadas con objetivos de negocio.
Empatizar
Se analizaron las necesidades de personas interesadas en iniciar un proceso terapéutico, identificando los principales factores que generan confianza al elegir un profesional de la salud mental. También se revisaron referentes del sector para detectar buenas prácticas y oportunidades de mejora.
Definir
Se identificó la necesidad de construir un sitio que transmitiera cercanía y profesionalismo, simplificando el acceso a información sobre las terapias, el proceso de contacto, los recursos gratuitos y la tienda en línea, evitando saturar al usuario con exceso de información.
Idear
Se propuso una arquitectura de información sencilla que guiara al usuario hacia las acciones principales: conocer los servicios, agendar una sesión, descargar recursos o adquirir productos. Se priorizaron llamados a la acción visibles y una comunicación visual cálida y accesible.
Prototipar
Se desarrollaron wireframes y prototipos interactivos en Figma para validar la distribución del contenido, la jerarquía visual y el recorrido del usuario antes de iniciar el desarrollo.
Testear
Se realizaron pruebas funcionales y de navegación para verificar la claridad del contenido, la facilidad del proceso de compra, la descarga de recursos y la experiencia de agendamiento desde dispositivos móviles y escritorio.
User persona
Andrea, 29 años
Profesionista con ansiedad laboral
- Objetivos: Encontrar apoyo psicológico confiable y comenzar terapia en línea de forma sencilla.
- Necesidades: Información clara sobre el proceso terapéutico, confianza en la profesional y una forma rápida de agendar una cita.
- Frustraciones: Sitios con exceso de información, lenguaje demasiado técnico o procesos complicados para contactar al especialista.
Fernanda, 35 años
Psicoterapeuta independiente
- Objetivos: Acceder a recursos especializados que complementen su práctica profesional.
- Necesidades: Descargar materiales útiles y adquirir herramientas creadas por otra profesional del área.
- Frustraciones: Recursos difíciles de encontrar, plataformas poco organizadas o procesos de compra complicados.
Soluciones UX/UI Implementadas
- Arquitectura de información enfocada en la toma de decisiones.
- Diseño visual cálido, limpio y orientado a generar confianza.
- Llamados a la acción estratégicos para agendar vía WhatsApp.
- Integración de WooCommerce para productos digitales y físicos.
- Organización de recursos gratuitos por tipo de usuario.
- Diseño completamente responsive.
- Optimización de navegación para reducir la fricción en el proceso de contacto.
Proceso en Acción: Vistas del Proyecto
El proyecto combinó investigación, estrategia UX y diseño visual para construir una experiencia digital enfocada en transmitir confianza desde el primer contacto. Cada etapa permitió validar decisiones antes del desarrollo y asegurar una navegación intuitiva.
A continuación, se muestran las principales evidencias del proceso:
Mapa Mental de Navegación
Se estructuró la arquitectura del sitio priorizando las acciones principales: conocer la psicóloga, explorar los servicios, acceder a recursos gratuitos, visitar la tienda y agendar una sesión.
Customer Journey Map
Se analizó el recorrido de usuarios que buscan apoyo psicológico, identificando los momentos donde la confianza, la claridad y la facilidad de contacto influyen en la decisión de iniciar terapia.
Bocetos Iniciales a Mano
Se exploraron diferentes distribuciones de contenido y jerarquías visuales para encontrar la forma más clara de presentar la información antes de diseñar en digital.
Wireframes de Estructura (Figma)
Se construyeron wireframes centrados en facilitar la lectura, mejorar la navegación y destacar las acciones prioritarias como agendar una sesión, descargar recursos o visitar la tienda.
Design System (Figma)
Se desarrolló un sistema visual consistente basado en una paleta de colores suaves, tipografías legibles, componentes reutilizables y elementos gráficos alineados con la identidad emocional de la marca.
Prototipo Interactivo (Figma)
Se diseñó un prototipo de alta fidelidad que permitió validar la experiencia completa del usuario, desde la navegación inicial hasta el proceso de compra y el agendamiento de sesiones.
Resultados Estimados
(Benchmarks del sector)
Al tratarse de un sitio desarrollado desde cero, no existen métricas comparativas previas. Sin embargo, con base en estudios de UX para servicios profesionales, bienestar y comercio electrónico, se estiman los siguientes beneficios potenciales:
Indicador UX
Estimación Post-Rediseño
Conversión hacia agendamiento vía WhatsApp
↑ +40%
Tiempo promedio de permanencia
↑ +35%
Descarga de recursos gratuitos
↑ +50%
Conversión en tienda en línea
↑ +20%
Tasa de rebote
↓ -30%
Experiencia móvil optimizada
100% Responsive
Reflexión final
«Diseñar Para Sostenerte representó el reto de crear una experiencia digital donde la confianza fuera el elemento central. Más allá del diseño visual, el proyecto buscó acompañar al usuario desde el primer contacto, facilitando el acceso a terapia, recursos y herramientas para su bienestar emocional. Este caso demuestra cómo una estrategia UX/UI bien ejecutada puede transformar una idea en una plataforma funcional, cercana y orientada a la conversión.»
Contacto
No busco solo un empleo, busco aportar.
Si necesitas una diseñadora con experiencia, criterio y energía para sumar al equipo.
