Proyecto Trascendencia · Caso de estudio
Una web que acompaña antes de pedir una decisión.
Creé desde cero la identidad, el logotipo y la web para presentar varias formas de psicoterapia con un lenguaje cercano y comprensible.
Creé desde cero la identidad, el logotipo y la web para presentar distintas formas de psicoterapia con cercanía y claridad.
- Estrategia web
- Identidad y logotipo
- Arquitectura de contenido
- Diseño de interfaz
- Desarrollo web
- Diseño móvil
El punto de partida
Hablar de ayuda sin exigir que la persona se diagnostique.
El proyecto reúne terapia individual, de pareja, familiar y constelaciones. La web debía presentar esas modalidades sin exigir un diagnóstico previo ni una explicación ordenada de la situación.
También debía presentar a Gaby con cercanía y explicar el primer contacto de forma concreta.
La estrategia
Empezar por situaciones cotidianas, no por el nombre del servicio.
La arquitectura presenta primero situaciones cotidianas y después las modalidades, la forma de acompañar y el primer contacto.
- 01
Entrar desde una experiencia cotidiana
La portada no abre con categorías clínicas. Empieza con una situación cotidiana: cuando la vida se enreda. La promesa es no tener que desenredarla a solas.
- 02
Orientar sin forzar una elección
Las situaciones comunes aparecen antes que las modalidades. Después, terapia individual, pareja, familia y constelaciones se explican por el espacio que ofrecen, no por una etiqueta.
- 03
Hacer visible la forma de acompañar
El método, la historia personal y los recursos explican el enfoque sin recurrir a promesas grandilocuentes. La voz mantiene cercanía y profundidad.
- 04
Reducir la incertidumbre del primer contacto
La web explica qué ocurre al escribir, cómo funciona la sesión online y qué se necesita para empezar. La invitación a escribir reaparece después de esa información.
Identidad y dirección visual
Una identidad con estructura suficiente para hablar de lo que se desordena.
Diseñé el logotipo y lo extendí a un sistema de capas, papeles, trazos y color. El fondo azul oscuro sostiene la composición; el amarillo marca los pasos; los acentos coral, rosa y verde diferencian secciones y recursos.
Sistema de marca
Un logotipo que convierte el proceso en una forma abierta.
Diseñé un símbolo de capas que nacen de un mismo centro y se abren hacia fuera. Esa lógica continúa en el color, los papeles y las formas para dar continuidad a toda la web.
- Contención
- Orientación
- Cercanía
- Calma
Diseño móvil
La identidad y la jerarquía se mantienen en móvil.
En móvil reorganicé la composición, separé los bloques de contenido y mantuve las invitaciones a escribir después de la información principal. El sistema conserva las capas, el color y el carácter manual de la identidad.
La solución
La solución publicada ordena una oferta amplia por situaciones y modalidades.
La web presenta primero situaciones cotidianas, explica después las modalidades y cierra con el funcionamiento de la primera sesión y las vías de contacto.