Art-Fresh Ecommerce Solutions

SoundSystems.ru

Создание и развитие интернет-магазина Hi-Fi и Hi-End техники

Антон Каневский

Art Fresh E-Commerce Solutions

Сегодня SoundSystems (ранее SuperStereo) — один из крупнейших и крутейших интернет-магазинов Hi-Fi и Hi-End техники в Рунете. Дорогостоящая аппаратура премиум-класса, редкие для российского рынка товары, высокие требования к их презентации, клиентоориентированная политика. Такой подход и размах несомненно означает высокие требования к сайту магазина. Тут-то в дело вступает Art-Fresh.

Коротко о проекте

Что делали:

Модификация программной части интернет-магазина с целью повышения производительности

Интеграция программной части интернет-магазина с дизайном интерфейса

Внедрение интерактивной системы «Инфографика» для визуальной презентации товара интернет-магазина

Оптимизация процедуры оформления заказа с учётом специфики бизнес-процесса

Внедрение новой системы поиска товаров при помощи параметрических фильтров

В товарные карточки внедрена система анкоров для максимально удобной навигации

Как это было

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

Однако, в скором времени компания решила запустить совершенно новый интернет-магазин. Получив прототип интерфейса и дизайн-проект наших коллег, компания обратилась в Art-Fresh за написанием программной части.

Какие задачи встали перед нами:

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

Справа — главная страница сайта сразу после его перезапуска.

Что получилось

Главная страница обновлённого SoundSystems.ru

Технический аудит

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

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

Программная часть

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

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

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

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

Интересует конкретная марка? — используйте фильтр по брендам. Нужно уложиться в бюджет? — указывайте диапазон стоимости. Хочется, чтобы устройство удачно вписалось в домашний интерьер? — выставляйте фильтр по цвету и фактуре. Удобнее просто некуда!

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

Но одними только расширенными возможностями поиска дело не ограничилось. Фильтрация товара происходит по технологии RealТime™, работающей в режиме реального времени. Пока покупатель увлечённо настраивает фильтр на искомый товар, поиск автоматически адаптируется под уже введённые параметры. Кроме того, технология RealТime™ включает подсистему превентивного подбора, моментально отображающую количество товаров, соответствующих выбранным параметрам. Никаких перезагрузок страницы и длительного ожидания обработки данных — достаточно нажать кнопку «Показать» и результат тут же появится.

Презентация товара

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

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

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

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

Корзина

Корзина интернет-магазина призвана сделать процесс проверки и оформления заказа удобным и безболезненным. В SoundSystems корзина появляется во всплывающем окне, избавляя покупателей от вечного поиска спрятавшейся иконки. Функционал позволяет быстро убедиться в правильности заказа по изображениям, проверить стоимость каждого товара и общую стоимость покупки. Заказ можно тут же менять и корректировать, а пересчет стоимости осуществляется в считанные секунды в режиме реального времени.

Оформление заказа

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

Мы также расширили возможности совершения покупок, интегрировав «Заказ в 1 клик», позволяющий легко и быстро совершить покупку. К услугам пользователя также появилась опция «Заказать обратный звонок». Она предоставляет покупателю возможность получить персональную консультацию у сотрудника call-центра и обговорить детали заказа в удобное для него время.

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

Стена почёта

Так что же, в итоге, сделано?

Более чем 20-кратное увеличение скорости загрузки страниц интернет-магазина, позволяющее экономить время покупателей и избавлять их от потери времени

Интеграция параметрических фильтров торгового каталога, работающих по технологии RealTime™, значительно ускорившего работу с каталогом

Интеграция технологии «Инфографика», при помощи которой можно создавать интерактивные визуальные презентации продукции

Визуальный редактор, созданный специально для системы «Инфографика», предоставляет сотрудникам возможность с лёгкостью создавать презентации товара, не требуя от них специальной подготовки

Упрощенный «Личный кабинет», содержащий историю совершенных покупок и предоставляющий возможность редактировать персональные данные

Упрощенная система заказов: новая функциональная корзина, запрос минимального набора данных о клиенте, опция «Заказ в 1 клик», возможность заказа обратного звонка.

Изучить нашу работу над проектом SoundSystems более подробно вы можете на их сайте. И не забудьте подписаться на рассылку Art-Fresh и наши социальные сети (кнопка справа).