Servicios
Qué incluyó.
- Diseño UX/UI
- Desarrollo frontend
- Narrativa de producto
- Soporte de Shopify
Trabajo seleccionado
HTMP Bio - Una narrativa de producto clara para la biotecnología de alto rendimiento.
- Biotecnología
- Narrativa de producto
- Cliente
- HTMP Bio
- Inicio
- 12 de enero de 2026
Una experiencia de narrativa de producto más clara para una marca de biotecnología que trabaja en biología de alto rendimiento y evaluación técnica.
Historia del proyecto
Los detalles detrás del trabajo.
Posicionamiento, problemas resueltos, alcance, resultado y decisiones clave del proyecto.
Posicionamiento
HTMP Bio 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.
Problemas que resolvimos
- 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.
Alcance
HTMP Bio necesitaba que la información de producto y de ciencia estuviera organizada para que las audiencias técnicas pudieran entender la oferta sin tener que buscar entre detalles dispersos.
- Diseño UX/UI
- Desarrollo frontend
- Narrativa de producto
- Soporte de Shopify
Resultado
HTMP Bio ahora tiene una dirección digital más clara para explicar la oferta y respaldar mejores rutas de consulta.
HTMP Bio 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.
Conclusión del proyecto
HTMP Bio ahora presenta el negocio con un posicionamiento más claro, pantallas responsive más limpias, una estructura de contenido más sólida y un camino más tranquilo desde el interés hasta la acción. El trabajo unió Diseño UX/UI, Frontend development y Narrativa de producto en una experiencia pública consistente.
Sistema visual
Paleta y pautas tipográficas.
Un registro breve de la dirección visual del proyecto.
Paleta de color
#102744#1F5AA6#6BA7D8#7C8CA0#EDF5FA
Tipografía
Sans editorial + jerarquía prácticaLa dirección visual mantiene el proyecto claro, pulido y usable en escritorio y móvil.
La dirección de copy es directa: explicar el valor, reducir dudas y facilitar el siguiente paso.
Proceso
Cómo avanzó el proyecto.
Un proceso estándar de LER, adaptado al alcance y al material disponible del cliente.
Paso 01Descubrir
Revisión de descubrimiento y contenido
Aclaramos la audiencia, la oferta y las preguntas prácticas que el sitio debía responder.
AudienciaOfertaPrioridades
Paso 02Estructurar
Estructura de página
Organizamos el flujo de la página alrededor de la claridad del servicio, la prueba y la siguiente acción.
JerarquíaMensajeCTAs
Paso 03Diseñar
Dirección de diseño responsive
Definimos el sistema visual y las pantallas principales para mantener una experiencia pulida en todos los dispositivos.
Dirección UIResponsivePulido visual
Paso 04Revisar
QA y refinamiento
Revisamos consistencia visual, comportamiento responsive y rutas claras hacia contacto o compra.
QARefinamientoPreparación de lanzamiento
Visuales del proyecto
Pantallas y momentos de marca.
Pantallas, mockups y momentos de marca seleccionados del archivo del proyecto, normalizados en la biblioteca WebP actual.
¿Necesitas trabajo con este nivel de pulido?
Cuéntame qué no está comunicando bien tu sitio actual.