Weight & Body Solutions · Caso de estudio

Una página de destino hecha para la primera consulta.

El logotipo de Weight & Body Solutions en 3D transparente
Resumen del proyecto
Una página de aterrizaje de bienestar y dirección de marca para Weight & Body Solutions, construida en torno a la claridad de los tratamientos y una primera impresión más fuerte.
Servicios
  • Descubrimiento
  • Estructura de página
  • Diseño responsive
  • QA y refinamiento
Fecha
Mayo de 2025
Cliente
Weight & Body Solutions
Ubicación
Tampa, FL
Recorrido por weightandbody.com: la página de inicio, dos páginas interiores, el sitio en teléfonos y el logotipo de Weight & Body Solutions

Lo que el sitio tenía que lograr.

Weight & Body Solutions necesitaba una dirección web que hiciera el negocio más fácil de entender antes de que un prospecto se comunicara.

LER Web Services moldeó la experiencia en torno a una jerarquía más clara, mayor confianza visual y una ruta más directa hacia la acción.

  • 5Páginas principales, una jerarquía
  • 4Frentes de trabajo
  • 1Ruta principal de contacto
  • 2025Lanzado
Secciones del sitio de Weight & Body Solutions dispuestas en ángulo

Lo que tenía que cambiar.

  1. La oferta necesitaba ser más fácil de leer para los visitantes nuevos.

  2. La marca necesitaba una primera impresión más definida sin complicar la experiencia.

  3. Los usuarios en móvil necesitaban la misma claridad que los visitantes de escritorio.

  4. El sitio necesitaba una estructura que pudiera soportar futuras pruebas, contenido y actualizaciones de campañas.

  • La página de inicio desplazándose, grabado de weightandbody.com
  • La página de inicio al cargar, grabado de weightandbody.com
  • El menú principal, grabado de weightandbody.com

Pantallas

Cada página, un mismo sistema.

Inicio, programas, medicación, equipo y financiamiento comparten una jerarquía, así que un visitante pasa de la oferta al siguiente paso en pocos desplazamientos.

  • La página Programas de pérdida de peso desplazándose, grabado de weightandbody.com
  • La página Medicamentos para bajar de peso desplazándose, grabado de weightandbody.com
  • La página Nuestro equipo desplazándose, grabado de weightandbody.com
  • La página Financiamiento desplazándose, grabado de weightandbody.com

La misma claridad en un teléfono.

La mayoría de los visitantes llega desde un teléfono: la oferta, las pruebas y el botón de contacto mantienen el mismo orden en móvil.

El menú del teléfono abriéndose, grabado de weightandbody.com en un teléfono
La página de inicio en un teléfono, grabado de weightandbody.com en un teléfono
La página Programas de pérdida de peso en un teléfono, grabado de weightandbody.com en un teléfono

En sus palabras

“Working with Ed was a game-changer for us. He made the whole process seamless and created a website that truly represents our brand. Highly recommend”

Weight & Body Solutions · Recomendación en Facebook (en inglés)Ver original en Facebook

Wireframes

La estructura de fondo.

Las mismas páginas sin el estilo visual: una retícula, una escala tipográfica y el mismo conjunto de componentes en cada ruta.

Páginas de Weight & Body Solutions dibujadas como wireframes, dispuestas en ángulo: tarjetas, botones y campos en contorno, barras grises para el texto y dibujos lineales de las fotos

Sistema visual.

La paleta propia del sitio sobre el papel de LER, PP Fragment para los títulos y pantallas reales del sitio en vivo en lugar de escenas de stock.

  • #17110F
  • #D96A4E
  • #E8B39B
  • #73584C
  • #F9EFEA

Resultado.

Weight & Body Solutions ahora tiene una dirección digital más clara para explicar la oferta y respaldar mejores rutas de consulta.

Weight & Body Solutions se presenta con una jerarquía más fuerte, señales de confianza más claras y un camino más directo para que los visitantes entiendan el siguiente paso.

Cómo se construyó.

Los cuatro pasos detrás de este proyecto y lo que cada uno tuvo que resolver.

  1. Descubrimiento

    Aclaré la audiencia, la oferta y las preguntas prácticas que el sitio web debía responder.

  2. Estructura de página

    Organicé el flujo de la página en torno a la claridad del servicio, las pruebas y la siguiente acción que debe tomar un visitante calificado.

  3. Diseño responsive

    Definí el sistema visual y las pantallas principales para que la experiencia se mantuviera pulida en todos los dispositivos.

  4. QA y refinamiento

    Revisé la experiencia para asegurar consistencia visual, comportamiento responsivo y rutas claras para contactar o comprar.