обзор проекта
#редизан
#редизан
ресерч
текст
дизайн
верстка
текст
дизайн
верстка
LAGOMHOME
как я сделал редизайн сайта на 250+ страниц для продажи мебели ручной работы из дерева
2024
( о компании )
lagomhome производят мебель ручной работы из дерева. Столы, стулья, мебель для хранения, кровати и диваны, мебель для HoReCa. Очень качественная мебель из дорогих материалов: массив и шпон дуба.
( задача )
Основной способ продаж — через сайт. Основатели Азат и Элина пришли с задачей полностью обновить его: структуру, тексты, дизайн. Так, чтобы выглядел на уровень круче. Лучше привлекал клиентов. И чтобы ничего не сломалось во время редизайна.
( что было сделано )
- Замучал вопросами о бизнесе основателей
- Провел 15 часов интервью исследования
- Пересобрал структуру страниц и каталога
- Сделал новую удобную навигацию
- Создал дизайн систему для развития сайта
- Создал новую главную (структура, текст, дизайн)
- Создал новую страницу каталога
- Создал лендинги для изделий (15 шт)
- Сделал редизайн страницы образцов
- Сделал редизайн страниц товаров (135 шт)
- Сделал редизайн страниц категорий (38 шт)
- Сделал редизайн вспомогательных страниц (8 шт)
- Создал шаблоны для разных типов страниц
- Обновлял плавно, чтобы сохранить SEO позиции
- Ускорил загрузку и работу сайта
- 250+уникальных страниц
- SEOредизайн без потерь позиций
- UPDполная пересборка каталога
- 15новых лендингов для изделий
( результат )
За 3 месяца плавно обновил сайт без классических проблем редизайна: все SEO позиции на месте, ни одной страницы не потерялось, ни на минуту сайт не остановил работу.
Через 2 месяца трафик из поисковиков увеличился на 65%, а конверсия в заказы выросла на 55%.
Основателям нравится,
клиентам нравится,
мне самому нравится.
Через 2 месяца трафик из поисковиков увеличился на 65%, а конверсия в заказы выросла на 55%.
Основателям нравится,
клиентам нравится,
мне самому нравится.
- 250+уникальных страниц
- 15+новых лендингов для изделий
- +65%вырос поисковый трафик
- +55%увеличилась конверсия
- +65%вырос поисковый трафик
- +55%увеличилась конверсия
Если расписывать каждый этап проекта — получится книга. Поэтому я хочу подсветить самые интересные моменты о процессе работы над сайтом. Многие из них по технической части будут интересны начинающим дизайнерам на Тильде.
большинство блоков сайта из библиотеки Тильды (01)
Сайт сделан на Тильде. В Тильде можно рисовать блоки самому c инструментом Zero Block. А можно использовать готовые блоки из библиотеки.
Рисовать в Zero модно — получаешь уникальный дизайн, анимацию и другие веселые штуки. Но без опыта работы в Тильде внести изменение и ничего не сломать сложно. Нужен опыт.
С библиотечными блоками легко работать. Справится не только дизайнер, но и менеджер по маркетингу, ассистент или сам предприниматель.
Поэтому с сайтом из блоков легко жить. Его легко масштабировать. И все это можно сделать без страха что-нибудь поломать.
Рисовать в Zero модно — получаешь уникальный дизайн, анимацию и другие веселые штуки. Но без опыта работы в Тильде внести изменение и ничего не сломать сложно. Нужен опыт.
С библиотечными блоками легко работать. Справится не только дизайнер, но и менеджер по маркетингу, ассистент или сам предприниматель.
Поэтому с сайтом из блоков легко жить. Его легко масштабировать. И все это можно сделать без страха что-нибудь поломать.
( одна проблема — сайт из блоков непросто сделать визуально классным и запоминающимся )
Чтобы сделать дизайн интересным, я разбавил библиотечные блоки дополнительными вставками Zero.
Ниже несколько примеров ↓
Ниже несколько примеров ↓
Получилось эффектно. Но за счет того, что большая часть проекта сделана на библиотечных блоках — обновлять сайт легко.
Еще я создал шаблоны для разных типов страниц, описал правила дизайна и настройки блоков.
Команда lagomhome может изменять или создавать новые страницы самостоятельно. И спустя два месяца я вижу, что у них все получается.
Еще я создал шаблоны для разных типов страниц, описал правила дизайна и настройки блоков.
Команда lagomhome может изменять или создавать новые страницы самостоятельно. И спустя два месяца я вижу, что у них все получается.
переосмыслил каталог (02)
У lagomhome не так много моделей изделий, но много цветовых вариантов. Один вариант — одна позиция товара, которую можно заказать.
Раньше было так ↓
Раньше было так ↓
Старый каталог был удобным — все перед глазами, удобные категории. Но складывалось ощущение, что товаров слишком много — выбрать тот самый сложно.
Я предложил обновить логику каталога так ↓
Я предложил обновить логику каталога так ↓
Страница каталога — понятный навигатор по изделиям.
Для страниц изделий сделал отдельные посадочные страницы, чтобы рассказать о каждой модели подробно.
Карточки товаров полностью обновил и дополнил важной информацией. Они тоже работают, как лендинг.
Вот путь человека Каталог > Изделие > Товар ↓
Для страниц изделий сделал отдельные посадочные страницы, чтобы рассказать о каждой модели подробно.
Карточки товаров полностью обновил и дополнил важной информацией. Они тоже работают, как лендинг.
Вот путь человека Каталог > Изделие > Товар ↓
А вот путь человека Каталог > Категория > Товар ↓
Теперь клиенту не только удобно найти то что нужно, но и больше шансов проникнуться изделием перед заказом.
( результат )
↑ Рост глубины просмотров
↑ Рост среднего времени просмотра
↑ Рост конверсии в заказ
↑ Рост среднего времени просмотра
↑ Рост конверсии в заказ
переработал навигацию (03)
Навигация для магазина — самая важная часть.
Я объединил 2 типа стандартных меню из библиотеки Тильды с наложением друг на друга:
Для самого важного пункта «каталог» создал яркое подменю в Zero Block.
Вот, как это выглядит ↓
Я объединил 2 типа стандартных меню из библиотеки Тильды с наложением друг на друга:
- самое главное вынес в строку меню
- добавил корзину и поиск
- добавил бургер для менее важных пунктов
Для самого важного пункта «каталог» создал яркое подменю в Zero Block.
Вот, как это выглядит ↓
фокус на мобилке (04)
До редизайна 70% людей приходили на сайт с телефона. Мобилка была важнее версии для ПК, поэтому и внимания ей было больше.
На сайте нет блоков, которые классно смотрятся на экране ноутбука, а на телефоне странно.
На сайте нет блоков, которые классно смотрятся на экране ноутбука, а на телефоне странно.
Как делал плавный редизайн без потери SEO позиций (05)
( немного технической душноты )
Сайт работает давно. Из поиска идет стабильный трафик. Люди ищут и покупают, поэтому важно было это не потерять. Нужно было сохранить URL адреса страниц и их SEO настройки.
При этом во время редизайна люди на сайте продолжали заказывать. Сайт работал непрерывно. Поэтому было важно, чтобы ничего не поехало в дизайна еще не обновленных страниц.
При этом во время редизайна люди на сайте продолжали заказывать. Сайт работал непрерывно. Поэтому было важно, чтобы ничего не поехало в дизайна еще не обновленных страниц.
( как снизил риск ошибок )
- Выгрузил структуру страниц сайта в таблицу, чтобы отмечать галочки
- Для товаров работал внутри существующих страниц — скрывал старые блоки/добавлял новые
- Использовал много блоков-зеркал (alias). Чтобы для повторяющихся блоков можно было вносить изменения в одном месте
- Чтобы менять быстро, работал с группами товаров по изделиям. Это помогло полностью обновить 300 страниц товаров за 2 недели.
Все получилось.
Никаких табличек с техническими работами на сайте. Никаких потерь нужных страниц. Сайт активно работал в процессе обновления и не просел в поиске Яндекс и Google. А еще сайт стал заметно быстрее.
Никаких табличек с техническими работами на сайте. Никаких потерь нужных страниц. Сайт активно работал в процессе обновления и не просел в поиске Яндекс и Google. А еще сайт стал заметно быстрее.
коротко о результата (06)
( что сделано )
- Новая дизайн система
- Полная переработка ключевых страниц
- Новые лендинги для изделий
- Обновление 200+ страниц товаров и категорий
- Плавный редизайн с сохранением SEO
( спустя 2 месяца)
↑ Рост трафика из поиска: Яндекс на 66%, Гугл на 60%
↑ Рос конверсии в заказы: 55%
↑ Рост ковнерсии добавления к корзину: 70%
↑ Рос конверсии в заказы: 55%
↑ Рост ковнерсии добавления к корзину: 70%
- +65%рост трафика из поиска
- +55%рост конверсии в заказы
Да, еще влияет сезонность, изменения рынка, популярность бренда. Но если сравнивать со среднегодовым показателем — рост аналогичный.
Посмотреть сайт вживую ↓
сколько будет стоить похожий проект?
от 0.5 млн ₽
какой срок разработки?
от 2 месяцев
что входит?
исследование
проектирование
текст
дизайн
верстка
адаптивы
SEO
аналитика
интеграции
тех. настройки
проектирование
текст
дизайн
верстка
адаптивы
SEO
аналитика
интеграции
тех. настройки
понравился кейс? давайте обсудим ваш проект
понравился кейс? давайте обсудим ваш проект
начните с бесплатной
консультации
за 30 минут я распрошу о задачах проекта и сразу поделюсь идеями о том, как их решить
заполните форму, чтобы выбрать свободный слот времени и забронировать консультацию
или просто напишите мне в ТЕЛЕГРАМ
