Как мы обновили интернет-магазин Dantone Home: редизайн и выход на международный рынок

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

Dantone Home — российский бренд мебели и предметов интерьера. В каталогах компании можно найти образцы современной классики, mid-century, ар-деко и contemporary, но выбор не ограничивается готовыми вариантами. У Dantone Home своё производство, поэтому покупатели могут кастомизировать выбранные модели, заказать индивидуально разработанные для них кухни или гардеробные.

В эко-систему бренда также входят Dantone Design Buro и B2B направление Dantone Contract, предлагающее решения по комплектации жилых домов и коммерческих пространств — офисов, ресторанов, отелей, апартаментов. Среди партнёров бренда — Hilton, Ibis, Holiday Inn, Mercure.

Шоурумы компании расположены в восьми городах России, а в 2022 году Dantone Home вышли на международный рынок и открыли шоурум в Дубае. Компания выросла и трансформировалась — прежний сайт перестал отражать стиль бренда, поэтому команда Dantone Home обратилась к нам за аудитом и редизайном интернет-магазина.

Бренд Dantone Home — синтез классики и contemporary, дизайнерских элементов и уюта. У компании уже был сформирован фирменный стиль. Нашей задачей было придать современный вид сайту, поддерживая целостность бренда.

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

Вместе с командой Dantone Home мы провели дизайн-аудит бренда, чтобы выделить основные направления работы:

Работу над дизайном мы начали с самого большого направления Home – мебель и аксессуары для дома. Так как стиль Dantone Home — традиционный и респектабельный, в первом варианте дизайна мы ушли в журнальную концепцию. Однако она не отражала ещё одну важную черту бренда — уют. Несмотря на то, что интерьеры компании сдержанные, они не кажутся холодными и бездушными.

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

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

Чтобы подчеркнуть ноты нео-классики, выбрали антиквенный шрифт William в паре с рубленным Futura New.

Особое внимание мы уделили карточкам товара. Так как Dantone Home продают мебель в премиальном ценовом сегменте, клиенты часто приезжают в шоурумы, чтобы посмотреть образцы.

В первую очередь целевой аудитории было важно видеть:

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

Блоки про доставку, оплату, гарантию и рассрочку оформили модальными окнами. Они позволяют быстро просмотреть важную информацию, не переключаясь между страницами. Когда пользователь добавляет товар в корзину, она также открывается в формате модального окна. Там покупателю предлагаются сопутствующие товары, которые он может добавить к своему заказу.

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

Оформление блога получилось простым, но визуально насыщенным. Мы добавили теги и страницу подписки, а внутрь статей — конструктор, чтобы клиент мог сам выстраивать структуру. Например, дополнять текст галереей фотографий или блоком с разделами товаров.

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

Кроме направления Home, у компании есть ещё три: Kitchen — мебель для кухни, Contract — мебель для бизнеса, Buro — дизайн-проекты. Мы структурировали эти направления в единое меню, чтобы пользователь мог легко переключаться между ними.

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

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

Такой подход экономит бюджет компании. Нужно поддерживать только один бэкенд (вместо четырёх), который работает со всеми необходимыми ему фронтендами.

Технические элементы, которые добавили на сайт:

Результаты в течение года после запуска новой версии сайта:

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

С самого начала работы с Dantone Home мы придерживались подхода MVP с последующим масштабированием. Было придумано и отрисовано множество деталей и функций, на реализацию которых требуется время. Чтобы не растягивать релиз на много лет, год назад мы запустили первую версию сайта, а сейчас продолжаем доделывать крупные блоки и работаем над масштабированием компании в формате техподдержки.

Если у вас есть digital-задачи, которые нужно решить в кратчайшие сроки — давайте обсудим.

Следить за всеми обновлениями агентства, новыми кейсами и статьями можно в нашем телеграм-канале.