Juan Torres
Proyecto

Psicología El Claro

Web profesional para un psicólogo no clínico que lanza su primer negocio: presenta sus servicios con una identidad cercana, natural y poco clínica.

Ver sitio en vivo
Tipo
Web para negocio
Tecnologías
Next.js · TypeScript · Tailwind CSS · Vitest
Vista representativa de Psicología El Claro

El proyecto

Psicología El Claro es el primer negocio de un psicólogo no clínico que ha decidido trabajar por cuenta propia. Necesitaba una web que explicara sus servicios (proyecto de vida, acompañamiento artístico, altas capacidades, autoconocimiento y sesiones al aire libre) y que dejara claro a quién se dirige: jóvenes y adultos, especialmente personas creativas y artistas.

Por qué era necesario

El reto

El cliente tenía muy claros sus servicios, pero no a quién dirigirlos: su primera idea era atender a todo el mundo. Había que acotar el público objetivo y traducirlo en una identidad visual propia, con el verde como color principal, alejada de la estética médica o corporativa habitual en psicología, y con un tono cercano que no resultara clínico.

Contribución

Mi trabajo

Definí con el cliente el público objetivo y la identidad visual (paleta verde eucalipto y combinación tipográfica DM Sans y Fraunces), y organicé los servicios en una landing y una página por servicio. Desarrollé la web con Next.js, TypeScript y Tailwind CSS, con el contenido de cada servicio en archivos de datos separados del código y con tests sobre ese contenido y sobre los textos legales.

Resultado

Una web lista para presentar el negocio: una landing que guía desde el reconocimiento del problema hasta el contacto, una página dedicada a cada servicio y las páginas legales. El contenido es fácil de ampliar o modificar sin tocar los componentes.

Proyecto

Una vista del trabajo realizado.

Servicios

Servicios

Listado de las áreas de acompañamiento, con un resumen de cada una y acceso a su página.

Página de servicio

Página de servicio

Página dedicada a un servicio, con su propuesta y una llamada a la acción para iniciar la conversación.

Cómo trabajo

Cómo trabajo

El proceso explicado en cuatro pasos para que quien llega sepa qué esperar.

Tecnologías

Next.js · TypeScript · Tailwind CSS · Vitest

¿Tienes un proyecto similar?

Hablemos de tu proyecto

Podemos hablar sobre el contexto, los retos técnicos y la mejor forma de plantearlo.