Главная страница сайта pupsikshop.com.ua
Тематика сайта: 
Продажа детских товаров и игрушек
Количество страниц: 
больше 500

Дизайн сайта и его основные задачи

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

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

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

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

Структура страницы товара

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

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

Еще одним, немаловажным элементом, является блок "Похожие товары". Этот блок отображает другие товары в том разделе каталога, что и просматриваемый товар. Такой блок помогает пользователям посмотреть альтернативы просматриваемому товару.

Пример отображения страницы товара в магазине

Пример страницы товара магазина pupsikshop.com.ua

Функциональная часть сайта

Интернет-магазин Pupsikshop разработан на Drupal 7, в качестве ядра электронной коммерции используется Ubercart 3 и дополнительные модули. Эта связка позволяет добиться максимальной производительности и легкости использования сайта клиентом, а также Ubercart предоставляет полноценный backoffice для работы с заказами, клиентами и отчетами о продажах и товарах. Для реализации поставленных задач нами используются как готовые модули, так и были написаны свои собственные. В итоге, мы получили именно тот функционал, который необходим клиенту и позволило вложиться в бюджет проекта.

Ниже опишем некоторые основные функциональные моменты сайта

Система поиска, сортировки и фильтрации на основе Search API, Facet API

Поиск товаров и фильтрация каталога является одной из самых главных задач, которые стоят перед любым интернет-магазином. Внутренняя система поиска Drupal не является оптимальной с точки зрения индексирования и ранжирования материалов, и не предоставляет такой возможности, как фасетный фильтр (фильтр товаров по их характеристикам). Поэтому в текущем проекты мы используем систему индексации материала Search API и систему построения фасетных фильтров Facet API.

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

Настройка Search API, Facet API позволила нам реализовать следующие функции:

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

Особенности товаров и способы повышения продаж

На сайте реализованы такие динамические блоки товаров, как:

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

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

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

Поисковая оптимизация сайта

  • возможность указания всех метатегов
  • автоматическая генерация метатегов
  • иерархическая структура адресов
  • использование ЧПУ при формировании адреса
  • контроль переадресации для всех синонимов адреса материала
  • использование статей для продвижения товаров
  • организация вывода материалов, при котором основная часть контента выводится первой в HTML коде
  • автоматическая генерация sitemap.xml карты сайта для поисковых машин

Back-end сайта (админ раздел)

  • работа с сайтом в режиме наложения
  • индивидуальная тема админки, предназначена для удобства администрирования
  • отчеты о продажах, о клиентах, о заказах и товарах в магазине
  • полный backoffice для работы с заказами и клиентами: наличие настраиваемых статусов заказов, уведомление клиентов и администратора о заказах и обновлениях в текущем заказе, личный кабинет пользователя с отображением всех его заказов, возможность выставления счета и отправки его на e-mail или распечатать счет
  • отдельное admin-меню для работы с сайтом