Project Cover
Интернет-магазин «Persona Home»

Разработка интернет магазина дизайнерской мебели

Тип Интернет-магазин
Клиент Компания «Persona Home»
Отрасль Дизайнерская мебель
КРАТКО О ПРОЕКТЕ

Цели и задачи

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

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

Каталог дизайнерской мебели (8 поставщиков)
Уникальный дизайн, различные комбинации карточек товаров
Вариативные товары (возможность выбрать тип цвет и размер некоторых товаров)
Подбор диванов по параметрам (фильтр)
Произвольные поля — расширенные карточки товаров
Наполнение — работа с таблицей и изображениями
ИТОГИ ПРОЕКТА

Результаты

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

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

7 разделов каталога
Более 500 товаров
420 вариаций товаров
12 шаблонов карточки товара
Фильтрация по 4 параметрам (более 25 комбинаций)
Настройка 14 модулей сайта
Переработка 3000 картинок
КАРТА РАЗДЕЛОВ

Структура

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

ПОД КАПОТОМ

Технологии

WordPress

WordPress

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

Woocommerce

Woocommerce

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

ACF

ACF

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

WPBakery

WPBakery

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

Yoast SEO

Yoast SEO

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

Contact Form 7

Contact Form 7

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

Smart

Smart

Модуль дополнительных возможностей

WP All Import

WP All Import

Модуль импорта товаров

HTML5

HTML5

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

CSS3

CSS3

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

Javascript

Javascript

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

PHP

PHP

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

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

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

ЭТАП №1

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

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

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

Анализ сайтов поставщиков (структура, характеристики и атрибуты товаров)
Отбор идей по контенту и дизайну (референсы)
Прототипы страниц
Подготовка к разработке (настройка окружения)
ЭТАП №2

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

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

Цветовая палитра

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

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

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

Первый экран — видео-баннеры
Категории товаров
Фирменный салон — запись на презентацию
Подборка лучших товаров
О бренде Persona Home и преимущества
Доп. действия — магазины, поддержка, дизайн интерьера

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

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

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

Внешний вид — подразделы и товары
Подбор по параметрам (ajax-фильтры)
Текст, актуальный для раздела и промо-баннеры

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

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

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

Обложка — слайдер изображений товара в интерьере
Панель действий — презентация, pdf, фото, 3D
Карусель изображений, описание, цена
Выбор вариации товара (цвет, размер)
Короткое видео товара
Характеристики и схемы товара
Связанные товары

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

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

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

Настройка спиков товаров в разделах (листинг)
Настройка страницы интернет-магазина
Настройка шапки и подвала (header, footer)
Верстка общих страниц — о компании, сотрудничество, сервис, контакты
Настройки адаптивности и мобильное меню
Настройки поиска по сайту, страницы 404, страница политики обработки данных
Настройки контактных форм (обратный звонок, презентация, контакты и др.)
ЭТАП №3

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

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

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

Подготовка объемной таблицы для импорта товаров на сайт (консолидация данных от 8 поставщиков). Сделана таблица на 940 строк и 25 колонок. Также собрано и переработано более 3000 изображений.

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

Разделение всего объема импорта на партии на 500 строк
Импорт данных для 112 диванов и кресел
Импорт данных для 30 столиков + 28 вариаций
Импорт данных для 237 светильников + 78 вариаций
Импорт данных для 137 ковров + 313 вариаций

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

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

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

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

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

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

Распределение товаров по подразделам
Доработка фильтров с учетом атрибутов товаров
Настройка связанных товаров
Корректировка изображений и обновление цен
Комплексная SEO-оптимизация

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

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

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

SEO-модуль и настройки, robots, sitemap
Оптимизация картинок, минификация css и JS, lazy load, кэширование
Защита сайта от атак и спама
Счетчики аналитики и консоли поисковиков
Открытие для индексации поисковиками
ЭТАП №4

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

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

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

Тестирование функционала и работы сайта
Анализ индексации страниц и обхода сайта поисковыми роботами
Подготовка инструкций для Клиента
Дальнейшее поддержание проекта и помощь в администрировании
Project Blocks

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

Client Photo
Company Logo

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

Николай Киприч, Persona home
бесплатно

Прототип страницы сайта

Посмотрите, как может выглядеть страница Вашего сайта на основе нашего готового решения. Лучше один раз увидеть, чем сто раз услышать!

Получить прототип
Прототип Apricot
Прототип Vanilla
Прототип Avocado
Прототип Banana
Прототип Blueberry
Прототип Coconut
Прототип Lime
Прототип Grape

Готовые сайты

Любое решение может быть адаптировано под Ваши потребности.
Подробнее