Переезд с облака Webasyst на выделенный сервер, индивидуальный дизайн.
О проекте
Сайт: 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 обеспечил гибкость платформы и готовность проекта к дальнейшему продвижению.