Процесс создания интернет-магазина DIGITAL-GUARD. Разработка уникальных модулей, редизайн

Процесс создания интернет-магазина DIGITAL-GUARD. Разработка уникальных модулей, редизайн

    Компания Digital-Guard поручила нам провести редизайн интернет-магазина, созданного в 2012 году и не менявшего ни разу свой дизайн.

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

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

    После сбора данных началась активная работа по созданию сайта на базе CMS Joomla.

    ДИЗАЙН САЙТА

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

    В шапке сайта размещены:

    • Разделы: Новости, Монтаж, Программы, Оплата и доставка, Контакты
    • Логотип компании DIGITAL-GUARD
    • Интеллектуальный поиск, позволяющий уже на начальном введении запрашиваемого товара, получить его, а также аналоги в поисковой выдаче
    • Контактную информацию: телефоны, электронный адрес, время работы

    В магазине около 1500 товаров, разделенных на 5 разделов и большое количество подразделов. Мы обязаны были учесть эту особенность, и предложили с помощью меню «Категорий» справа вывести их сразу под верхним меню. Т.к. человек читает с лева на право и сверху в низ, данный раздел обязательно попадет в его поле зрения и будет востребовано. Дальнейший анализ Главной страницы во время Beta-тестирования подтвердило наши правильные действия.

    При разработке сайта, в середину шаблона встроен слайдер на базе DJ-ImageSlider. Он позволяет отображать изображения слайдов с названием и кратким описанием, а также связывает слайд с любым пунктом меню либо статьи.

    Под разделом «Категории» размещен вертикальный слайдер «Рекомендуем».

    Под слайдером также используются 2 горизонтальных, тематических слайдера: «Популярные товары» и «Новые товары».

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

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

    Над футером расположен еще один слайдер. В нем размещены компании, товары которых продаются в интернет-магазине.

    К каждой карточке товара можно применить цветной тематический стикер. Размещение стикеров происходит через карточку товара в административной части. Весть процесс происходит в 1 клик.


     

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

    ТОВАРНЫЕ РАЗДЕЛЫ ИНТЕРНЕТ-МАГАЗИНА

    Товары во всех разделах отображаются в виде таблицы, состоящей из 3-х столбцов.

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

    КАРТОЧКА ТОВАРА В ИНТЕРНЕТ-МАГАЗИНЕ
    Данный раздел максимально проработан по всем параметрам удобства, как просмотра картинки, так и прочтению текста.

    Деление на превью (короткое описание) и на полное техническое описание продукта, позволяет пользователю концентрировать внимание на том, что ему на данный момент более существенно!

    Под ценой размещен модуль сравнения описаний и цен. Нажав в одной, второй третьей карточке на слово «Сравнить», вы получите все товары в отдельном окне.

    Некоторое нестандартное действие происходит при нажатии на кнопку «ЗАКАЗАТЬ».

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

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

    Не многие могут позволить себе такую систему взаимодействия с клиентом т.к.:

    1. Нужно знать весь ассортимент товаров
    2. Нужно владеть знаниями, что, к чему подходит
    3. Нужно уметь быстро проводить переговоры и далее переходить к следующему клиенту

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

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

    РАЗДЕЛ КОНТАКТНАЯ ИНФОРМАЦИЯ
    Стандартная текстовая страница с встроенным модулем карты от Google, на которой меткой отмечен магазин компании.

    НОВОСТНОЙ РАЗДЕЛ ИНТЕРНЕТ-МАГАЗИНА

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

    ТЕХНИЧЕСКАЯ СПЕЦИФИКАЦИЯ САЙТА

    • Сайт выполнен на CMS Joomla 2.5.6
    • Встроена и настроена карта сайта – Xmap с дополнительными расширениями
    • Магазин настроен на платформе – VirtueMart 2.0.22b
    • Вся информация перенесена в полном соответствии с теми условиями, которые были прописаны в техническом задании.
    • Новостной раздел выполнен на CMS WordPress. Также используется СЕО пакет - All in One SEO Pack

    ФОТО СТРАНИЦ ИНТЕРНЕТ-МАГАЗИНА

    razrabotka_glavnoi_stranici_internet_magazin_digital-guard

     ТОВАРНЫЙ РАЗДЕЛ ИНТЕРНЕТ-МАГАЗИНА

     

    razrabotka_stranici_razdela_internet_magazin_digital-guard

     

     КАРТОЧКА ТОВАРА В ИНТЕРНЕТ-МАГАЗИНЕ

     razrabotka_kartochki_tovara_internet_magazin_digital-guard

     НОВОСТНОЙ РАЗДЕЛ ИНТЕРНЕТ-МАГАЗИНА

    Разработка_новостного_раздела_сайта_Digital-Guard

    Дополнительная информация

    Сайт:
    digital-guard.com

    Программирование: (050) 960-91-06, (096) 631-57-80,

    Skype: valerapavlov85

    Продвижение / Маркетинг/ Организационные вопросы: (066) 761-93-63

    Skype: prepodprepod