Кейс по запуску интернет-магазина на готовом шаблоне BuildPro

Быстрый запуск интернет-магазина 33belki.ru

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

Задача: создать новый сайт на базе шаблона "BuidPro: Строительные материалы, метизы, электроинструмент". Кастомизировать шаблон под новый дизайн. Наполнить сайт актуальным контентом.

Этап 1. Настройка мультисайтовости и установка нового сайта.

Настроили многосайтовость для разных доменов. Протестировали настройки и установили новый сайт через мастер установки.

Шаблон сайта планировалось существенно изменить, поэтому сделали копию шаблона и переключили новый сайт на нее.

В шаблоне BuidPro есть специальный виджет настройки, поэтому все возможные изменения настроили сразу: цвета сайта, тип шапки и блоки для главной страницы..

Этап 2. Шапка и подвал сайта.

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

Было
Стало

Для подвала подобрали подходящий цвет фона и шрифта и немного изменили структуру блоков.

Этап 3. Главная страница

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

Было
Шаблон BuildPro -  первый экран
Стало
Сайт 33belki.ru - первый экран

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

Этап 4. Загрузка каталога

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

Мы удалили из демо-каталога все ненужные свойства, добавили характеристики из выгрузки и загрузили все товары стандартным импортом csv. А картинки сделали и загрузили вручную.

Этап 5. Загрузка контента и настройка
  • настроили все меню
  • оставили только нужные страницы и поменяли тексты на актуальные
  • протестировали отправку писем и оформление заказа
С этого момента сайт открыли для пользователей

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

Все новые шаблоны сразу тестировались и корректировались для мобильной версии.

Этап 6. Карточка товара

Карточку товара переделали под новый макет.

  • изменили слайдер изображений
  • вывели характеристики на первый экран
  • описание сделали более компактным и более читабельным благодаря этому
Было
Карточка товара - шаблон BuildPro
Стало
Карточка товара -  33belki.ru

Этап 7. Карточки разделов для каталога

Заказчик хотел в мобильной версии добавить блок с карточками разделов

Разработали дизайн карточек разделов в подходящей для сайта палитре и внедрили новый шаблон на сайт. На главной странице блок с карточками разделов показан только на мобильной версии и скрыт на декстопе.

Этап 8. Статьи для SEO

Последним этапом создали раздел "Блог" и сделали на главной странице слайдер постов.

Мобильная версия сайта 33belki.ru
Результат
  • Получился качественный сайт поставщика с индивидуальным дизайном и всеми возможностями готового шаблона.
  • Быстро: сайт был открыт через две недели от начала работ.
  • Дальше разработка велась в удобном заказчику режиме