Dentmebel — сайт производителя мебели для стоматологий

Меня зовут Евгений Росляков, и сайты для бизнеса — моя работа с 2016 года. Я самозанятый, так что с компанией заключаем договор, а по итогам она получает закрывающие документы. Нахожусь в Москве, проекты веду очно и удалённо. Этот проект настоящий: сайт Dentmebel работает, его можно открыть и переключить тему.

ООО «Дент Мебель» проектирует и производит мебель для стоматологических клиник: кабинетные гарнитуры со столешницами из искусственного камня, подвесные модули, подкатные тумбы, тележки, столы и органайзеры. Компания оснащает клиники по всей России под ключ — проект, производство, доставка, монтаж — и потом обслуживает мебель по гарантии. Гарантия десять лет, это прямо написано на сайте.

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

Значит, сайт работает на двух уровнях. Эмоционально — показать мебель так, чтобы её захотелось поставить в свой кабинет. Рационально — дать характеристики, сроки, цену и понятные условия доставки, монтажа и сервиса.

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

Я отвечал за структуру, дизайн, вёрстку на HTML и CSS, интерфейс на JavaScript, мобильную версию и запуск.

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

логотипа. Он стоит точечно и не спорит с фотографиями: главное, что видит посетитель, — белая мебель на графитовом фоне.

Линейки продукции. Сразу под первым экраном блок с вкладками: Стандарт, Подвесные модули, Подкатные тумбы, Тележки, Столы, Органайзеры. Вкладка не уводит на другую страницу: фото и характеристики меняются на месте, большой снимок листается стрелками. Под фото четыре параметра и цена. Для серии «Стандарт» это длина 3 300 мм, столешница из искусственного камня, изготовление до 45 дней и гарантия 10 лет, цена 500 000 ₽ за гарнитур или 150 000 ₽ за погонный метр. Клиника сразу прикидывает стоимость под размер своего кабинета.

Открытая цена на главной — смелое решение для производителя, и правильное. Тот, кто видит порядок цифр, приходит с заявкой подготовленным. Кому не подходит, не тратит время менеджера. Рядом две кнопки:

«Узнать больше» ведёт на страницу линейки, «Оставить заявку» — сразу к расчёту.

Тёмная и светлая темы. В шапке кнопка с солнцем. Тёмная тема подаёт белую мебель как вечерний шоурум: графит, мягкий свет, контрастные силуэты. Светлая — как залитая дневным светом клиника. Это дизайн взаимодействия с конкретным смыслом: белая медицинская мебель по-разному читается на тёмном и

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

Каталог. Страница каталога показывает, что Dentmebel оснащает всю клинику: серия «Стандарт», мебель для ЦСО и для зуботехнической лаборатории. У каждой линейки своя страница, например подвесные модули с собственными названиями моделей и пометкой «Скоро в продаже». Заголовки страниц написаны так, как ищут клиники: «Подвесные модули из искусственного камня для стоматологического кабинета».

Живой бренд. После линеек — «Реализованные проекты» с видеообзорами клиник и «Выставки и шоурум» с адресом на карте. На странице проектов — стоматологии в Тольятти и Москве, клиника Ильи Склярова, стенд на профильной конференции. Ниже свежие новости с датами: Startsmile TOP, новая модель подвесного

модуля, работа над новой клиникой.

Доставка и сервис. Блок «Покупка и обслуживание» отвечает на вопросы до оплаты: доставка и монтаж под ключ в любом регионе, почему гарантия десять лет и что она покрывает, как вызвать мастера. Каждая карточка ведёт на подробную страницу.

Заявка. Форма в конце главной стоит на фоне крупного фото подвесного модуля с подсветкой. Полей два — имя и телефон — и обещание: ответим в течение рабочего дня, рассчитаем стоимость и сроки. В подвале

аккуратная юридическая оговорка и реквизиты.

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

гарантии и оставляет заявку в два поля.

Сайт с крупными фотографиями легко сделать медленным, поэтому 22 изображения из 23 переведены в WebP, 21 подгружается по мере прокрутки, а шрифт Wix Madefor Text подключён с собственного сервера. Из сторонних сервисов — только Яндекс Метрика, чтобы видеть, какие линейки смотрят чаще и откуда приходят

заявки. HTML главной в сжатом виде весит 20 КБ.

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

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

Если вы производитель и ваш продукт продаётся глазами — мебель, оборудование, интерьерные решения, — напишите мне через freelance.ru. Пришлите пару фото продукта и расскажите, кто у вас покупает, и я

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