Сайт ParikMag.ru

И ещё 400 с хвостиком мелких задач по поддержке и оптимизации уже работающего проекта.

Parikmag.ru — один из первых в России интернет-магазинов специализированной продукции для парикмахеров. Он сохраняет лидирующие позиции среди растущего числа конкурентов, предлагая клиентам широкий выбор профессиональных товаров.

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

Создание интерфейса, пожалуй, самая важная задача в проектировании интернет-магазина. Быстро найти и оформить товар — вот что нужно клиенту в первую очередь. Посему, к прототипированию интерфейса подошли основательно. Всё-таки, между удобством покупок в интернет-магазине и его конверсией связь прямая, как стрела.

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

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

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

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

При работе с системой бесконечной прокрутки важно аккуратно учитывать требования поисковых систем. Для того, чтобы введение этого удобного для пользователей функционала не обернулось ухудшением позиций магазина в поисковой выдаче, мы оставили традиционный компонент полистного просмотра страниц каталога, который не виден большинству пользователей. Он подключается только для тех браузеров, которые не поддерживают JavaScript (по нашим данным, таких 0,04%). Но куда интереснее то, что в число таких «браузеров» попадают и все поисковые роботы, а значит, они находят привычные для себя ссылки на следующие страницы товарной выдачи, справляясь с индексацией сайта.

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

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

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

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

Поэтому мы стремились сделать процесс конечного оформления заказа незаметным, быстрым и простым для каждого покупателя. В первую очередь, мы заменили идентификацию по электронной почте распознаванием покупателей по номеру телефона. Это не только позволило безо всяких проблем покупать тем, кто не пользуется E-mail (а таких оказалось немало!), но и дало внедрить CRM и SMS-информирование в работу отдела продаж, а также улучшить сервис за счет статистики прошлых покупок клиента.

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

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

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

Каждый наш проект по-своему уникален. Сайт ParikMag.ru попытались сделать таким же — наполнить полезными фишками и расширить функционал. Что сделали в итоге:

• Система Автоматизированных рабочих мест (АРМ), которая сократила время обработки заказов, автоматизировала закупки.
• Удобный «Личный кабинет», позволяющий просматривать историю покупок, редактировать личные данные и использовать «Список желаний»
• Простая и функциональная «Корзина», позволяющая мгновенно проверять, корректировать и оформлять заказ
• Минимум запрашиваемых данных обеспечивает комфортные и быстрые покупки
• Опция «Заказ в 1 клик» увеличила сегмент постоянных покупателей
• Обратный звонок от сотрудника компании и SMS-информирование о статусе заказа повысили удобство использования интернет-магазина для покупателей
• «Бесконечная прокрутка» страниц каталога товаров ускорила работу с интернет-магазином
• Технология отложенной загрузки изображений Lazy Loading, оптимизировала поиск и выбор товара.