Главная страница интернет-магазина ЧП Копиця
Тематика сайта: 
продажа мягких игрушек
Количество страниц: 
больше 500

Дизайн сайта

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

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

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

Функциональная часть магазина

Интернет-магазин ЧП "Копиця" реализован веб-студией ITassist с использованием Drupal 7 и Ubercart 3. Модуль электронной коммерции Ubercart используется в этом сайте для обеспечения необходимой производительности и легкости работы с магазином заказчику. Ubercart позволил добиться всех необходимых задач, которые стояли перед нами.

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

Динамическая AJAX-корзина

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

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

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

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

Мультиязычность сайта

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

Переключения языка происходит простым выбором языка в списке доступных языков, который находится в шапке сайта

Атрибуты товара

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

Импорт товаров

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

Back-end сайта

Ни для кого не секрет, что сайт должен быть удобным и легким в использовании не только для посетителей, но и для администраторов и менеджеров, которые намного больше работают с сайтом и экономия их времени является также одной из главных задач сайта. Настройке админ-интерфейса сайта мы уделяем не меньше внимания чем настройке и разработке внешнего вида (Front-end) сайта. Также использование Ubercart позволяет предоставить "из-коробки" интерфейс по работе с заказами и магазином в целом.

Ниже мы перечислим некоторые основные, на наш взгляд моменты, которые помогают администратору и менеджеру сайта:

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

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

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

  • возможность добавления необходимых метатегов на страницах сайта: <title>, <description>, <keywords>, <robots>а
  • автоматическая генерация метатегов при отсутствии их ручного указания
  • иерархическая структура адресов всех страниц
  • хлебные крошки
  • ЧПУ адреса
  • раздел FAQ с вопросами и ответами
  • тематические статьи, позволяющие дать больше информации о разделе каталога или непосредственно товаре
  • динамические блоки товаров на главной странице
  • блок похожие товары при просмотре товара