Tokc.ru

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

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

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

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

Так как это грозило большим риском для компании, рабочий процесс было решено вовсе не трогать. А чтобы сохранить его в прежнем виде, нами была разработана уникальная архитектура обмена данными между учётной системой и интернет-магазином. С этой целью была сконфигурирована система на базе «1С: Управление предприятием» версии 8, что позволило использовать всю широту возможностей механизмов обмена данными между «1С-Битрикс» и «1С». Благодаря этому компании удалось сохранить привычные принципы управления бизнесом, не требуя издержек на обучение сотрудников. Теперь данные из «1С: Предприятие 7.7» поступают в «1С: УП» версии 8, откуда передаются в интернет-магазин.

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

Чтобы эффективно использовать пространство на страницах интернет-магазина пришлось минимизировать «шапку». Это существенно экономит пространство экрана и открывает целый ряд преимуществ:

• Малый размер «шапки» позволяет закрепить её в верхней части экрана.
• В «шапке» покупателю доступна приоритетная информация и средства управления.
• Контактная информация, указанная в шапке, меняется в разных разделах интернет-магазина, обеспечивая распределение потока звонков и электронных писем.

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

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

«Хлебные крошки» помогают проследить «путь» покупателя от раздела к товару и быстро переключаться между ними в случае необходимости.

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

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

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

А для увеличения cross-sale карточки товаров содержат блок «Вам также пригодятся», с возможностью тут же приобрести сопутствующие материалы, и окно недавно просмотренных товаров.

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

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

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

Чтобы облегчить покупателям оформление заказа, товары в «Корзине» представлены в виде компактного списка. Здесь всё необходимое: наименование, изображение, отдельная стоимость каждого товара и общая стоимость заказа. Тут же доступен выбор способа получения заказа и метод оплаты. Пересчёт стоимости заказа происходит в реальном времени — на глазах клиента.

Систему оформления заказа в интернет-магазине ТОКС мы значительно упростили. Для удобства покупателей оформление покупки сделали абсолютно прозрачным и требующим минимального количества личной информации.

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

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

Интернет-магазин компании ТОКС создан с нуля. Проектируя сайт, мы старались учесть даже самые мелкие детали, чтобы сделать его удобным и для клиентов, равно как и для сотрудников компании. И вот список достижений проектной команды:

• Уникальная трёхзвенная архитектура обмена данными между учётной системой компании и заказами со стороны интернет-магазина.
• Автоматическое изменение способа отображения каталога позволяет сотрудникам интернет-магазина в пару «кликов» менять способ представления товара.
• Эргономичный интерфейс обеспечивает эффективное использование пространства на экране.
• Продуманная и развёрнутая система навигации значительно ускоряет и упрощает процесс поиска товара.
• Меняющиеся номера телефонов и электронной почты для разных отделов каталога оптимизировали диспетчеризацию звонков и писем для разных отделов магазина.
• Система автоматического расчёта стоимости и средств доставки заказа на базе сервиса Яндекс.Карты оптимизировала логистические процессы предприятия.
• Удобная «Корзина» с возможностью проверять, корректировать заказ и выбирать оптимальный способ его реализации и оплаты.
• Автоматическое формирование всех необходимых документов.
• Минимальный запрос данных при оформлении заказа значительно ускорил процесс оформления покупки.
• Возможность заказать обратный звонок от оператора call-центра существенно повысила удобство покупателей в работе с интернет-магазином.