📋 Estudio de Caso · Salud & Terapia

Vínculo Crítico

Una web profesional que transmite confianza desde el primer vistazo y un portal privado para organizar el día a día de Adrián López Gil, terapeuta sexual y sexólogo en Madrid. El proyecto reúne información clara, contacto sencillo y herramientas para atender a sus clientes desde un solo lugar.

Cliente Adrián López Gil
Sector Salud, Sexología & Terapia
Servicios Prestados Diseño web · Portal privado · Contenido · Optimización para buscadores
Web en Producción vinculocritico.es ↗
Diseño cercano y profesional Adaptado a móvil Portal privado a medida Contenido preparado para SEO Contacto protegido Sin licencia mensual de software
Página de inicio de Vínculo Crítico diseñada por Jorge Morales Solís

El reto: explicar, transmitir confianza y trabajar mejor

Cómo convertimos una idea compleja en una experiencia fácil de entender para quien visita la web y práctica para quien la gestiona cada día.

El Problema

Una primera visita llena de dudas

En un servicio de terapia, muchas personas llegan con dudas y necesitan sentirse comprendidas antes de escribir. La web debía explicar el servicio con calma y evitar que la gestión diaria dependiera de varias herramientas desconectadas.

La Solución de JMS DEV

Una experiencia clara y cercana

Diseñamos una identidad visual acogedora, ordenamos la información por preguntas reales y creamos un portal privado con panel para el profesional y para sus clientes. Así, cada persona sabe qué hacer y el profesional puede trabajar desde un único espacio.

El Resultado

Más confianza y más control

El resultado es una web rápida de recorrer, con una propuesta fácil de recordar y herramientas que el cliente puede mantener. El portal evita una licencia mensual de software externo; siguen existiendo, como en cualquier web, los costes de dominio, alojamiento y mantenimiento que se contraten.

📄
10+
Vistas y secciones públicas
🔐
2
Paneles privados (Admin + Paciente)
💰
0 €
Cuota mensual de software externo
⚡
1
Espacio para gestionar el proyecto

Cada sección pensada para resolver una necesidad real

Te enseñamos cómo cada pantalla ayuda a entender el servicio, generar confianza o simplificar la gestión. El objetivo es que la web trabaje para el negocio sin hablarle al visitante con jerga técnica.

01 · Página de Inicio

Primera impresión: entender el servicio sin esfuerzo

La primera pantalla presenta a Adrián López Gil con un mensaje directo, humano y fácil de recordar: qué hace, para quién es y cómo puede ayudar. También deja claro que ofrece sesiones online para toda España, además de la atención presencial en Madrid.

Debajo, tres tarjetas de servicio (Terapia Sexual, Terapia de Pareja y Consultorio LGTBIAQ+) ayudan a cada visitante a reconocer su situación y llegar a la información que necesita con un solo clic.

💡 Clave de diseño: Fotografía auténtica, jerarquía clara y llamadas a la acción visibles para que el siguiente paso siempre resulte evidente.
Tarjetas de servicios principales en la página de inicio
02 · Prueba Social

Recomendaciones profesionales con contexto

Las recomendaciones de otros profesionales ayudan a responder una pregunta importante: «¿puedo confiar en esta persona?». Para Vínculo Crítico integramos recomendaciones reales de supervisores y profesionales, siempre con el contexto y el permiso necesario para publicarlas.

Cada tarjeta muestra quién recomienda, su relación profesional y el texto original cuando corresponde. Esta prueba social aporta tranquilidad sin prometer resultados ni utilizar mensajes exagerados.

💡 Clave de diseño: Prueba social legible y verificable que refuerza la confianza antes de contactar.
Recomendaciones y testimonios profesionales de LinkedIn
03 · Primer contacto

«¿Qué puedes esperar?»: resolver la duda antes de reservar

Antes de reservar, es normal querer saber cómo será la primera conversación. La sección «Tu primera sesión» explica el proceso en tres pasos sencillos:

1. Nos conocemos: Una conversación tranquila y relajada sin juicios previos.
2. Entendemos conjuntamente: Exploración de la situación y encaje de las piezas del puzzle.
3. Trazamos un camino: Definición de objetivos realistas a tu propio ritmo, sin compromisos forzados.

💡 Clave de diseño: Microcopy empático e iconos suaves para que el primer contacto se sienta seguro y sin presión.
Sección explicativa de los 3 pasos de la primera sesión
04 · Marca personal

Sobre mí: conocer a la persona detrás del servicio

La página biográfica equilibra cercanía y experiencia. Presentamos el recorrido de Adrián, su formación y su experiencia clínica para que cada visitante pueda decidir con información suficiente.

Sus pilares de trabajo —empatía, espacio seguro, rigor, inclusividad LGTBIAQ+, enfoque crítico y perspectiva comunitaria— están explicados en un lenguaje fácil de leer. La página comunica sus valores sin convertirlos en una lista de tecnicismos.

💡 Clave de diseño: Datos destacados y bloques breves que permiten escanear la información desde el móvil.
Página de presentación profesional de Adrián López Gil
05 · Servicios y precios

Precios visibles para decidir con tranquilidad

Mostrar los precios responde una de las dudas más habituales antes de escribir. En Vínculo Crítico organizamos las tarifas por servicio: Terapia Sexual (50€), Pareja (80€), Consultoría LGTBIAQ+ (40€) y Asesoramiento (30€).

También diseñamos bonos de 4, 8 y 12 sesiones con el ahorro explicado de forma visual. Las etiquetas «Más popular» y «Mejor ahorro» ayudan a comparar opciones sin tener que hacer cálculos.

💡 Clave de diseño: Comparativas fáciles de leer que reducen preguntas repetidas y hacen más sencillo elegir.
Tarifas y bonos de ahorro por sesiones en Vínculo Crítico
06 · Educación y visibilidad

Sexología crítica: responder preguntas que ya existen

Creamos una página pedagógica completa dedicada al enfoque de sexología crítica bajo el lema: "Tu sexualidad no necesita ser arreglada. Necesita ser escuchada". Esta sección cuestiona el modelo heteronormativo, coitocéntrico y de rendimiento habitual, promoviendo una visión de bienestar circular.

La página incluye módulos interactivos de Mitos vs realidades y preguntas frecuentes. El contenido responde a las dudas que las personas ya están buscando, con un lenguaje comprensible y una estructura clara para facilitar que la página se encuentre.

💡 Clave de diseño: Contenido útil que genera confianza y crea nuevas puertas de entrada desde Google.
Página de Sexología Crítica con módulos de mitos vs realidades
07 · Contenido fácil de mantener

Blog con búsqueda y categorías para encontrar respuestas

Creamos un blog ligero con búsqueda instantánea y categorías como No monogamia, Investigación, Relaciones, Salud mental, LGTBI+, Derechos humanos y Educación sexual.

Adrián puede añadir o editar artículos, documentos PDF y enlaces desde un único archivo de datos, con una guía paso a paso. La estructura mantiene el diseño separado del contenido para que actualizarlo sea más seguro.

💡 Clave de diseño: Un sistema de contenidos ligero, rápido de cargar y sencillo de actualizar.
Blog interactivo con buscador instantáneo y filtros temáticos
08 · Recursos útiles

Recomendados: una biblioteca para seguir aprendiendo

Una sección de recursos seleccionados personalmente por el terapeuta: 8 vídeos divulgativos de YouTube incrustados con reproductor responsive y 11 libros de referencia sobre psicología, relaciones y sexualidad.

El visitante puede alternar entre las pestañas «Contenido audiovisual» y «Biblioteca» con transiciones fluidas. Los recursos amplían la conversación y hacen que la web siga siendo útil después del primer contacto.

💡 Clave de diseño: Contadores animados y fichas con portada, autor y sinopsis para elegir un recurso rápidamente.
Videoteca y biblioteca de libros recomendados
09 · Formaciones

Formaciones y docencia: abrir una segunda vía de contacto

Además de la consulta individual, Adrián imparte cursos y conferencias. Diseñamos una sección específica para que universidades, colegios profesionales y organizaciones entiendan la propuesta y puedan solicitar una formación.

Los talleres se presentan por temática y modalidad —online o presencial en Madrid— con una llamada a la acción clara para pedir más información.

💡 Clave de diseño: Una página específica evita mezclar públicos y facilita que cada organización llegue al contacto adecuado.
Sección de docencia universitaria y formaciones especializadas
10 · Contacto y citas

Contactar es sencillo: menos pasos y más confianza

El formulario reúne nombre, email, tipo de proyecto y mensaje en una sola pantalla. Incluye validación en frontend y backend y protección invisible con Google reCAPTCHA v3, para que una persona pueda escribir sin resolver puzzles.

También se ofrecen accesos directos a WhatsApp, teléfono, correo electrónico e Instagram. La frase «El primer paso siempre es el más importante. Escríbeme sin compromiso» acompaña al visitante hasta la acción.

💡 Clave de diseño: Una ruta corta al contacto, consentimiento visible y protección antispam que no interrumpe la experiencia.
Formulario de contacto seguro y canales de comunicación directa

Un portal para organizar el día a día

Un espacio privado para que el profesional y sus clientes consulten la información que les corresponde, con doble panel protegido y una experiencia coherente con la web pública.

💡 ¿Por qué un portal propio?

Un portal propio permite decidir qué funciones necesita el negocio y cómo crece con el tiempo, sin añadir una licencia mensual de una plataforma externa. El alojamiento, el dominio y el mantenimiento se presupuestan por separado y con transparencia.

Para Vínculo Crítico, JMS DEV construyó un portal propio y personalizado. El cliente conserva el control del software y de su base de datos; la configuración legal y las obligaciones de protección de datos deben revisarse con su asesoría especializada.

📅

Agenda y Control de Citas

Calendario interactivo con vista diaria, semanal y mensual. Creación rápida de citas online o presenciales y consulta del saldo de sesiones cuando el servicio utiliza bonos.

👥

Expedientes de Pacientes

Fichas de cliente con historial, modalidad de terapia, datos de contacto y estado del servicio, visibles según los permisos de cada cuenta.

📝

Notas Clínicas Confidenciales

Registro cronológico de evolución de cada sesión con fecha, hora y observaciones clínicas privadas visibles exclusivamente para el terapeuta mediante sesión autenticada.

💬

Mensajería privada bidireccional

Canal privado entre profesional y cliente para resolver dudas entre sesiones, con confirmación de lectura y avisos por correo electrónico.

📁

Bóveda de Documentos Segura

Módulo de subida y descarga de cuestionarios, pautas terapéuticas y consentimientos informados con aislamiento estricto de permisos por usuario y verificación MIME.

🛡️

Seguridad y privacidad

Los accesos se protegen con contraseñas almacenadas de forma segura, formularios preparados frente a envíos fraudulentos, controles ante intentos repetidos y recuperación mediante enlaces temporales. La adecuación legal del tratamiento de datos debe validarse para cada negocio.

Experiencia móvil cuidada: todo funciona también en pequeño

Las personas que buscan ayuda psicológica suelen hacerlo en privado desde su teléfono. La versión móvil fue diseñada con la misma prioridad y cariño que la de escritorio.

09:41
5G 100%
Vista móvil de Vínculo Crítico en smartphone

Diseño ergonómico pensado para la intimidad del usuario

Un paciente en situación de vulnerabilidad no tolerará una web lenta, botones diminutos o menús rotos. Cada elemento de Vínculo Crítico se adaptó a la zona de alcance del pulgar, garantizando una navegación sin tropiezos.

Las imágenes se preparan para cargar de forma progresiva y la interfaz prioriza el contenido importante, para que la experiencia siga siendo cómoda con una conexión móvil normal.

✓
Navegación cómoda desde el móvil

Menús y transiciones fluidas para encontrar cada sección sin esfuerzo.

✓
Llamadas a la acción siempre accesibles

Botones de contacto y reserva con tamaño táctil óptimo (mínimo 48px).

✓
Portal móvil preparado

Tanto el paciente como el terapeuta pueden consultar citas y mensajes desde el teléfono.

Una web fácil de mantener y preparada para crecer

Sin dependencias innecesarias y con una base fácil de mantener. El contenido, la estructura y los tiempos de carga se cuidan para ofrecer una buena experiencia a las personas y facilitar el trabajo de los buscadores.

🌐
HTML5 Semántico
🎨
CSS3 Custom Grid/Flex
⚡
JavaScript ES6+ Vanilla
🐘
PHP 8 Backend
🗄️
MySQL / MariaDB
🔒
Google reCAPTCHA v3
🍪
Consentimiento RGPD
🚀
Hostinger Cloud

¿Quieres una web que explique tu valor y facilite que te contacten?

Cuéntame qué haces, qué necesita tu público y qué te gustaría mejorar. Te propondré una web clara, cuidada y preparada para crecer contigo.