Разработка сайта интернет-магазина «Доступная среда»

smartaids.ru

Заказчик

Smartaids, интернет-магазин «Доступная среда», специализируется на продаже технических средств реабилитации, тифлотехники, товаров для людей с нарушениями слуха и зрения, пожилых людей, инвалидов и пользователей с ограниченными возможностями здоровья.

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

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

Задача

Необходимо было создать современный интернет-магазин на платформе «1С-Битрикс», который позволит:

  • удобно представить большой каталог технических средств реабилитации;
  • упростить подбор товаров для покупателей с разными потребностями;
  • обеспечить доступность интерфейса для пользователей со скринридерами;
  • реализовать онлайн-заказ, оплату, доставку и покупку по сертификату;
  • подключить интеграции с учетной системой, службами доставки и платежными сервисами;
  • перенести существующий контент со старого сайта;
  • подготовить проект к дальнейшему SEO-продвижению, рекламным кампаниям и масштабированию.

Особое внимание уделили доступности, скорости работы, корректному отображению сайта в разных браузерах и удобству оформления заказа.

Реализация проекта smartaids.ru

Для проекта требовалась надежная CMS, рассчитанная на сложный интернет-магазин с большим каталогом, личным кабинетом, корзиной, скидочными механиками, интеграциями с 1С, платежными системами и службами доставки.

Платформа «1С-Битрикс: Управление сайтом» подошла по нескольким причинам:

  • готовая инфраструктура для интернет-магазина: каталог, торговые предложения, корзина, оформление заказа, личный кабинет, статусы заказов;
  • возможность гибко дорабатывать функционал под нестандартную бизнес-логику;
  • поддержка интеграций с «1С:Предприятие», CRM, службами доставки и платежными системами;
  • удобное управление контентом: статьи, новости, акции, отзывы, страницы компании;
  • инструменты для настройки скидок, бонусов, лояльности и персональных предложений;
  • возможность оптимизации под SEO и высокую скорость загрузки;
  • масштабируемость, важная для проекта с большим ассортиментом и разными сценариями покупки.

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

Почему выбрали «1С-Битрикс»

1. Доступность сайта для пользователей со скринридерами

Так как часть аудитории проекта составляют незрячие и слабовидящие пользователи, доступность интерфейса стала одной из ключевых задач.

В рамках проекта была выполнена микроразметка и семантическая настройка элементов для корректной работы со скринридерами. Это помогло сделать навигацию по сайту более понятной для пользователей, которые взаимодействуют с интернет-магазином через программы экранного доступа.

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

2. Кроссбраузерность и корректное отображение сайта

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

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

3. Сложно-функциональный каталог товаров

Каталог стал центральным элементом интернет-магазина. Он был разработан с учетом большого ассортимента и специфики товаров.

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

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

4. Отображение каталога и карточек товаров

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

В карточках товаров предусмотрели информацию, необходимую для принятия решения: описание, характеристики, условия покупки, возможность добавления в корзину, оформления заказа в 1 клик, добавления в избранное и просмотра рекомендованных товаров.

Отдельно реализовали товарные акценты: новинки, хиты, сертификат ТСР и Мультибонус.

Такие метки помогают быстрее ориентироваться в ассортименте и выделяют товары, которые могут быть особенно интересны покупателю.

5. Поиск и подсказки в результатах поиска

Для интернет-магазина с большим количеством позиций стандартного поиска недостаточно. Поэтому был разработан поиск по сайту и настроены подсказки в результатах.

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

Это особенно важно для ТСР, где один и тот же товар пользователи могут искать по-разному: по назначению, модели, типу устройства, проблеме или категории.

6. Корзина и оформление заказа

Была разработана корзина заказов с удобной логикой добавления товаров и перехода к оформлению.

Корзина помогает пользователю проверить состав заказа, изменить количество товаров, перейти к выбору доставки и оплаты. Для ускорения покупки также реализована форма заказа в 1 клик.

Такой сценарий полезен для пользователей, которым неудобно проходить длинное оформление, а также для покупателей, которым нужна консультация менеджера перед финальным подтверждением заказа.

7. Формы связи с менеджером и обратного звонка

На сайте реализованы формы связи с менеджером и заказа обратного звонка.

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

Формы помогают получить консультацию по товару, уточнить условия оплаты и доставки, задать вопрос по сертификату, оформить заказ с помощью менеджера или оставить заявку, если пользователь не готов покупать сразу.

8. Личный кабинет покупателя

Для зарегистрированных пользователей разработан личный кабинет с историей и статусами заказов.

Покупатель может вернуться к прошлым заказам, проверить актуальный статус, отслеживать обработку заявки и взаимодействовать с магазином без повторного обращения к менеджеру.

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

9. Интеграция с «1С:Предприятие»

Для автоматизации работы интернет-магазина была выполнена интеграция с АСУ на базе платформы «1С:Предприятие».

Интеграция позволяет связать сайт с внутренней учетной системой и упростить работу с товарами, заказами, статусами, ценами и другой операционной информацией.

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

10. Интеграция со службами доставки

Для покупателей были подключены разные варианты доставки: Почта России, СДЭК, Курьер Сервис и Boxberry.

Подключение нескольких служб доставки позволяет пользователю выбрать удобный способ получения заказа. Для интернет-магазина технических средств реабилитации это особенно важно, потому что покупатели находятся в разных регионах, а часть товаров может иметь нестандартные габариты или условия отправки.

11. Интеграция с платежными системами

На сайте реализована интеграция с платежными системами: СБП, PayKeeper и оплата по сертификату.

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

12. Центры выдачи по сертификатам ФСС

На сайте реализован раздел с центрами выдачи по сертификатам. Для удобства пользователей добавлен фильтр по городам на странице «Центр выдачи».

Этот функционал помогает покупателю быстрее найти ближайший пункт, уточнить возможность получения товара и сориентироваться в процессе покупки по сертификату.

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

13. Страница «Оптовикам»

Для B2B-аудитории разработана отдельная страница «Оптовикам».

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

На такой странице можно раскрыть условия работы, преимущества партнерства, порядок оформления заявки и контакты для связи с менеджером.

14. Контентные разделы: статьи, новости, вопрос-ответ

Для развития сайта как экспертной площадки были реализованы разделы: статьи, новости и вопрос-ответ.

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

Новости позволяют публиковать обновления компании, информацию о товарах, мероприятиях, выставках и изменениях в сфере ТСР.

Раздел «Вопрос-ответ» закрывает типовые сомнения покупателей и снижает нагрузку на менеджеров.

15. Отзывы, благодарности, партнеры и магазины

На сайте реализованы разделы, которые работают на доверие к компании: отзывы, благодарности, партнеры и магазины.

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

16. Акции, рекомендованные товары и модуль лояльности

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

Акции помогают продвигать специальные предложения. Рекомендованные товары подсказывают покупателю сопутствующие позиции. Бонусный счет и скидочная политика формируют дополнительную мотивацию вернуться за покупкой снова.

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

17. Избранное

Функционал «Избранное» позволяет пользователю сохранять интересные товары и возвращаться к ним позже.

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

18. Оплата и доставка

Был разработан информационный раздел «Оплата и доставка».

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

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

19. Перенос контента со старого сайта и сохранение URL

В рамках проекта был выполнен перенос контента со старого сайта Smartaids на новую платформу.

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

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

Поэтому при переносе контента команда не стала без необходимости менять адреса значимых страниц. Для ключевых разделов, категорий, карточек товаров и информационных материалов были сохранены прежние URL либо подготовлена корректная логика переходов.

Такой подход позволил снизить риск потери поискового трафика после запуска нового сайта, сохранить уже накопленную видимость страниц в Яндексе и Google, избежать большого количества ошибок 404 после переезда, не обнулять пользовательские маршруты, сохранить ценность внешних ссылок, упростить переиндексацию обновленного ресурса поисковыми системами и создать более устойчивую базу для дальнейшего SEO-продвижения.

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

В результате новый сайт получил обновленную техническую и визуальную основу, но при этом сохранил преемственность со старой версией. Это помогло аккуратно провести переезд, защитить поисковые позиции и подготовить ресурс к дальнейшему росту в органической выдаче.

20. Оптимизация скорости загрузки

После разработки была проведена оптимизация скорости загрузки страниц.

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

21. Перенос готового сайта на хостинг заказчика

На финальном этапе готовый сайт был перенесен на хостинг заказчика. Также была выполнена настройка доменного имени.

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

Что было реализовано

В результате был разработан современный интернет-магазин Smartaids на платформе «1С-Битрикс», объединяющий каталог технических средств реабилитации, онлайн-продажи, сервисные разделы, контентную базу, личный кабинет, бонусные механики, оплату, доставку и интеграции с учетной системой.

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

  • доступность для пользователей со скринридерами;
  • покупка товаров по сертификату;
  • центры выдачи с фильтром по городам;
  • сложный каталог специализированных товаров;
  • формы консультации с менеджером;
  • оптовый раздел;
  • личный кабинет с историей и статусами заказов;
  • интеграции с «1С:Предприятие», доставками и платежными системами;
  • модуль лояльности, бонусный счет, акции и рассылки;
  • сохранение URL старого сайта для защиты поискового трафика и преемственности SEO.

Сайт стал полноценной eCommerce-платформой для продажи технических средств реабилитации и удобным инструментом для покупателей, которым важно быстро найти подходящий товар, получить консультацию, выбрать способ доставки и оформить заказ удобным способом.

Итог