Nika-dent

Информация о проекте

«Ника-Дент» — один из ведущих поставщиков стоматологического оборудования и расходных материалов в России. На момент обращения у компании был устаревший сайт, не отвечающий современным требованиям удобства, функциональности и скорости работы. Требовалось создать мощный интернет-магазин на платформе «1С-Битрикс», способный обрабатывать тысячи товаров, обеспечивать удобный поиск и фильтрацию, а также интегрироваться с внутренними системами учёта.

Цели создания сайта:

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

• Реализовать сложный многоуровневый каталог товаров с удобной фильтрацией, быстрым поиском по характеристикам и возможностью управления огромным ассортиментом.
• Обеспечить полный цикл покупки: от добавления в корзину до оформления заказа с выбором способа доставки (включая интеграцию со СДЭК) и онлайн-оплаты через платёжную систему Payselection.
• Внедрить личный кабинет с историей заказов, избранным, сравнением товаров и возможностью сохранения нескольких адресов доставки.
• Интегрировать сайт с 1С для автоматической синхронизации товаров, цен, остатков и заказов, минимизируя ручной труд сотрудников.

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

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

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

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

Отдельный этап — работа над формами и модальными окнами. Заказчик хотел, чтобы пользователь мог быстро оставить заявку, заказать звонок или купить товар оптом. Мы разработали несколько типов форм с валидацией и защитой от спама (reCAPTCHA). Пришлось переработать механизм повторной отправки кода подтверждения при регистрации по email, чтобы избежать ситуаций, когда пользователь не может завершить регистрацию из-за сброшенного таймера.

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