Редизайн интернет-магазина для уникального бренда вязаных вещей для детей Loomknits

Предыстория:

Старый сайт представлял собой простой лендинг на Tilda с минимальной функциональностью.

Основной канал привлечения клиентов — Instagram (признан экстремистской организацией в РФ), все заявки обрабатывались вручную.

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

Спустя время фокус сместился на премиальный дизайн и новый визуальный стиль, так как:

— Целевая аудитория бренда — верхний ценовой сегмент, требующий соответствующего уровня презентации.

— Старый дизайн перестал отражать узнаваемость и статус компании.

— Важно было усилить эмоциональное вовлечение через современную и лаконичную эстетику.

Задачи:

1) Запуск интернет-магазина на готовом решении

2) Разработка и проектирование с учетом требований UX и UI

3) Разработка нового визуального стиля и дизайна

4) Улучшение пользовательского опыта

5) Повышение конверсии, ARPU и среднего чека

Разработка на готовом решении

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

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

Целевая аудитория ценила утонченную эстетику: лаконичность, натуральные оттенки и камерность подачи — именно это отличало бренд от конкурентов.

Задачи дизайна:

1)  Сохранить визуальную целостность — сайт должен был стать продолжением стиля, заданного в лукбуке и Instagram (признан экстремистской организацией в РФ).

2)  Подчеркнуть статусность — через дизайн транслировать принадлежность к сегменту для среднего и высшего класса.

3) Отразить ценности бренда — легкость, естественность и элегантность без излишней вычурности.

Для этого мы использовали:

— Приглушенную цветовую палитру с акцентами на натуральных оттенках.

— Минималистичную типографику и воздушные композиции.

— Фотографии в духе бренда — камерные, с акцентом на детали и материалы.

У клиента работала страница в Инстаграм (Организация Meta запрещена на территории РФ) и одностраничник, с которого и приходили все заявки, в том числе оптовые. На начальном этапе этого было достаточно, но объемы и ассортимент росли, и бизнесу необходимо было выходить на новый уровень.

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

Кроме того, разработка с нуля заняла бы в несколько раз больше времени и ресурсов. Для молодого бренда это было не очень выгодно. А готовое решение с доработкой визуальной составляющей оказалось лучшим решением по соотношению цены и качества.

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

Мы обработали 2800 запросов и разделили их на 950 кластеров. В каталоге было всего три категории, каждая с максимум 20 товарами.

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

Платформа Аспро.Next имела ограничения, и нам пришлось бы вручную формировать метаописания. Поэтому мы внедрили SEO-модуль. Он генерирует ЧПУ, уникальные метаописания страниц, автоматически связывает страницы с помощью облака тегов и шаблонизирует данные.

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

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

Мы расширили функционал сайта:

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

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

— Создали новую языковую версию для зарубежных пользователей.

В работе с аудиторией мы сделали акцент на эмоциональную связь через:

1. Сторителлинг: рассказываем о товаре и бренде.

2. Визуальный контент: видео и фотографии, соответствующие стилю целевой аудитории.

3. Высокое качество материалов и продукта: уникальность и индивидуальность.

В онлайн-формате, где нет тактильных ощущений, мы сосредоточились на:

— Крупных изображениях с множеством деталей.

— Качественных видеосъемках.

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

Ребенок растет, ему нужна новая одежда и разнообразные вещи. Поэтому бренд развивается параллельно, чтобы поддерживать ребенка на всех этапах взросления.

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

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

Базовых задач было две:

— Провести редизайн сайта: клиент хотел, чтобы визуальный стиль стал более премиальным и насыщенным.

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

При этом функциональная часть клиента более чем устраивала.

Снова встал вопрос о том, каким путем пойти:

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

—  Провести редизайн текущего сайта, доработать UX и верстку, а бэкенд и функции оставить от готового решения, изменив только внешнюю часть.

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

Клиент предпочитал бренды среднего ценового сегмента, такие как ZARA и 12storeez. Для них характерен минималистичный стиль с крупными, высококачественными изображениями, простотой и чистотой.

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

Товарные блоки также должны быть крупными. Готовое решение имело мелкие элементы, которые выглядели дешево. Мы обновили верстку сайта.

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

Результаты проекта:

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

2. Оптимизировали SEO-показатели: внедрили модуль SEO, переработали структуру страниц, сгенерировали метатеги (заголовки, описания), что привело к росту органического трафика.

3. Увеличили органический трафик, что способствовало повышению узнаваемости бренда и привлечению новой аудитории.

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

5. Улучшили навигацию и UX каталога: переработали структуру, меню, листинги и карточки товаров, внедрили умную систему фильтрации, что сократило время поиска.

6. Доработали интерфейс отдельно взятых функциональных элементов.

7. Улучшили пользовательский опыт (UX): внедрили новый дизайн, устранив барьеры конверсии, что снизило показатель отказов.

8. Повысили ключевые метрики:

— ARPU (средний доход на пользователя) вырос на 12%;

— Конверсия в целевые действия увеличилась на 17%.