WebValley Studio
интернет магазин мебели

сайт мебели на заказ: дизайн, разработка, продвижение

аналитика и исследование ниши
Информационная архитектура
прототип
дизайн
вёрстка
продвижение

Маркетинговое исследование мебельной ниши

К нам обратился Ленинградский мебельный завод — крупная фабрика мебели в Санкт-Петербурге. У компании не было единого корпоративного сайта, только несколько разрозненных лендингов под рекламу. Для производителя такого уровня — это не солидно. Кроме того, путает покупателей: не понятно, какой сайт настоящий, какой актуальный, на каком лучше заказать. А поскольку лендинги были сделаны разными исполнителями, то и выглядят они разношёрстно, мешают сформировать единый образ бренда, что плохо сказывается на узнаваемости компании.
сайт мебели
разработать сайт мебели
создать сайт мебели
заказчик
Ленинградский Мебельный Завод
Производит мебель с 2008 года. Входит в тройку крупнейших мебельных заводов России. Используют ТОПовые технологии и оборудование. Знают, как с помощью мебели создать современный интерьер, который будет удобен, комфортен и безопасен.
заказать сайт мебели
дизайн сайта мебели
Ранее производитель работал с эконом сегментом, изготавливал бюджетную мебель. Но сейчас захотел выйти на премиум сегмент, более интересные дизайнерские заказы и высокие чеки. Дешёвый сайт не продаст дорогой продукт. Поэтому перед нами стояли задачи:

  • исследовать онлайн-рынок элитной мебели,
  • понять мотивацию покупателей в премиум-сегменте,
  • проработать позиционирование компании под более высокий ценовой сегмент,
  • сформировать единый образ бренда,
  • создать эстетичный премиальный корпоративный сайт, который преподнесёт продукт так, чтобы попадать под запросы состоятельной аудитории,
  • спроектировать сайт под дальнейшее продвижение в поисковиках.
разработка сайта мебели
создание сайта мебели
разработка интернет магазина мебели
создание интернет магазина мебели
Мы проработали разные пользовательские сценарии. Люди заказывают мебель при переезде, когда желают обновить старую мебель, или занимаются ремонтом и дизайном интерьера. И в каждом из этих случаев, у них разные ожидания и требования к производителю, а значит и триггеры, влияющие на решение о покупке, тоже отличаются.
дизайн интернет магазина мебели
разработать интернет магазин мебели
создать интернет магазин мебели
Тем, кто только переехал, критически важны сроки, чтобы не спать, не готовить и не хранить вещи на полу, а также стоимость, ведь много денег уже потрачено на покупку квартиры. Им интереснее типовые решения — красивая надёжная мебель для новой квартиры, которую не надо проектировать с нуля и 2 месяца ждать её изготовления. Они хотят видеть каталог стандартных моделей с фиксированной ценой и минимальными сроками производства.
интернет магазин мебели
сайт производства мебели на заказ
Те, кто обновляет мебель, уже не так придирчивы к срокам: пока изготавливается новая мебель, они продолжают пользоваться старой, поэтому вполне могут подождать и пару месяцев, чтобы получить индивидуальную продукцию, изготовленную по своим размерам, с продуманным функционалом, наполнением, дизайном. С ними нет смысла давить на сроки и стоимость, им важнее возможности нашего производства. Для них на сайте созданы отдельные страницы и информационные блоки, показаны примеры дизайнов и выполненных работ, раскрыты особенности материалов, предложены варианты конструкций и наполнения.
разработать сайт производства мебели на заказ
Изучив конкурентов, мы заметили, что все напирают на качество материалов. В старых лендингах заказчика также считывалось это позиционирование: «У нас качественная мебель, потому что мы используем качественные материалы и фурнитуру». Но когда об этом говорят все конкуренты, это перестаёт быть преимуществом.

Мы построили позиционирование компании, опираясь на боли и страхи покупателей, с которыми они сталкиваются при изготовлении мебели на заказ. Покупая мебель по индивидуальным размерам, пользователь ожидает, что она точно встанет в размер, но на деле так бывает не всегда. Остаются зазоры, выступающие углы. При сборке одна дверца висит ниже другой, всё скрипит и болтается, технологические отверстия просверлены не в тех местах, кромка трескается и отслаивается ещё до того, как мебелью начали пользоваться. Покупатель в ужасе, и не знает, это косяк производства или криворукий сборщик постарался, но результат не оправдывает ожиданий.
создать сайт производства мебели на заказ
Ленинградский мебельный завод поставил своей целью свести производственный брак к нулю. Для этого компания сделала ставку на автоматизацию производства, сокращение ручных операций, завязанных на человеческий фактор. Это самый современный мебельный цех в стране, выпускающий действительно надёжную, долговечную, красивую мебель, которая служит десятилетиями, не теряя функциональности и внешнего вида. За счёт чего, производитель может дать самую большую гарантию на рынке — 7 лет. Это и легло в основу позиционирования. Сайт компании показывает совсем другой подход к производству мебели. Он прививает пользователям более высокий уровень нормы: даёт понять, что Ленинградский мебельный завод — это не полукустарное гаражное производство, и не фабрика советского типа, с морально устаревшими станками и технологиями. Формирует представление о том, какой может быть мебель, если в компании соблюдается культура производства.
разработка сайта производства мебели на заказ
создание сайта производства мебели на заказ

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

Проект объёмный, поэтому сложный, как с точки зрения функционала, так и с точки зрения организации структуры и навигации на сайте.

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

Производители мебели часто выставляют продукцию на сайте в том виде, в котором это удобно и привычно им, а не пользователям. Например, делят продукцию на коллекции: Коллекция шкафов-купе «Шампань», Коллекция «Эклектика» и т. п. Вот только пользователи, набирая запрос в Яндекс или Google, так не ищут. Они ищут шкаф-купе в гостиную, спальню, прихожую; двухдверный, трёхдверный; зеркальный; размером 22016055 см; со штангами, полками ящиками и прочими параметрами. Когда мы знаем, как именно пользователи формулируют запросы, мы можем правильно подать информацию на сайте, чтобы покупателям было проще находить то, что они ищут. Благодаря проделанной работе, сайт начал получать первый трафик сразу после запуска.
дизайн сайта производства мебели на заказ
структура сайта производства мебели на заказ
мебельный сайт
Поскольку Ленинградский мебельный завод — это не просто магазин, а фабрика мебели, любой товар из каталога можно кастомизировать под свои нужды: изготовить в другом размере, цвете, с иным наполнением и дизайном. Это усложняет и перегружает карточку товара. Перед нами стояла задача, сделать карточку информативной, при этом, не запутать пользователя, чтобы он не заблудился в куче информации, ведь по мере скролла, фото, цена и описание товара улетают вверх, и пользователь перестаёт их видеть. Приходится постоянно скроллить вверх-вниз, перескакивать с одного участка карточки на другой, чтобы сопоставить информацию и сложить полное представление. Мы спроектировали функционал, при котором карточка, по мере скролла, сворачивается в краткое информативное превью с картинкой, стоимостью, названием модели, информацией о рассрочке, кнопкой «Купить». Оно закрепляется в верхней части экрана и сопровождает пользователя, чтобы ему не приходилось возвращаться к началу.
разработать мебельный сайт
создать мебельный сайт
разработка мебельного сайта
создание мебельного сайта
Мы заложили сложный функционал корзины, в которой есть не только товары и итоговая стоимость, как в среднестатистическом интернет-магазине, но и возможность выбора дополнительных услуг: доставки, сборки, подъёма на этаж, с учётом того, есть ли в доме грузовой лифт, и на какой именно этаж придётся поднимать. При выборе нужных опций, стоимость в корзине автоматически пересчитывается, что удобно и для пользователя, и для менеджеров компании.
дизайн мебельного сайта
мебельный интернет магазин
разработать мебельный интернет магазин
создать мебельный интернет магазин
На сайте спроектировано два состояния меню. Первое — объёмное, в 2 строки. Оно появляется, когда пользователь переходит на страницу сайта. Оно подробное, помимо навигации, содержит адрес и телефон компании для быстрой связи. В мебельной нише это актуально, так как на сайт могут заходить не только новые пользователи, но и те, кто уже заказал мебель, и хотят связаться, чтобы узнать, как дела с заказом. Им будет неудобно каждый раз заходить на сайт, потом идти в раздел Контакты и находить там телефон.
разработка мебельного интернет магазина
создание мебельного интернет магазина
Второй вариант отображения меню — краткий, в одну строку. В нём оставлены только навигационные элементы. Это меню появляется в момент, когда пользователь начинает скроллить вверх. Это связано с проработкой пользовательских сценариев. Если клиент изучил информацию на странице, а потом начал скроллить вверх, а не закрыл сайт, вероятно, он хочет узнать подробнее о чём-то ещё: о компании, способах оплаты и рассрочке, ознакомиться с каталогом продукции — то есть, вернуться к меню, и перейти на нужный раздел. Чтобы страницу не приходилось долго скроллить вверх, при первом же движении колеса мыши всплывает навигационное меню. Это повышает удобство для пользователей, глубину просмотра, упрощает навигацию. А так как в этот момент цель пользователя — переход на другую страницу, то нет смысла отъедать большую часть экрана полноразмерным меню.
дизайн мебельного интернет магазина

Дизайн мебельного сайта

Так как одной из задач было перейти из эконом сегмента в более дорогой и премиальный, дешёвый шаблонный дизайн был неприемлем. WebValley Studio специализируется на сайтах с уникальным эстетичным дизайном, поэтому для дизайнеров студии этот проект был особенно интересным и вдохновляющим. Мы использовали стилистику минимализма, много воздуха и акцент на продукции компании. Элитная мебель красива сама по себе. Задача дизайнера — показать её так, чтобы впечатлить пользователя, вызвать у него желание купить. Поэтому в проекте использованы крупные фотографии и рендеры, без дешёвых финтифлюшек и украшательств.
сайт мебели на заказ
У заказчика был брендбук с цветами и шрифтами, но не особо оформленный. Исходный фирменный цвет — зелёный, был очень ярким, кричащим. Он удешевлял дизайн, поэтому мы предложили подобрать более спокойный премиальный оттенок, а также добавить к нему цвет-компаньон, в качестве которого был выбран комплиментарный оранжевый — тоже не яркий, спокойный, благородный оттенок.
цвет сайт мебели на заказ
цвета сайт мебели на заказ
палитра сайт мебели на заказ
цветовая палитра сайт мебели на заказ
Для фона основным цветом решили использовать не чисто-белый, а пастельный, очень светлый бежевый оттенок, который выгодно подчёркивал изображения и добавлял индивидуальности проекту.
разработать сайт мебели на заказ
Шрифт — простой и лаконичный — Inter. Он хорошо считывается, подходит как для заголовков, так и основного массива текста. Доступен для коммерческого использования.
шрифт сайт мебели на заказ
типографика сайт мебели на заказ
Поскольку заказчик чётко представлял, чего он хочет, а дизайнер сразу уловил его задумку, и понял, в какую сторону двигаться, при создании визуала, мы не предлагали несколько концепций, а сосредоточились на деталях и собрали много референсов.
создать сайт мебели на заказ
разработка сайта мебели на заказ
При разработке дизайна мы сразу попали в цель, правок со стороны заказчика особо не было, всё понравилось с первого раза. Единственный момент, который смущал — это некая простота и аскетичность на первый взгляд. Но, после пояснения моментов с анимацией и того, куда направлен фокус в дизайне, что в премиум сегменте не нужны всякие дрыгалки и прочая лишняя ерунда, заказчик полностью согласился с нашим решением
создание сайта мебели на заказ
дизайн сайта мебели на заказ
сайт компании по производству мебели
разработать сайт компании по производству мебели
создать сайт компании по производству мебели
разработка сайта компании по производству мебели
В дизайне мы старались сосредоточить внимание пользователя на самом продукте, поэтому изображения в блоках и слайдерах — крупного формата.
дизайн сайта компании по производству мебели
Прежде чем приступить к дизайну страниц, мы построили большой UI-kit или мини дизайн-систему, так как проект верстался кодом, и нужно было продумать не только основные элементы, но и их состояния, цвета для различных ситуаций, например, ошибок и прочего.
создание сайта компании по производству мебели
дизайн система мебельного сайта
ui кит мебельного сайта
дизайн система сайта мебели
Для проекта был подобран единый пак иконок — с плавными округлыми линиями.
заказать дизайн сайта мебели
Получился большой универсальный набор компонентов, который заказчик сможет использовать и в будущем, чтобы по мере роста и развития проекта, дизайн сохранял единообразие, оставался аккуратным.
заказать сайт мебели
заказать сайт мебельной компании
Для проекта отрисовано большое количество страниц с адаптацией дизайна под все версии гаджетов. Создано много вариантов компонентов для удобного использования в будущем.
Например, разные варианты для блоков с формой и оффером:
заказать сайт компании по производству мебели
заказать интернет магазин мебели
заказать мебельный интернет магазин
сайт мебельной фабрики
разработать сайт мебельной фабрики
создать сайт мебельной фабрики
Отрисованы продуманные и информативные карточки товаров. Несмотря на подробность, карточки товаров удобны для восприятия, так как информация в них хорошо структурирована:
разработка сайта мебельной фабрики
создание сайта мебельной фабрики

Разработка сайта мебели

Сайт свёрстан чистым кодом с натяжкой на CMS 1С-Битрикс Аспро. Разработка включала создание админ-панели, с расчётом на то, что заказчик сможет сам вносить корректировки в текстах, изменять фото- и видеоконтент, добавлять новые товары, новости, статьи. Кроме того, админ-панель была выгодной инвестицией в дальнейшее продвижение, так как она заметно повышает скорость работы при внесении изменений и создании новых страниц на сайте.

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

  • необычное появление фотографий,
  • слайдеры с эффектным изменением фото,
  • нестандартные анимации кнопок.
Дизайнерская фишка проекта — необычные стрелки для слайдеров, залипающие на мышку:
дизайн сайта мебельной фабрики
Нам очень важно ваше мнение
Оцените кейс
Как вам наша работа?
Заказать
похожий проект
Заказать
похожий проект
Посмотрите все возможности
Посмотрите все возможности
Следующий кейс
Следующий кейс
Предыдущий кейс
Предыдущий кейс
Спасибо за просмотр!
WebValley Studio
2023-2024
НАД ПРОЕКТОМ РАБОТАЛИ
Дизайн-студия
WebValley Studio
Арт директор
Алексей Гамов
Тим лид
Алёна Панюшкина
Аналитика
Алёна Панюшкина
Вероника Юдина
Мария Дрокина
Веб-дизайн
Программист
Анастасия Панченко