К содержанию

Главная · Кейсы · Разработка сайтов · Альмамед

Сайты · Доработка · E-commerce · UX · Скорость

Доработка интернет-магазина «Альмамед»

С 2021 ведём магазин на Webasyst: UX каталога и пути к заказу, доработка главной (баннер, блоки доверия), затем большой пул скорости 2026 — поиск, N+1, кэш и Core Web Vitals.

LCP 2.1 с мобильная главная · PageSpeed field

  • Клиент Альмамед
  • Отрасль Медицинская техника
  • Срок с 2021 · по сей день
  • Сайт almamed.su
Актуальный вид

О клиенте

Альмамед — поставщик медицинской техники по всей России: прямые контракты с производителями и широкий ассортимент. Сайт на Webasyst: сначала пересобрали UX шаблона и главную витрину, потом — когда каталог вырос — разобрали тормоза поиска, списков и метрик Google.

01

С какой болью пришли

История в два захода. Сначала клиент пришёл с болью «магазин есть, а покупатель путается»: карточки молчат, поиск слабый, важные кнопки спрятаны в шаблоне, главная не продаёт доверие. Позже, когда ассортимент и трафик выросли, вылезла вторая боль — страницы тяжёлые: каталог и поиск отвечали секундами, бренды грузили полмегабайта HTML, PageSpeed краснел по LCP/CLS/TTFB.

  1. Карточка и каталог не продают

    Нет артикула, слабые характеристики, фильтры неудобны — сложно сравнить модели медтехники.

  2. Главная не держит внимание

    Баннер «прыгал» при загрузке, блоки доверия и ассортимента не закрывали B2B-сценарий «сначала понять, потом купить».

  3. Поиск и метрики горят

    SearchPro тормозил витрину, бренды отдавали сотни килобайт HTML, LCP/CLS/TTFB били по SEO и рекламе.

Было: типовой шаблон «Выгодная покупка»
02

Как мы провели

Сначала чинили путь к заказу и главную витрину. Когда магазин «научился продавать», взялись за скорость: чеклист из 30+ задач, перепись SearchPro и живые замеры PageSpeed — без остановки витрины.

  1. 01

    Этап 1 · UX: путь поиск → карточка → корзина → доставка

  2. 02

    Пересобрали шапку, карточки, фильтры, доставку и бекенд каталога

  3. 03

    Доработали главную: баннер-слайдер, блоки доверия, популярные товары

  4. 04

    Этап 2 · скорость (2026): N+1, SearchPro, бренды, sitemap, шрифты, CLS/LCP

  5. 05

    Убрали лишние SQL в списках товаров, SEO-именах и подкатегориях

  6. 06

    Переписали SearchPro изнутри: zero-cost поле, кэш suggest/страницы

  7. 07

    Пагинация /brands/ (было ~547 KB HTML на одном экране)

  8. 08

    FOUC слайдера, retina-баннеры, отложенные Roistat/Talk-Me — ведём дальше

03

Простыми словами

Сложные штуки из брифа — без жаргона. Так мы объясняли клиенту, зачем каждый шаг.

Как говорят специалисты

UX пути к заказу

Как мы объясняли

Не «красота кнопок», а сколько шагов до «купить» — без раздражения и охоты за телефоном в шаблоне.

Как говорят специалисты

FOUC баннера / retina srcset

Как мы объясняли

Раньше слайдер на главной «моргал» и грузился везде. Теперь — только на главной, первый кадр сразу, картинки под Retina без мыла.

Как говорят специалисты

N+1 в каталоге

Как мы объясняли

Было: на каждый товар — отдельный запрос в базу. Стало: один пакетный запрос. Список открывается заметно быстрее.

Как говорят специалисты

SearchPro v2 / zero-cost field()

Как мы объясняли

Поле поиска больше не тормозит каждую страницу. Оболочка лёгкая, умная работа — только когда человек начал искать.

Как говорят специалисты

LCP / CLS / TTFB

Как мы объясняли

Три цифры Google: как быстро виден главный контент, не прыгает ли вёрстка, как быстро отвечает сервер. На главной LCP и CLS — в зелёной зоне.

04

Что сделали по шагам

Каждый шаг — конкретное изменение. Слева смысл, справа экран.

01

Главная, которая продаёт витрину

Актуальная главная: шапка с поиском и корзиной, баннер-слайдер без «стопки» при загрузке, блок доверия (с 2020, 300+ медучреждений, 18 000+ позиций) и популярные товары. Retina-баннеры и резерв высоты — чтобы не прыгало на мобиле.

02

Шапка и меню — всё под рукой

Телефон, кабинет, корзина, поиск и доставка всегда доступны. Покупателю не нужно искать, «куда нажать».

03

Каталог и фильтры

Подкатегории, быстрые фильтры по брендам, сортировка и виды вывода. Списки ускорили: убрали N+1 и поставили lazy на превью.

04

Карточка, которая отвечает на вопросы

Артикул, характеристики, цена и быстрые действия. Меньше звонков «а что за модель?» — больше готовых заказов.

05

Поиск, который не тормозит витрину

SearchPro переписали изнутри. Поле на категории почти бесплатно для сервера. Suggest и страница поиска — с кэшем. На mobile — один инстанс поля.

06

Бренды и скорость под Google

Каталог производителей с пагинацией вместо гигантской страницы. Плюс HTML-кэш гостей, шрифты, CLS/LCP. Field mobile: LCP главной 2.1 с, CLS 0.02.

·

Ещё кадры с проекта

Не галерея ради галереи — пара экранов, которые закрывают картину.

Главная · mobile
Было: шаблон «Выгодная покупка»
Доставка и оплата
05

К чему пришли

Сначала магазин стал удобным: путь к заказу, понятная главная, карточки и доставка. Потом — быстрым: поиск, каталог и метрики Google перестали быть узким местом. Свежие скрины — с боевого almamed.su после пула 2026.

Что получили

  • UX с 2021: шапка, карточки, фильтры, доставка, бекенд
  • Главная: слайдер без FOUC, retina-баннеры, блоки доверия
  • Убраны N+1 в списках товаров, SEO-именах и подкатегориях
  • SearchPro v2: лёгкое поле, кэш suggest и страницы поиска
  • /brands/: ~547 KB → ~169 KB за счёт пагинации
  • PageSpeed field: LCP главной 2.1 с · CLS 0.02 (mobile)
  • Lab desktop CLS: 0.6 → 0
  • Магазин на сопровождении — доработки продолжаются

В цифрах

2.1 с LCP mobile
0.02 CLS mobile
−70% Бренды HTML
ведём Статус

Нужен интернет-магазин или доработка?

Пересоберём каталог, главную и путь к заказу — и если магазин уже «тяжёлый», разберём скорость так же системно, как у Альмамед.

Другие проекты

Похожие кейсы и соседние направления