Основные задачи

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

Для всех устройств

Сайт должен отлично выглядеть и быть удобным на всех устройствах
Подружить со складом

Сайт должен автоматически поддерживать актуальное наличие изделий в магазинах, их размеры и стоимость
Подготовить для SEO и рекламы

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

Предоставить пользователю удобную структуру каталога и фильтрацию для быстрого подбора изделий
Сделать информативно

Посетитель должен получить исчерпывающую информацию по товарам, акциям, спецпредложениям
Легко администрировать

Интуитивно понятная админ-панель и возможность масштабировать сайт

ЭТАП 1. Проектирование

Кликабельная версия прототипа для просмотра в браузере

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

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

Учитывались такие процессы как:

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

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

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

ЭТАП 2. Дизайн и вёрстка

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

Шрифт был подобран простой, округлый, без засечек (Montserat), в оппозицию сложным шрифтам фирменных логотипа и слогана.

Поскольку более 70% всех пользователей заходят на сайт клиента с мобильных устройств, при вёрстке особое внимание уделялось удобству на мобильных разрешениях.

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

Цветовая схема
Сайт на разных разрешениях
Главная страница
Категория товаров
Карточка товара с размерами
Карточка товара без размеров
Страница с перечнем салонов
Страница салона
Блог статей
Статья блога
Информационная страница
Страница отзывов
Страница контактов

ЭТАП 3. Программирование

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

Поскольку сеть насчитывает около 50 магазинов по всей Беларуси, движении товаров происходят постоянно (одни товары распродаются, другие завозятся с новыми партиями). Для автоматизации поддержания актуальности товаров на сайте была произведена интеграция с 1С клиента.

Обновление товаров через 1С работает в двух режимах:

1. обновление измененных позиций (т.е. обновление только тех товаров, которые изменялись в 1С после предыдущего обновления)

2. полное обновление товаров

Полное обновление товаров происходит из общего xml-файла. На данный момент это файл размером более 100Мб, содержащий около 3млн. строк (~30тыс. моделей товаров и ~200тыс. товарных позиций с полным набором свойств и параметров). Полное обновление такого объема данных происходит всего в одну итерацию «одной кнопкой».

Кроме видимых параметров на сайт выгружаются служебные параметры 1С, они не структурированы и визуально бесполезны для пользователя, поэтому не отображаются в карточке товара, однако, учитываются при поиске нужного товара на сайте. Например, на данный момент на сайте не выделен отдельный раздел под обручальные кольца, т.к. нет возможности автоматически структурировать товары в такую категорию, однако при вводе в поиск запроса «обручальное кольцо», система в служебной информации отыщет соответствующие пометки и отобразит релевантные товары по этому запросу. Также к поиску подключена библиотека phpMorphy, которая помогает осуществлять поиск с учетом морфологии (разницы в окончаниях, приставках и др.)

Дополнительный функционал:

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

Вход в CMS
CMS сайта
Подбор и сортировка изделий
Поиск по каталогу
Актуальные размеры и наличие в магазинах
Другие изделия из текущей коллекции
Последние просмотренные
Форма бронирования изделия
Форма заявки на перевоз изделия
Форма подписки на рассылку
Форма отправки отзыва
Интерактивная карта с салонами
Сортировка акций по актуальности

ЭТАП 4. Администрирование, тестирование, менеджмент проекта

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