Lessence De La Vie · Caso de estudio

El sitio de un medspa en Tampa, del tratamiento a la consulta.

El logotipo de Lessence De La Vie en 3D transparente
Resumen del proyecto
Un sitio web para Lessence De La Vie, un medspa de belleza y bienestar en Tampa: sus tratamientos al frente, una página para cada uno, una tienda y un formulario para reservar una consulta gratuita.
Servicios
  • Primero los tratamientos
  • Una página por tratamiento
  • La consulta gratuita
  • Todos los tamaños de pantalla
Fecha
Marzo de 2025
Cliente
Lessence De La Vie
La página de inicio de Lessence De La Vie en una ventana del navegador: el titular, el botón de consulta gratuita y los cuatro grupos de tratamientos; el precio para pacientes nuevos bajo el titular está difuminado

En el sitio

  • Menú de tratamientos
  • Inyectables
  • Faciales médicos
  • Rejuvenecimiento de la piel
  • Terapias de bienestar
  • Tienda
  • Consulta gratuita
  • Búsqueda

Servicios

  • #Diseño web
  • #UI/UX
  • #Diseño responsivo
  • #Páginas de tratamientos
  • #Reserva de consultas
Secciones del sitio de Lessence De La Vie dispuestas en ángulo

Historia del proyecto

Los detalles detrás del trabajo.

Posicionamiento, problemas resueltos, alcance, resultado y las decisiones detrás del proyecto.

  • Posicionamiento

    Lessence De La Vie es un medspa de belleza y bienestar en Tampa, y la página de inicio lo dice en su primera línea: Premier Beauty and Wellness Medspa in Tampa.

    Justo debajo, los cuatro grupos de tratamientos aparecen uno al lado del otro, así el visitante ve todo lo que ofrece sin tener que bajar mucho.

  • Problemas que resolví

    • Cuatro grupos de tratamientos tenían que entenderse de un vistazo: inyectables, faciales médicos, rejuvenecimiento de la piel y terapias de bienestar.
    • Cada tratamiento necesitaba su propia página con lo que hace, sus beneficios, reseñas de clientes y preguntas frecuentes.
    • Reservar una consulta gratuita tenía que ser un paso claro desde cualquier parte del sitio.
    • Las mismas páginas tenían que funcionar en una laptop, una tableta y un teléfono.
  • Alcance

    El sitio web del medspa: la página de inicio, las páginas de tratamientos, una tienda en el menú y la página de la consulta gratuita.

    • Diseño del sitio web
    • Páginas de tratamientos
    • Formulario para reservar consultas
    • Diseño para todas las pantallas
  • Resultado

    El sitio empieza por los tratamientos y cada recorrido termina en una consulta gratuita.

    Las reseñas de clientes y las respuestas a las preguntas frecuentes están en las páginas de tratamientos, así el visitante tiene lo que necesita antes de reservar.

  • Conclusión del proyecto

    Un sitio de medspa que pone primero los tratamientos, le da a cada uno una página que responde las preguntas de siempre y mantiene la consulta gratuita en el menú en cualquier pantalla.

  • La página de Botox de cerca, con los nombres y las fotos de las reseñas difuminados

Sistema visual

Claves de paleta y tipografía.

Un registro conciso de la dirección visual detrás del proyecto.

Paleta de color

  • #1C2E21
  • #5F8F55
  • #B7C8AE
  • #70665D
  • #F4F2ED

Tipografía

Títulos en serif ligera + mayúsculas espaciadas

Los títulos van en una serif ligera, las etiquetas de sección en pequeñas mayúsculas espaciadas en el verde de la marca y el texto en una sans sencilla.

Los verdes suaves, el espacio en blanco y la fotografía de spa mantienen las páginas tranquilas, para que destaquen los botones verdes de la consulta.

Cómo avanzó el proyecto.

Cuatro pasos y lo que cada uno tenía que resolver.

  1. Descubrir

    Primero los tratamientos

    Organicé el sitio en torno a lo que ofrece el medspa: inyectables, faciales médicos, rejuvenecimiento de la piel y terapias de bienestar, cada uno con una línea breve y un enlace para saber más.

    • Tratamientos
    • Menú
    • Estructura
  2. Estructura

    Una página por tratamiento

    La página de Botox muestra el patrón: qué hace y tres beneficios rápidos, luego reseñas de clientes y luego las respuestas a lo que la gente pregunta antes de reservar.

    • Beneficios
    • Reseñas
    • Preguntas
  3. Diseño

    La consulta gratuita

    Cada página lleva a un solo siguiente paso. La página de la consulta pide nombre, datos de contacto, fecha y hora preferidas, y lo que la persona quiere tratar.

    • Formulario de reserva
    • Un siguiente paso
    • Confianza
  4. Revisión

    Todos los tamaños de pantalla

    Revisé el diseño en una laptop, una tableta y un teléfono, para que los tratamientos, el menú y el formulario de reserva se lean igual en todas partes.

    • Escritorio
    • Tableta
    • Móvil