Archi-Bloom: Переезд с облака на VDS, кастомизация темы Beautify

Переезд с облака Webasyst на выделенный сервер, индивидуальный дизайн на готовой теме дизайна Beautify.

О проекте

Сайт: archi-bloom.ru

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

Текущая версия проекта этим требованиям уже не соответствовала. Сайт был реализован на облачной версии Webasyst и ограничивал развитие проекта:

• Устаревший визуал не соответствовал уровню продукта
• Слабая структура каталога
• Неудобная работа с товарами (SKU внутри карточек)
• Ограниченные возможности масштабирования

Задача проекта заключалась в том, чтобы создать удобный, современный и масштабируемый интернет-магазин: обновить дизайн и UX, привести каталог к логичной структуре, а также подготовить сайт к SEO-продвижению, обеспечив при этом гибкость за счёт перехода на отдельную серверную инфраструктуру.

С чего начали

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

Перестройка структуры каталога

Разделили SKU на отдельные товары в соответствии с прайсом клиента, что изменило принцип организации ассортимента и сделало каждую позицию самостоятельной единицей в системе.

На следующем этапе переработали структуру каталога и упростили навигацию.

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

Проектирование и дизайн

Сайт реализовали на базе темы Beautify с кастомизацией под бренд.

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

Это позволило заранее продумать UX и избежать доработок на этапе верстки.

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

Сделали акцент на продукте и визуале, добавили демонстрацию преимуществ производителя и собрали логичную структуру для роста конверсии.

Каталог

Настроили удобную навигацию и структурированную подачу ассортимента.

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

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

Информационные страницы

1. Доставка и оплата

2. О компании

3. Контакты

В результате получили современный визуал магазина в соответствии с премиальным позиционированием продукта.

Сборка и настройка проекта

После того, как настроили тему дизайна и Webasyst Shop-Script, мы установили наши базовые плагины:

SEO-оптимизация — профессиональный инструмент для настройки поисковой оптимизации интернет-магазина на основе Shop-Script. Он позволяет централизованно управлять настройками мета-тегов и описаний и за счет этого сэкономить много времени.

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

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

Информация о доставке и оплате — выводит информацию о способах доставки и оплаты с учетом местоположения пользователя.

Группы товаров — решение для объединения товаров в группы со схожими характеристиками, либо сопутствующих товаров. Решение полезно, как для удобства пользователей, так и для SEO.

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

Перелинковка и работа с каталогом

Реализовали дополнительную логику связей товаров — настроили перелинковку через плагин Группы товаров и объединили товары по схожим параметрам.

Как это выглядит в категории и в карточке товара:

Что получил клиент

В результате клиент получил современный визуально сильный интернет-магазин с правильной структурой каталога, адаптированной под SEO-продвижение, где товары представлены как отдельные страницы вместо SKU, что увеличивает видимость в поиске и трафик.

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