01 — Кейс · Сайты

Магазин средств реабилитации «Мир опоры и движения»: подбор, сертификаты, доставка

Мы сделали сайт специализированного магазина технических средств реабилитации и медицинских изделий с шоурумом в Долгопрудном. Здесь редко покупают «просто товар»: коляску подбирают по весу и ширине, костыли берут после операции, а часть стоимости государство компенсирует по ИПРА или электронному сертификату. Мы собрали одностраничный сайт с якорной навигацией, витриной с ценами, разделами оплаты и доставки, правилами возврата медизделий и помощью в оформлении документов.

Обновлено:
Смотреть кейс
срок проекта
1.5 месяца
функциональных модулей
7
этапов разработки
6
ключевых технологий
4
Магазин средств реабилитации «Мир опоры и движения»: подбор, сертификаты, доставка

02 — Контекст

Задача проекта

Исходная ситуация, ограничения и проблемы, которые должна была решить новая система.

Средства реабилитации покупают в момент, когда жизнь резко изменилась: после операции, травмы или ухудшения состояния близкого. Решение принимают быстро, часто не сам пользователь, а дочь, сын или супруг, и почти всегда без опыта: чем активная коляска отличается от комнатной, какая ширина сиденья нужна при весе 90 кг, подойдут ли костыли или уже нужны ходунки. Обычная плитка товаров с ценами на такие вопросы не отвечает.

Вторая особенность ниши — государство. Часть техники положена бесплатно или компенсируется: ИПРА, электронные сертификаты, выплаты через Социальный фонд. Люди об этом либо не знают, либо не понимают, как оформить, и в итоге платят полную сумму или отказываются от покупки. Магазин помогает с документами и принимает сертификаты к оплате — но если этого нет на сайте, преимущество не существует для покупателя.

Третья сложность — доверие и правила. Медицинские изделия надлежащего качества не подлежат возврату, и об этом нужно предупредить до заказа, а не после. Плюс покупатель хочет понимать, кто продаёт: есть ли шоурум, можно ли приехать и попробовать, как быстро привезут, чем платить. Всё это надо было уложить в один экраноряд без длинного меню — и запустить за полтора месяца.

Покупатель — не пользователь

Заказывает чаще всего родственник, который не знает ни терминов, ни нужных параметров. Ему нужен не каталог с артикулами, а помощь: подобрать средство под вес, ширину, возраст и состояние человека, для которого покупают.

Про компенсацию никто не знает

ИПРА, электронные сертификаты, СФР, 181-ФЗ — механизмы, которые могут закрыть часть или всю стоимость. Без объяснения на сайте покупатель либо платит полностью, либо уходит, решив, что средство ему не по карману.

Правила возврата всплывают поздно

Медизделия надлежащего качества вернуть нельзя. Если покупатель узнаёт об этом после оплаты, магазин получает конфликт вместо повторной покупки. Условия должны стоять на сайте до заказа, спокойным понятным языком.

03 — Возможности

Что делает система

Ключевые сценарии и рабочие модули, собранные в единую систему.

Одностраничник с якорной навигацией

Вся логика выбора уложена в один поток: о компании, каталог, отзывы, доставка и оплата, возврат, бесплатный подбор, контакты. Меню перемещает по разделам без перезагрузок, а сам порядок блоков повторяет ход мысли покупателя. Для аудитории, которая не любит блуждать по многоуровневым меню, это самый спокойный формат — всё нужное на одной странице сверху вниз.

Витрина с ценами и заявкой

Популярные позиции показаны с ценой и понятной единицей: активные и комнатные кресла-коляски, электроприставки, костыли и трости — у комплектов указано «цена за комплект, 2 шт». Кнопка ведёт не в корзину, а в заявку: специалист уточняет вес, ширину и условия использования, чтобы человек не получил коляску, которая не проходит в дверной проём.

Цифры компании как основание доверия

Опыт на рынке, число клиентов, количество проверенных производителей и наименований в наличии вынесены отдельным блоком в начало страницы. Для покупателя дорогой техники это первый фильтр: он выбирает между магазином с шоурумом и историей и безымянной витриной. Цифры стоят рядом с объяснением, что магазин работает только с проверенными производителями и помогает с подбором.

Оплата, включая электронные сертификаты

Все способы перечислены явно: карта онлайн или курьеру, СБП по QR-коду, наличные, безналичный расчёт для юридических лиц с закрывающими документами и — главное для этой нишы — электронные сертификаты на технические средства реабилитации. Рядом стоит блок о компенсации по ИПРА и через Социальный фонд, чтобы покупатель сразу видел, что платить полную сумму, возможно, не придётся.

Помощь с документами и протезированием

Отдельный раздел объясняет, что магазин делает бесплатно по 181-ФЗ: оформление документов на ТСР через Социальный фонд или электронный сертификат, получение ИПРА и медико-технического заключения, споры с фондом о качестве протеза, юридическое сопровождение договоров, содействие в повышении суммы сертификата. Это переводит сайт из плоскости «продажа» в плоскость «сопровождение».

Доставка и шоурум

Курьером по Москве в день заказа — с подъёмом и занесением, что для коляски или функциональной кровати важнее самой доставки. По России — транспортными компаниями и почтой, обычно за один-три дня, бесплатно и без порога по сумме заказа. Плюс самовывоз из шоурума с адресом и режимом работы: технику можно приехать посмотреть и примерить, а не выбирать по фотографии.

Правила возврата и бесплатный подбор

Условия обмена и возврата сформулированы честно и до заказа: медицинские изделия надлежащего качества входят в перечень товаров, не подлежащих возврату, по браку — гарантия. Рядом — форма бесплатной консультации, где специалист подбирает средство под потребности и возраст и подсказывает по компенсации. Так предупреждение о правилах не выглядит отказом, а становится частью помощи.

04 — Архитектура

Технологический стек

Технологии выбраны под нагрузку, интеграции и дальнейшее развитие продукта.

Next.js

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

TypeScript

Товарные данные здесь чувствительны: цена, единица измерения, тип средства, наличие. Ошибка вроде цены за одну единицу вместо комплекта из двух костылей — это конфликт с покупателем на выдаче. Типы описывают структуру карточки один раз, и дальше сборка ловит пропущенное поле или несоответствие до того, как оно попадёт на прод.

Tailwind CSS

Аудитория магазина — пожилые люди и их родственники, поэтому крупный кегль, спокойный контраст и большие области нажатия важнее визуальных изысков. Утилитарные классы позволили выдержать эти правила на всей странице сразу и собрать плотные блоки — витрину, способы оплаты, доставку, юридические условия — в одном ритме, без разъезжающихся стилей.

React

На React работает вся интерактивность одностраничника: якорная навигация с подсветкой активного раздела, мобильное меню, формы заявки на подбор и обращения по товару, всплывающие подсказки. Компонентная модель дала одинаковое поведение кнопки «Купить» у любой позиции витрины — заявка открывается с уже подставленным товаром, покупателю не нужно ничего вписывать вручную.

  • Next.js
  • TypeScript
  • Tailwind CSS
  • React

05 — Процесс

Как шла разработка

Последовательность работ от исследования задачи до запуска и проверки результата.

  1. Разбор сценария покупки

    Начали с того, кто и в какой ситуации заказывает: чаще родственник, срочно, без опыта в терминах и параметрах. Из этого вырос порядок блоков — сначала «кто вы такие», потом товары с ценами, затем деньги и логистика, и только после этого юридические условия. Продавать «в лоб» в такой ситуации бессмысленно: человеку сначала нужно понять, куда он попал.

  2. Витрина и модель товара

    Описали типами карточку: название, тип средства, цена, единица измерения, пояснение вроде «цена за комплект, 2 шт». Отобрали ходовые позиции — активные и комнатные коляски, электроприставки, костыли, трости — и собрали витрину так, чтобы цена и назначение читались с первого взгляда, без раскрытия карточки.

  3. Деньги: оплата, сертификаты, компенсация

    Собрали блок способов оплаты и отдельно расписали механику электронных сертификатов на ТСР и компенсации по ИПРА через Социальный фонд. Формулировки сверяли так, чтобы они были понятны человеку без юридического опыта и при этом корректны: здесь неточность в описании льготы дороже, чем неудачное слово в описании товара.

  4. Сопровождение и протезирование

    Вынесли в отдельный раздел бесплатные услуги по 181-ФЗ: документы на ТСР, получение ИПРА и медико-технического заключения, споры с фондом, юридическое сопровождение договоров, повышение суммы сертификата. Каждый пункт описали одним понятным абзацем — так, чтобы человек узнал в нём свою ситуацию и понял, что с этим можно прийти в магазин.

  5. Логистика и юридические условия

    Описали доставку курьером с занесением, отправку по России, самовывоз из шоурума с адресом и режимом работы. Отдельно — обмен и возврат с честной оговоркой про медизделия надлежащего качества и гарантию по браку, плюс страницы оферты и реквизитов. Условия поставили до заявки: покупатель должен узнать правила от нас, а не от курьера.

  6. Проверка и запуск

    Перед публикацией прошли страницу глазами покупателя-родственника: со смартфона, быстро, с крупным системным шрифтом. Сверили цены и единицы измерения с данными магазина, проверили якорную навигацию и что заявки с подставленным товаром доходят до менеджера. От старта до запуска ушло полтора месяца.

06 — Итог

Результаты

Что создано в рамках проекта: рабочий контур, реализованные возможности и подтверждённые факты.

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

Главное отличие от типового магазина медтехники — блок про государство. Электронные сертификаты к оплате, компенсация по ИПРА через Социальный фонд и бесплатное сопровождение по 181-ФЗ описаны понятным языком, поэтому преимущество магазина видно до звонка. Мы уложились в полтора месяца и отдали быструю статичную страницу на Next.js с запасом под полноценный каталог. Для нас это пример сайта в нише, где консультация важнее корзины.

7 разделов

на одной странице с якорной навигацией

6 способов оплаты

включая электронные сертификаты на ТСР

5 услуг

бесплатное сопровождение по 181-ФЗ

1.5 месяца

от разбора сценария покупки до запуска

FAQ

Вопросы о проекте

Обсудим похожий проект?

Расскажите о задачах вашего бизнеса — предложим архитектуру и оценим сроки

Посмотреть сайт

Рассылка

Подпишитесь на нашу рассылку
ArdaМинцифры РоссииСделано в России
Услуги по разработке сайтов и Telegram-ботов оказывает ИП Акерман Д.И., ИНН 591907265805, ОГРНИП 321595800025080. Бренд «МАЙПЛ» принадлежит ООО «МАЙПЛ» — иные услуги оказываются ООО.