Интернет-магазин «Мосдвери 24»

Разработка интернет магазина по продаже дверей

Тип Интернет-магазин

Клиент Компания «Мосдвери»

Отрасль Продажа дверей

КРАТКО О ПРОЕКТЕ

Цели и задачи

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

Особенности:

Каталог входных и межкомнатных дверей, комплектующих и фурнитуры (8 поставщиков)

Вариативные товары (возможность выбрать тип двери, цвет, размер, комплектацию)

Фильтры, сравнение, быстрый просмотр

Корзина, оформление заказа, личный кабинет

Наполнение — работа с таблицей и изображениями

ИТОГИ ПРОЕКТА

Результаты

За минимальный срок был реализован большой список задач с учетом пожеланий клиента.

Объем выполненных задач:

30 разделов каталога

850 товаров

16330 вариаций товаров

Фильтрация по 6 параметрам (более 30 комбинаций)

Настройка 20 модулей сайта

КАРТА РАЗДЕЛОВ

Структура

Структура интернет-магазина:

ПОД КАПОТОМ

Технологии

WordPress

Система управления сайтом

Woocommerce

Модуль интернет-магазина

Yith

Функции сравнения товаров и избранного

ACF

Модуль управления полями контента

WPBakery

Визуальный конструктор страниц

Yoast SEO

Модуль для SEO-оптимизации

Robokassa

Сервис приема онлайн-платежей

Contact Form 7

Модуль контактных форм

HTML5

Язык разметки веб-страниц

CSS3

Язык таблицы стилей для оформления

Javascript

Язык интерактивных элементов

PHP

Язык серверных компонентов

Этапы проекта

Процесс работы над проектом

Этап №1 Анализ ситуации

Этап №2 Верстка страниц

Этап №3 Наполнение сайта

Этап №4 Сдача проекта

ЭТАП №1

Анализ ситуации

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

Основные задачи этапа:

Анализ сайтов поставщиков (структура, характеристики и атрибуты товаров)

Анализ интернет-магазинов в нише продажи дверей

Отбор идей по контенту и дизайну (референсы)

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

Подготовка к разработке (настройка окружения)

ЭТАП №2

Верстка страниц

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

Дизайн-концепция

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

Разработка логотипа

Карточки товаров

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

Настройка основных компонентов карточки товара:

Внешний вид — галерея, описание, расположение элементов

Настройка вариаций — выбор типа, цвета, размеров, комплектации

Настройка атрибутов — материал, наполнение, покрытие, тип

Отдельный шаблон карточки для входных дверей (вариации внутренних панелей)

Блоки — покупают вместе, похожие товары

Настройка карточек товаров

Страница разделов

На странице разделов реализованы все основные функции — подразделы, подборка товаров, управление сортировкой, подбор по параметрам (фильтрация), текстовая и промо-информация.

Настройка основных компонентов раздела:

Внешний вид — подразделы и товары

Настройка сортировки и количества товаров на странице

Подбор по параметрам (ajax-фильтры)

Отображение товаров на странице с быстрыми действиями

Текст, актуальный для раздела и промо-баннеры

Настройка страниц разделов

Главная страница

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

Настройка основных компонентов раздела:

Верхний слайдер — промо-баннеры

Категории и подкатегории с указанием количества товаров

Товары по подборкам (новинки, хиты продаж, минимальная цена)

Товары по коллекциями и стилям

Преимущества покупки в интернет-магазине

Настройка главной страницы

Верстка и настройка

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

Настройка внешнего вида и оформления:

Настройка панели быстрого просмотра товаров

Настройка страницы интернет-магазина

Настройка шапки и подвала (header, footer)

Верстка и настройка общих страниц — о компании, сотрудничество, сервис, контакты

Настройки адаптивности и мобильное меню

Настройки поиска по сайту, страницы 404, страница политики обработки данных

Настройки контактных форм (обратный звонок, замеры, контакты и др.)

Настройка оформления

ЭТАП №3

Наполнение сайта

На этом этапе была подготовлена таблица товаров, выполнен импорт каталога и настроены основные модули интернет-магазина.

Работа с таблицей

Подготовка объемной таблицы для импорта товаров на сайт (консолидация данных от 8 поставщиков из 30 разных файлов). Сделана таблица на 17333 строк и 50 колонок.

Импорт товаров из таблицы на сайт (850 товаров):

Разделение всего объема импорта на партии на 2500 строк

Импорт данных для 315 дверей на 13900 вариаций

Импорт данных для 200 комплектующих на 1440 вариаций

Импорт данных для 340 изделий фурнитуры на 990 вариаций

Подготовка к наполнению

Настройка импорта

Импорт товаров из таблицы на сайт (850 товаров):

Настройка магазина

После импорта большого объема товаров проведен ряд работ и корректировок.

Настройка функционала магазина:

Распределение товаров по подразделам

Доработка фильтров с учетом атрибутов товаров

Настройка корзины и оформления заказа

Настройка личного кабинета и оповещений о статусе заказа

Настройка функций сравнения товаров и списка избранного

Настройка модулей

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

Настройка CMS и плагинов:

SEO-модуль и настройки, robots, sitemap

Оптимизация картинок, минификация css и JS, lazy load, кэширование

Защита сайта от атак и спама

Счетчики аналитики и консоли поисковиков

Открытие для индексации поисковиками

ЭТАП №4

Сдача проекта

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

Основные задачи этапа:

Тестирование функционала и работы сайта

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

Подготовка инструкций для Клиента

Подключение и настройка платежного шлюза

Дальнейшее поддержание проекта и помощь в администрировании

Отзыв Клиента

«За месяц работы над проектом вместе с Flatmedia было создано более 5 версий дизайна, сверстано 8 видов страниц, наполнено 50 страниц сайта и 500 товаров. Интернет-магазин был создан быстро и профессионально.»

Валентин Чолак, МосДвери

Проекты