MedaPhysical · Caso de estudio
Salud ocupacional integral servicios de salud.
- Resumen del proyecto
- Un sitio web de servicios de salud que hace más fáciles de entender los exámenes de salud ocupacional, las pruebas, los pagos y las reservas.
- Servicios
- Descubrimiento
- Estructura de página
- Diseño responsive
- QA y refinamiento
- Fecha
- Junio de 2024
- Cliente
- MedaPhysical
- Ubicación
- Tampa, FL
Lo que el sitio tenía que lograr.
MedaPhysical 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.
- 4Páginas principales, una jerarquía
- 4Frentes de trabajo
- 1Ruta principal de contacto
- 2024Lanzado
Lo que tenía que cambiar.
La oferta necesitaba ser más fácil de leer para los visitantes nuevos.
La marca necesitaba una primera impresión más definida sin complicar la experiencia.
Los usuarios en móvil necesitaban la misma claridad que los visitantes de escritorio.
El sitio necesitaba una estructura que pudiera soportar futuras pruebas, contenido y actualizaciones de campañas.
Pantallas
Cada página, un mismo sistema.
Inicio, exámenes, exámenes DOT y pruebas comparten una jerarquía, así que un visitante pasa de la oferta al siguiente paso en pocos desplazamientos.
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.
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.
Sistema visual.
La paleta propia del sitio sobre el papel de LER, Inter para los títulos y pantallas reales del sitio en vivo en lugar de escenas de stock.
Tipografía · Inter
- #17233C
- #5A78B8
- #8EA6D8
- #6B778E
- #EEF2FA
Resultado.
MedaPhysical ahora tiene una dirección digital más clara para explicar la oferta y respaldar mejores rutas de consulta.
MedaPhysical 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.
Descubrimiento
Aclaré la audiencia, la oferta y las preguntas prácticas que el sitio web debía responder.
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.
Diseño responsive
Definí el sistema visual y las pantallas principales para que la experiencia se mantuviera pulida en todos los dispositivos.
QA y refinamiento
Revisé la experiencia para asegurar consistencia visual, comportamiento responsivo y rutas claras para contactar o comprar.
