Создание интернет-магазина

Разработка интернет-магазина химического сырья и лабораторного оборудования rlab.store на InSales. Адаптивная верстка, умный поиск, интеграция CRM, SEO-оптимизация.

Задача

rlab.store продаёт химическое сырьё, реактивы и лабораторное оборудование — товар, где карточка живёт не картинкой, а характеристиками. Покупателя интересует степень чистоты, концентрация, фасовка, соответствие ГОСТу или ТУ, форма поставки. У части позиций есть ограничения по обороту и требования к оформлению, поэтому магазин нужно было строить не как обычную витрину одежды или электроники, а как каталог, где технические параметры и опт стоят на первом месте. Готового шаблона под такую специфику на InSales нет — всё собиралось с нуля.

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

Что сделали

Верстка и дизайн

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

  • Главная страница
  • Каталог с тремя типами сетки
  • Страницы товаров для оптовых клиентов
  • Разделы: доставка, оплата, отзывы
  • Адаптивная верстка для всех устройств
  • Уникальные шаблоны технических страниц и 404

Функционал

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

  • Умный поиск и страница результатов
  • Формы обратной связи и попапы
  • Интерактивная карта
  • Личный кабинет с авторизацией
  • Корзина и оформление заказа
  • Онлайн-консультант и мессенджеры

SEO и безопасность

Поисковую основу заложили сразу в шаблоны. Микроразметку Schema.org повесили на карточки товаров и каталог, чтобы позиции корректно попадали в товарную выдачу. Шаблоны meta-тегов генерируют заголовки и описания для всей номенклатуры без ручной правки каждой страницы, robots.txt и sitemap.xml открыли краулерам нужное и закрыли служебное, а 301-редиректы свели старые и дублирующие адреса в один канонический. Весь трафик перевели на HTTPS через SSL-сертификат.

  • Микроразметка Schema.org
  • 301 редиректы
  • Настройка robots.txt и sitemap.xml
  • Шаблоны meta тегов
  • SSL-сертификат

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

Результат

Получился быстрый и удобный магазин на InSales под продажу химического сырья и лабораторного оборудования. Каталог с тремя режимами сетки и карточками под опт закрывает и розничного, и оптового покупателя, умный поиск ведёт к нужному реактиву, а связка с CRM и эквайрингом собирает заявки в одном месте. SEO-основа — Schema.org, шаблоны meta-тегов, sitemap и редиректы — заложена в тему сразу, так что молодому домену есть на чём наращивать органику, а адаптивная верстка и SSL закрывают базовые требования к доступности и безопасности.

Технологии

InSales HTML/CSS JavaScript Schema.org SEO SSL Адаптивная верстка E-commerce