Saltar al contenido

Inicio · Casos · Sitios web · Almamed

Web · Mejoras · E-commerce · UX · Rendimiento

Tienda online Almamed — mejoras en curso

Desde 2021 llevamos la tienda Webasyst: UX de catálogo y camino al pedido, upgrades de inicio y luego un gran pool de velocidad 2026 — búsqueda, N+1, caché y Core Web Vitals.

LCP 2.1s inicio móvil · PageSpeed field

  • Cliente Almamed
  • Sector Equipamiento médico
  • Duración desde 2021 · en curso
  • Sitio almamed.su
Vista actual

Sobre el cliente

Almamed suministra equipamiento médico a nivel nacional — contratos directos con fabricantes y un surtido amplio. El sitio corre en Webasyst. Primero rehicimos la UX de la plantilla y la vitrina principal; al crecer el catálogo arreglamos lag de búsqueda, peso de listados y métricas de Google.

01

Con qué problema llegaron

Dos etapas. Primero: «la tienda existe, pero el comprador se pierde» — fichas flojas, búsqueda débil, botones importantes enterrados en la plantilla, un inicio que no vendía confianza. Luego, con más surtido y tráfico: páginas pesadas. Catálogo y búsqueda tardaban segundos, marcas tiraban medio megabyte de HTML y PageSpeed se puso rojo en LCP, CLS y TTFB.

  1. Ficha y catálogo no venden

    Sin SKU, specs flacas, filtros incómodos — difícil comparar modelos de equipamiento médico.

  2. El inicio no agarra la atención

    El banner saltaba al cargar; los bloques de confianza y surtido no cubrían el camino B2B — primero entender, luego comprar.

  3. Búsqueda y métricas en llamas

    SearchPro ralentizaba la vitrina, marcas devolvían cientos de KB de HTML y LCP/CLS/TTFB pegaban a SEO y ads.

Antes: plantilla stock «Good deal»
02

Cómo los acompañamos

Primero arreglamos el camino al pedido y el inicio. Cuando la tienda ya podía vender, atacamos la velocidad: checklist de 30+ tareas, rewrite de SearchPro y mediciones PageSpeed en vivo — sin tumbar la vitrina.

  1. 01

    Etapa 1 · UX: camino búsqueda → ficha → carrito → entrega

  2. 02

    Header, fichas, filtros, entrega y backend de catálogo rehechos

  3. 03

    Inicio upgraded: slider de banner, bloques de confianza, productos populares

  4. 04

    Etapa 2 · velocidad (2026): N+1, SearchPro, marcas, sitemap, fuentes, CLS/LCP

  5. 05

    SQL de más quitado en listados, nombres SEO y subcategorías

  6. 06

    SearchPro reescrito por dentro: campo zero-cost, caché de suggest/página

  7. 07

    Paginación en /brands/ (antes ~547 KB de HTML en una pantalla)

  8. 08

    FOUC del slider, banners retina, widgets de chat diferidos — sigue en curso

03

En palabras simples

La jerga del brief, sin humo. Así le explicamos cada paso al cliente.

Como lo dicen los especialistas

UX del camino al pedido

Como lo explicamos

No botones bonitos — cuántos pasos hasta «comprar» sin cazar el teléfono en la plantilla.

Como lo dicen los especialistas

FOUC del banner / srcset retina

Como lo explicamos

El slider del inicio parpadeaba y cargaba en todos lados. Ahora carga solo en el inicio, primer frame al momento, imágenes Retina sin blur.

Como lo dicen los especialistas

N+1 en el catálogo

Como lo explicamos

Antes: una query de DB por producto. Después: una query por lote. Los listados abren notablemente más rápido.

Como lo dicen los especialistas

SearchPro v2 / field() zero-cost

Como lo explicamos

El campo de búsqueda ya no ralentiza cada página. El shell es ligero; el trabajo smart solo corre cuando alguien empieza a escribir.

Como lo dicen los especialistas

LCP / CLS / TTFB

Como lo explicamos

Tres números de Google: qué tan rápido sale el contenido principal, si el layout salta, qué tan rápido responde el servidor. En el inicio LCP y CLS van en verde.

04

Qué hicimos, paso a paso

Cada paso es un cambio concreto. A la izquierda el sentido, a la derecha la pantalla.

01

Inicio que vende la vitrina

Inicio en vivo: header con búsqueda y carrito, slider de banner sin apilarse al cargar, bloque de confianza (desde 2020, 300+ clínicas, 18.000+ SKUs) y productos populares. Banners retina y reserva de altura para que no salte en móvil.

02

Header y menú — todo a mano

Teléfono, cuenta, carrito, búsqueda y entrega quedan disponibles. El comprador no caza dónde hacer clic.

03

Catálogo y filtros

Subcategorías, filtros rápidos de marca, orden y modos de vista. Listados más rápidos: quitamos N+1 y añadimos previews lazy.

04

Ficha que responde preguntas

SKU, specs, precio y acciones rápidas. Menos llamadas de «¿qué modelo es?» — más pedidos listos.

05

Búsqueda que no frena la vitrina

SearchPro reescrito por dentro. El campo en categoría casi no cuesta al servidor. Suggest y la página de búsqueda van en caché. En móvil — una sola instancia del campo.

06

Marcas y velocidad para Google

Catálogo de fabricantes con paginación en lugar de una página gigante. Más caché HTML de invitado, fuentes, CLS/LCP. Field móvil: LCP del inicio 2.1s, CLS 0.02.

·

Más capturas del proyecto

No es una galería por gusto — unas pocas pantallas que completan el panorama.

Inicio · móvil
Antes: plantilla «Good deal»
Entrega y pago
05

A dónde llegamos

Primero la tienda se volvió usable: camino al pedido, inicio claro, fichas y entrega. Luego se volvió rápida — búsqueda, catálogo y métricas de Google dejaron de ser el cuello de botella. Las capturas son de almamed.su en vivo tras el pool 2026.

Qué consiguieron

  • UX desde 2021: header, fichas, filtros, entrega, backend
  • Inicio: slider sin FOUC, banners retina, bloques de confianza
  • N+1 quitado en listados, nombres SEO y subcategorías
  • SearchPro v2: campo ligero, caché de suggest y página de búsqueda
  • /brands/: ~547 KB → ~169 KB vía paginación
  • PageSpeed field: LCP inicio 2.1s · CLS 0.02 (móvil)
  • Lab desktop CLS: 0.6 → 0
  • Tienda en soporte — las mejoras siguen

En números

2.1s LCP móvil
0.02 CLS móvil
−70% HTML marcas
en curso Estado

¿Necesitas mejoras de tienda — UX o velocidad?

Rehacemos catálogo, inicio y camino al pedido — y si la tienda ya pesa, atacamos la velocidad como hicimos con Almamed.

Otros proyectos

Casos similares y áreas relacionadas