Volver al inicio

Portfolio / Diseño web para psicólogos

Proyecto ficticio · Estudio conceptual de María Franco

Raíz Psicología.
Una web donde el primer paso se siente más sencillo.

Raíz parte de un encargo imaginario muy concreto: una psicóloga que quiere abrir su consulta sin que su primera web parezca un directorio de títulos y especialidades. La propuesta organiza lo que necesita saber una persona antes de escribirle: con quién va a hablar, qué puede trabajar y cómo es empezar.

SectorPsicología y bienestarTrabajoEstrategia · UX · Diseño webTipoWeb informativa conceptual
raíz psicologíaEscuchar. Comprender. Acompañar.
Un espacio para parar

No tienes que poder
con todo, a solas.

Un lugar donde escucharte y acompañarte a comprender lo que estás viviendo.

Conoce esta propuesta
Consulta luminosa utilizada como referencia visual del proyecto conceptual Raíz
AnsiedadAutoestimaMomentos de cambio
Maqueta ilustrativa. Raíz es una marca ficticia; no representa una consulta real.

01 / El punto de partida

Antes de diseñar,
entender cómo llega la persona.

En el briefing de este ejercicio, la profesional atiende a personas adultas y ofrece sesiones presenciales y online. Quiere presentar tres áreas de acompañamiento —ansiedad, autoestima y momentos de cambio— sin que cada una termine convertida en una lista de síntomas.

Decidí empezar por el recorrido de quien llega desde el móvil. Antes de pedirle que reserve, la página tiene que ayudarle a ubicarse. Por eso separé la información en cuatro páginas y reservé un espacio propio para explicar la primera sesión. La formación de la profesional tendría su lugar en Sobre mí, acompañada de su enfoque y su manera de trabajar.

02 / Decisiones de diseño

Una identidad serena.
Un recorrido con intención.

01

Una portada con una tarea concreta

La frase principal abre la conversación; el texto que la acompaña debe concretar a quién se atiende y en qué modalidad. Evité colocar un carrusel de servicios en la primera pantalla: primero orientación, después opciones.

02

Especialidades que se pueden recorrer

Cada área seguiría la misma secuencia: qué situaciones se pueden trabajar, cómo se aborda el acompañamiento y cómo consultar. Los enlaces entre páginas permiten ampliar información sin cargar la portada.

03

Pedir información sin tener que decidirlo todo

La propuesta utiliza una acción de contacto sencilla antes de exigir una reserva. El formulario pediría solo lo necesario para responder, sin solicitar una historia clínica ni información íntima en ese primer intercambio.

Crema / EspacioSalvia / CalmaMarrón / Cercanía

03 / La estructura

De «¿será para mí?»
a «sé cómo empezar».

No todo el mundo entra por Inicio. Una persona puede llegar a una especialidad desde Google o abrir Sobre mí porque le han recomendado a la profesional. Por eso cada página debe entenderse por separado y ofrecer un siguiente paso coherente.

Ver el servicio de web informativa
  1. 01

    Inicio

    Presentar la consulta, las modalidades de atención y los tres ámbitos de acompañamiento. Una entrada breve que orienta y permite elegir por dónde seguir.

  2. 02

    Sobre mí

    Dar contexto a la formación y explicar cómo trabaja la profesional. En una implementación real, la información y las credenciales se verificarían con ella antes de publicarse.

  3. 03

    Especialidades

    Desarrollar cada servicio con lenguaje comprensible, sin diagnósticos automáticos ni promesas de recuperación. Resolver dudas antes de invitar a contactar.

  4. 04

    Contacto

    Reunir los canales disponibles, la modalidad de las sesiones y qué sucede después de enviar una consulta. Incluir información de privacidad junto al formulario.

04 / Medir el recorrido

¿Cómo sabríamos
si la web ayuda de verdad?

El diseño se puede explicar con imágenes. Su rendimiento necesita datos. Este panel utiliza un escenario simulado para mostrar qué compararía antes y después de publicar una web como Raíz.

Datos ilustrativos, no resultados de un cliente. Las cifras siguientes no proceden de una web publicada, de analítica ni de pruebas con usuarios.

Escenario simulado2 % → 4 %

Visitas que terminan en una consulta

Con 1.000 visitas en cada periodo, pasar de 20 a 40 solicitudes duplicaría la tasa de contacto. Es un ejemplo de cálculo, no una previsión.

Recorrido hipotético5 → 2

Acciones hasta abrir el contacto

Un menú directo puede acortar una ruta de cinco acciones a dos. Lo comprobaríamos recorriendo las mismas tareas en ambas versiones.

Objetivo de validación4 de 5

Personas que encuentran cómo empezar

En una primera prueba, buscaríamos que al menos cuatro de cinco participantes localicen el contacto sin ayuda. Esa prueba todavía no se ha realizado.

Lo que mediría, y lo que no daría por hecho

Separaría el clic en «Contactar» del envío completado: abrir un formulario no equivale a pedir una cita. Compararía periodos de la misma duración y revisaría de dónde viene el tráfico para no atribuir al diseño un cambio provocado por una campaña.

Las solicitudes de información tampoco equivalen a pacientes nuevos. Ese último dato dependería de la gestión de la consulta y se evaluaría de forma agregada, sin registrar información clínica en las herramientas de analítica.

05 / Lo que queda por validar

El trabajo no termina
con una maqueta bonita.

Antes de convertir esta propuesta en una web real, contrastaría el contenido con la profesional y probaría tres tareas: encontrar una especialidad, entender la modalidad de atención y solicitar información desde el móvil.

También revisaría contraste, navegación con teclado, mensajes de error y carga de imágenes. El siguiente ajuste lo decidiría a partir de lo que ocurra en esas pruebas, no de una cifra decorativa.

Así reviso una web antes de proponer cambios

Tu consulta tiene su propia historia

Imaginemos una web
que se parezca a ti.

Este es un ejemplo de cómo trabajo la estrategia y el diseño para psicólogos. Tu proyecto partirá de tu identidad, tus servicios y tus pacientes.

Hablemos de mi proyecto ¿Ya tienes web? Conoce la auditoría