Разработка «Нестандартного» интернет-магазина для компании Стандарт

Концепция и дизайн

Напомню наши основные этапы работы над проектом:

Работа над интернет-магазином компании «Стандарт» началась с написания концепции и создания прототипа главной страницы. Концепцию — некоторые говорят «Видение проекта» — мы пишем для того, чтобы максимально полно ответить на вопрос “Зачем заказчику нужен сайт?”. Кроме того, мы передаем Концепцию в работу дизайнеру для подготовки макета главной страницы.

В Концепции сайта компании Стандарт мы описали задачи, которые должен решать сайт:

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

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

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

Работая над Концепцией, мы совместно с заказчиком выделили основные модули, которые будут нужны посетителям на главной странице — Список категорий каталога, Перечень новинок оборудования, Акции. Составили карту разделов сайта и подготовили прототипы главной страницы в разных состояниях. Приводим прототип главной страницы, который послужил основой для дизайна.

Прототип главной страницы интернет-магазина компании Стандарт

Дизайн сайта должен решать поставленные в Концепции задачи. Мы всегда передаем концепцию дизайнерам, а не только прототип или модульную сетку. Лучшее качество, которое может быть у дизайнера — готовность “включать мозги” во время работы над макетами сайта. Менеджер проекта всегда жаждет, чтобы дизайнер включился в проект на таком же уровне, как и сам менеджер. Надеюсь, наши концепции помогают в этом.

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

Первый макет понравился заказчику и был принят с несколькими правками. Хороший прототип и хороший дизайнер, умеющий работать не только руками, но и головой, решили задачу на 100%. Ниже представлены первый и заключительный варианты дизайна.

Первый и окончательный вариант дизайна главной страницы

Интеграция с 1С и работа над техническим заданием

После завершения работ над макетом главной страницы мы приступили параллельно к разработке Технического задания и Интеграции сайта с учетной системой 1С.

Для того, чтобы качественно “подружить” сайт с 1С, необходимо выполнение нескольких условий:

  • во-первых, в системе 1С должен быть установлен и настроен Модуль обмена ( http://1c.1c-bitrix.ru/ecommerce/require_1C.php ). Во всех новых версиях платформы в конфигурациях УТ и УТП данный модуль уже есть;
  • во-вторых, на сайте должен быть настроен и подготовлен модуль интернет-магазина для интеграции;
  • в-третьих, самое интересное - только новая версия модуля обмена (11.0.6.7.) позволяет передавать на сайт измененную структуру каталогов, отличную от структуры номенклатуры в 1С. До этой версии приходилось создавать в номенклатуре 1С такую структуру, какую мы хотели иметь на сайте. Так произошло и в этот раз. Как оказалось, менеджерам по продажам с новой структурой (как на сайте), даже удобней работать.

Мы справились с интеграцией во многом благодаря специалисту компании Стандарт, Александру. Спасибо!

Отдельно хочется отметить общее количество характеристик у товаров на сайте. После проработки каждой категории в 1С контент-менеджер заказчика создавал для товаров этой категории отдельный набор свойств. Штук по 15 у каждой. Все бы хорошо, но при выгрузке на сайт, все свойства оказываются в едином списке, общим количеством ~500. Начинается самое интересное - без специальной настройки на хостинге нельзя проводить никакие операции с товарами: добавлять, сохранять. Нельзя применить настройки к категории товаров. Решил проблему тариф Eterno хостинговой компании ООО Таймвэб. Правда, все же пришлось некоторые переменные в конфигурационных файлах устанавливать вручную. Мы рекомендуем данный тариф клиентам с крупными и сложными сайтами.

Техническое задание получилось объемным, насыщенным прототипами, таблицами, шаблонами. Директор ООО «Стандарт», Светлана Викторовна, проверяла все макеты внутренних страниц, а также их описания в ТЗ. Это один из немногих случаев, когда директор лично знаком с ТЗ, структурой сайта, а также логикой работы сайта. Это хороший вариант совместной работы. Бывает и плохой, когда со стороны заказчика на вопросы по ТЗ отвечает “админ”, а директор, видя готовый сайт, не принимает его. Поэтому мы всегда стараемся донести всю важную и необходимую информацию, до лица, принимающего решения. Хотя бы на уровне прототипов.

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

Например:

  • Любое оборудование на сайте можно сравнить по характеристикам, так как список характеристик один на весь каталог;
  • Страница товара имеет специальную версию для печати, на которой не отображается ничего лишнего - только изображение товара, его характеристики, а также телефоны магазина;
  • Нажимая на бренд в списке товаров, мы получаем отобранные с помощью фильтра товары данного производителя (очень удобно для визуалов, а также тех, кто помнит, как выглядит логотип, но не помнит название);
  • Категории каталога и фильтр по товарам располагаются в одной колонке. Переключение происходи с помощью табов. Такое решение позволило сэкономить целую колонку на страницах!
  • Для категорий товаров можно настраивать, какие свойства и в каком порядке использовать в фильтре, и отдельно в списке товаров. Кроме того, работает наследственность. Можно настроить только корневые разделы каталога, и ко всем подразделам применятся данные настройки;
  • На странице Сервисный центр можно узнать, в каком состоянии находится сданное в ремонт оборудование. Для реализации этой возможности мы применили специальное решение и попросили в 1С создать отдельный каталог товаров, в котором фактически находятся заявки на ремонт.

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

Особое внимание было уделено процессу оформления заказа. Мы пытались сделать процесс покупки на сайте максимально удобным и быстрым. Исследования специалистов показывают, например, что увеличение обязательных полей при оформлении заказа всего на 2, уменьшает конверсию на сайте также на 2%! (подробнее на  http://prograbli.ru/techno_experience/The_ideal_form_is_what_should_be_the_system_of_ordering_on_your_site_/ ). Поэтому, обязательных к заполнению полей на этапе оформления заказа должно быть минимум. Лучше применять постпродажные обзвоны покупателей для увеличения информации о ваших клиентах.

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

Если пользователь не авторизован на сайте, ему вежливо предложат зарегистрироваться, но есть специальная кнопка “У меня мало времени”, которая позволяет оформить заказ без регистрации.

Мгновенный переход с любой страницы к оформлению заказа

При оформлении заказа заполняем всего 4 поля, и наш заказ отправляется менеджеру на электронную почту, и, при следующем обмене, в 1С создается новый Заказ покупателя.

Обязательные поля на этапе оформления заказа интернет-магазина Стандарт

Запуск, поддержка и развитие

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

Мое мнение однозначно — открывать как можно быстрее. Если сайт сделан грамотно, нет явных ошибок в верстке, логике, нет пустых ссылок, его нужно открывать. Кроме живых пользователей есть еще Яндекс и Google. Пусть они пораньше познакомятся с вашим новым сайтом, и поймут, что произошла замена.

Мы прописали ns-адреса, новый сайт заработал по старому адресу. В первую неделю из 1С на сайт были выгружены все товары. Сейчас сайт наполнен и работает отлично.

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


Вам может быть интересно:

Разработка сложных сайтов и крупных проектов


Оцените статью: