Главная / Блог / Кейсы / Кейс: Разработка сайта с каталогом для производителя корпусной мебели «DreamHome» с доставкой по РФ

Кейс: Разработка сайта с каталогом для производителя корпусной мебели «DreamHome» с доставкой по РФ

Время чтения:
9
мин.

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

 

Развернуть свою розницу, когда ты работал только b2b — не такая простая задача на практике. Для начала было решено наладить производство и продажу конкретных видов мебели:

  • Комоды
  • Прикроватные тумбы
  • TV-тумбы

 

Что из этого получилось, читайте в статье ↓

Сформулировали конкретную задачу:

  1. Проанализировать конкурентов на предмет Ассортиментной матрицы (что за мебель, её хар-ки, дизайн, нюансы и цены);
  2. На базе этого, разработать свои юниты и их модификации;
  3. Создать сайт-каталог для продажи товаров, с главной страницей в виде лэндинга, где будут описаны значимые преимущества.
  4. Не изобретать велосипед, не строить космодром, а сделать всё оптимально, без избыточных ресурсных затрат со стороны бизнеса, но с необходимым набором параметров для адекватного «толчка».

Продуктовый анализ

На предмет Продукта базово проанализировали 23 конкурента. Из них только 7 пошли в более детальный разбор. Здесь не важно было количество, так как сами компании, как таковые, мы не анализировали.

 

И к тому же, мы уже более-менее понимали, какие критерии важны, так как ранее делали полноценный конкурентный анализ по нише «Кухни на заказ». А кухни это или комоды, сильной разницы нет с производственной точки зрения. Нюансы свои конечно присутствуют, но в основном всё плюс/минус похоже.

 

Что мы выяснили:

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

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

Выбор такого стиля обусловлен тем, что:

  • Направление для бизнеса тестовое;
  • Проще в производстве, чем, например, стиль «прованс»;
  • Минималистичный стиль востребован среди потребителей по реальным данным от «коллег по цеху» и заказчиков b2b.

 

Комоды, прикроватные тумбы и TV-тумбы было решено объединять по коллекциям, а в неё, в свою очередь, добавить 2 вида комодов, одну TV-тумбу и 1 прикроватную тумбу. Все в едином стиле.

 

 

Итоговый анализ по продукту выглядит так:

Нажмите здесь, чтобы открыть изображение в полном размере

 

Многое было «отложено» для дальнейшего внедрения, так как есть ряд сложностей именно в производственной части. И это сдвигало бы запуск, или доставляло неудобство в производстве на начальном этапе запуска и теста.

Далее мы приступили к «упаковке» сайта

Как уже писали выше, это должно было стать сайтом-каталогом с главной в виде лэндинга. Где есть карточки товаров, слайдеры с карточками, корзина для оформления заказа, и дальнейшей обработки Менеджером. Т.е. большая часть функционала – как в интернет-магазинах.

 

По структуре страниц:

  • Главная. В виде лэндинга, где описаны все значимые преимущества, показаны категории товаров, показаны карточки товаров (как обычно бывает в ИМ типа «Популярные товары»).
  • Карточка продукта. Страница с описанием, фото и ценой самого товара.
  • Страница категорий. Комоды, прикроватные тумбы и TV-тумбы все вместе. А также товары из каждой перечисленной категории дополнительно на своих отдельных страницах.
  • Страница коллекций. Где показаны все имеющиеся коллекции.
  • Страница самой коллекции. Где показана мебель конкретной коллекции.

Страницы категорий и коллекций должны были между собой удобно перелинковываться. Потому что потребитель может смотреть мебель либо конкретной категории (например, комоды), либо какой-нибудь коллекции.

 

Текстовая (черновая) структура будущего сайта выглядит так:

Нажмите здесь, чтобы открыть изображение в полном размере

Прототипы

Мы их не делали 😁 Иногда проще начать делать сразу дизайн. В данном конкретном случае разработка прототипов была лишней тратой времени. А время, как известно = деньги.

«Упаковка» / смыслы / дизайн

Опишем некоторые, наиболее интересные, моменты. Начнём с главной страницы.

1) Первый экран

Нажмите здесь, чтобы открыть изображение в полном размере

 

Заголовок отражает ключевые критерии:

  • Для тех, кто ищет именно дизайнерскую мебель от производителя, а не ретейлеров-ИМ. Впрочем и для тех, кто специально такого не ищет, а просто хочет купить мебель. Человек читает заголовок, сразу понимает, с чем имеет дело.
  • Начали работы по трафику мы с Москвы и Московской области + ближайшие города ЦФО.

 

В подзаголовок «Создаём не только красивую, но и удобную мебель для жизни» .Мебель ведь хочется не только красивую, но и удобную, верно? А слово «для жизни» дополнительно «окрашивает» смыслы, «чувствуется» больше практичности и удобства. Сравните сами (прочитайте вслух):

  • Создаём не только красивую, но и удобную мебель.
  • Создаём не только красивую, но и удобную мебель для жизни.

+ Слайдер с карточками и кнопкой на каталог.

2) По основным элементам дизайна:

Шрифт для заголовков (и некоторых других элементов) выбран с засечками, чтобы создать настроение изящества и премиальности. Это бесплатный шрифт Prata с Google Fonts, очень ровный и аккуратный, нам подошёл 😊

 

Для основного текста Open Sans, простой, читабельный.

 

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

 

Внедрены декоративные элементы в виде спилов дерева и графичных рисунков интерьера, чтобы передать настроение / вызвать ассоциации о производстве мебели.

3) Категории товаров на главной

Нажмите здесь, чтобы открыть изображение в полном размере

 

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

Нажмите здесь, чтобы открыть изображение в полном размере

4) Немного про качество

Нажмите здесь, чтобы открыть изображение в полном размере

 

Качество – это один из ключевых параметров любого продукта.

 

В мебели основными критериями качества являются:

  • Надёжная фурнитура. Давно зарекомендовавшие себя производители – это Blum, Hettih, GTV.
  • Лаки и краски. Лучшие по своим свойствам.
  • Материалы (конкретно здесь МДФ и ЛДСП). Давно зарекомендовавшие себя производители – это Egger и Kronospan.

 

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

5) Преимущества

Нажмите здесь, чтобы открыть изображение в полном размере

 

Визуально отошли от стандартного оформления (иконка + текст), а сделали оригинальные плашки, где текст размещается в круге, вместе с декоративным элементом.

 

Указали все основные преимущества, которые важны в нише и может предоставить наша компания:

  • Собственное производство в Москве, работаем без посредников.
  • Чёткие сроки поставки, которые фиксируются в договоре.
  • Наша мебель – это современный дизайн и актуальные тренды.
  • По Вашему желанию создаём мебель в любых цветах RAL и NCS.
  • Используем только качественные, сертифицированные материалы.
  • Осуществляем доставку в любой город России.
  • Предоставляем честную гарантию от производителя на все товары.

6) О производстве

Изначально смысловой блок выглядел так:

Нажмите здесь, чтобы открыть изображение в полном размере

 

Если уж мы говорим о собственном производстве, то нужно и рассказать об этом:

  • На нашем производстве работают опытные мастера, использующие современное оборудование.
  • Чешский калибровально-шлифовальный станок для калибровки фасадов.
  • Немецкий четырехсторонний строгальный, кромкооблицовочный и кромкофрезерный станки.
  • Итальянский обрабатывающий центр и фрезерный станок, и многое другое.
  • Наши сотрудники не только профессионалы, но и люди, которые любят своё дело, и вкладывают любовь и душу в каждый создаваемый предмет мебели.

 

НО! Как мы сами всегда говорим, написать / рассказать мало, нужно показывать и доказывать, чтобы было больше доверия. Тем более, в нише производства мебели это очень важно, у большинства конкурентов есть фото, видео производства (где показаны помещения, станки, сотрудники в процессе работы).

 

В идеале, требовалось, чтобы заказчик предоставил нам фото или видео, или всё вместе. Но, к сожалению, у него не было на тот момент возможности дать нам материал для контента. И это нормально. Не страшно, когда у вас нет чего-либо; страшно, когда вы не прилагаете усилия, чтобы это получить и сделать. И молитесь на «авось и так сойдёт»…

 

Спустя время по нашим рекомендациям видео было сделано и предоставлено. Простое, но при этом вполне качественное на текущий момент. Показано всё то, что надо. Да, здесь нет супер профессиональной съёмки и монтажа, да оно и не надо в начале пути. Как говорится, лучшее – враг хорошего.

 

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

 

Теперь, смысловой блок о производстве выглядит так:

Нажмите здесь, чтобы открыть изображение в полном размере

 

7) 30 дней на тест-драйв мебели

Нажмите здесь, чтобы открыть изображение в полном размере

 

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

 

К тому же, это очень привлекательно и удобно для клиентов. В общем, заманчивое и довольно сильное предложение)

8) Рассрочка

Нажмите здесь, чтобы открыть изображение в полном размере

 

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

9) Призывы

Нажмите здесь, чтобы открыть изображение в полном размере

 

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

  • Заголовок: Сэкономим Ваше время и деньги
  • Подзаголовок: Поможем определиться с моделью под Ваши задачи, сориентируем в размерах, учтём стиль текущего интерьера, проконсультируем по условиям доставки в Ваш город.

Причём в подзаголовке конкретно описываем, чем можем помочь посредством консультации.

По внутренним страницам

Преимущества

Нажмите здесь, чтобы открыть изображение в полном размере

 

На некоторых страницах после карточек / карточки товара разместили мини-блок с преимуществами, которые описывают её функциональность, качество, дизайн. А также добавляем «эмоциональный» тезис:

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

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

На странице конкретной категории, в конце, после показа всех карточек, реализован блок с показом Всех категорий:

Нажмите здесь, чтобы открыть изображение в полном размере

 

И такой жизнеутверждающий, позитивный заголовок (работаем с «внутренними» потребностями):

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

Принадлежность товара к коллекции

Нажмите здесь, чтобы открыть изображение в полном размере

 

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

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

Нажмите здесь, чтобы открыть изображение в полном размере

 

Указали все основные, базовые характеристики.

  • Фотографии
  • Цена
  • Материал
  • Размер
  • Конфигурация
  • Цвет
  • Кнопки действия
  • Информация про доставку и оплату

Утвердили итоговые дизайн-макеты с Заказчиком:

Нажмите здесь, чтобы открыть изображение в полном размере

Вёрстка и технические нюансы

Какие работы сюда входят:

  • HTML-вёрстка дизайна в сервисе Webflow
  • адаптация вёрстки под мобильные устройства (кроссбраузерная вёрстка);
  • тестирование корректности отображения контента сайта на всех устройствах;
  • посадка и интеграция web-сайта на движок WordPress;
  • установка и настройка системы web-аналитики и целей;
  • установка и настройка Сервиса Коллтрекинга (отслеживание звонков).

 

В WordPress мы решили не заморачиваться с установкой плагина WooCommerce (это самая популярная в мире платформа для интернет-магазинов с открытым исходным кодом). Да и в целом, зачем WooCommerce только для 41 позиций товаров. Напомним — не изобретаем велосипед и не строим космодром. Экономим ресурсы!

 

Мы решили сделать простую корзину и внедрили специальный скрипт.

 

В корзине показан выбранный товар, его хар-ки, и есть форма для заявки:

Нажмите здесь, чтобы открыть изображение в полном размере

 

Стоимость меняется в зависимости от выбранных параметров в описании товара: материал, размер, конфигурация.

Формирование цен

Чтобы скрипт работал и модификации одной модели в формате Размер 1 + Характеристика 1 / Размер 2 + Характеристика 1 / Размер 1 + Характеристика 2 и т.д. рассчитывались корректно, необходимо было смоделировать цены и вывести надбавки за Размер и Конфигурации.

Нажмите здесь, чтобы открыть изображение в полном размере

 

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

На момент 08.07.2022 — сделаны первые 3 продажи на сумму 171 635 рублей. Дальше больше!

Посмотреть сайт можно по ссылке: https://dreamhome-msk.ru/

Бизнес-консультант. Увеличиваю НЕ косвенные метрики Сайта или Рекламы, а кол-во денег в кассе Компании и кармане её Владельца.
Все публикации
Хотите чтобы Ваш бизнес начал приносить больше прибыли на системной основе? — запишитесь на бесплатную 20-ти минутную консультацию, обсудим Ваш проект подробнее.

Вам может быть интересно

15 мин.
Скрининг бизнес-параметров. Версия 1.0

В данной статье будет обзор инструмента, который был недавно мной разработан. Было несколько бета-версий в Excel.

Подробнее
5 мин.
Фриланс. Необходимость брифа и ТЗ

Ожидание ТЗ и заполнение Брифа — это разговор «немого с глухим».   В своё время я пересмотрел / переслушал / перечитал «тонны»

Подробнее
Рубрика: Мышление
4 мин.
Как перестать заниматься х*рнёй и начать получать результаты в любом деле?!

Есть категории людей, которые «Всё знают». Регулярно страдают тяжелой зависимостью от нового контента, гоняются за фишечками,

Подробнее
Рубрика: Кейсы
5 мин.
Создание Landing Page «Дипломные работы на заказ»

В этой статье мы поделимся с Вами опытом создания Landing Page для автора по написанию дипломных работ.

Подробнее
Рубрика: Бизнес
2 мин.
4 причины почему специалисты чего-то не делают

В дизайне или web-разработке, почти в 100% случаев, вы не сможете придумать то, что нельзя реализовать! Бредовые идеи в расчёт не берём.

Подробнее
Рубрика: Кейсы
< 1 мин.
Имиджевый Landing Page для Компании «Life Whale» – Производство бумажных трубочек для напитков

Данный проект разрабатывался по ТЗ заказчика. Информация была предоставлена, мы со своей стороны её доработали и улучшили.

Подробнее
Рубрика: Дизайн
3 мин.
Важность визуальной коммуникации

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

Подробнее
Рубрика: Кейсы
< 1 мин.
Разработка уникального логотипа для Студии Маникюра

В большинстве своём, логотипы Студий красоты и студий маникюра, похожи друг на друга.

Подробнее
Рубрика: Без рубрики
4 мин.
Как определить хорошего Специалиста?

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

Подробнее
© Inspire-Agency 2016-2022 Все права защищены.
Политика конфиденциальностиОтказ от ответственности
Отмечайте то, что считаете правильным
Описание тут
Описание тут
Описание тут
Дальше
Успешно!
Благодарим
за Ваши ответы!
Ваша скидка в 25% активирована!
Мастер свяжется с Вами в ближайшее время и уточнит подробнее всю необходимую информацию.
Что-то пошло не так при отправке формы!