Портфолио / Модный дом
Сайт Модный дом
#интернет-магазин

Модный дом

Интернет-магазин напольных покрытий

Перейти на сайт

или


Интернет-магазин напольных покрытий и аксессуаров «Модный Дом»

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

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

Интернет-магазин был разработан на cms WordPress. В качестве движка был использован Woocommerce

Для сайта были написаны следующие модули:

  • Размещение товаров по категориям с добавлением вариативных товаров.
  • Категории подготовлены к СЕО оптимизации.
  • Возможность добавлять товар в корзину методом AJAX (без перезагрузки страницы), не заходя на страницу товара.
  • Написан модуль для показа двух цен: за 1 м² и за упаковку.
  • Созданы фильтры товаров, как по цене, так и по любым другим характеристикам. Фильтры удобно добавляются через админку.
  • Реализован поиск товара по названию и описанию. Так же в описание были добавлены артикли производителей для поиска по артиклям.
  • Показ основных характеристик товара при наведении на него, без необходимости заходить на страницу товара.
  • Модуль “Купить в 1 клик” для быстрой покупки товара, без необходимости заполнять контактные данные.
  • Модуль “Похожие товары”. Отображает товары, которые похожи на текущий просматриваемый товар.
  • Модуль “Популярные товары”. Отображает выбранные товары на главной странице сайта. Товары можно задавать через админку
  • Кастомная JS анимация

Техническая SEO оптимизация

Магазин подготовлен для дальнейшего СЕО продвижения. Были проделаны следующие технические этапы

  • Написан модуль Lazy Load для “ленивой загрузки” изображений. Изображения товаров загружаются после полной загрузки сайта. Это позволяет загрузить сайт в разы быстрее. Одно из требований оптимизации PageSpeed Insights от Google
  • Все изображения переведены в веб форматы и максимально сжаты, как по весу, так и по размерам.
  • Конкатенация и минификация css. Все css файлы были объединены в один единый файл и минифицированны (удалены символы пробела и переноса строки, удалены дублирующиеся куски кода и прочая оптимизация). В результате чего 23 файла стали одним файлом, с общим весом в 3 раза меньше исходного
  • Такие же операции по конкатенации и минификации были произведены с js
  • Выпущен и установлен ssl (https) сертификат и настроены редиректы с http на https
  • Категории товаров и сами карточки товаров были подготовлены к СЕО оптимизации
  • Достигнута зелёная зона, как в десктопной, так и в мобильной версии, по данным PageSpeed Insights от Google

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

Дополнительные работы

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

  • На сайт было загружено более 450 товаров, из них многие вариативные. В общей сложности было загружено более 1000 вариаций
  • На все товары были подобраны 2 описания. Короткое для превью (200-250 символов) и полное для карточки товара (500-600 символов)
  • Для каждой вариации подобрана картинка. С картинками проводились дополнительные работы: сжатие по весу и уменьшение размера по габаритам. Так же некоторые изображения были переведены в веб формат.
  • Для каждого товара прописывались характеристики под фильтры: Бренд, кол-во м2 в упаковке, класс износостойкости, страна изготовления
  • Слайд сайта Модный дом
  • Слайд сайта Модный дом
  • Слайд сайта Модный дом
  • Слайд сайта Модный дом
  • Слайд сайта Модный дом