MdeHouse — это российский производитель эксклюзивной дизайнерской мебели, продукция которого в основном используется в дизайн-интерьерах ресторанов, квартир и домов элит-класса. Мебель MdeHouse можно часто увидеть в проектах телепередачи Первого канала «Идеальный ремонт», а также в интернет-журналах ELLE Decoration и Architectural Digest.
Ранее мы делали модернизацию сайта для MdeHouse, на тот момент компания специализировалась в большей степени на B2B сегменте, основными их клиентами на тот момент были рестораны и кафе Москвы. В планах компании было покорить нишу интерьеров элитного жилья, на что мы и ориентировались, создавая новую версию сайта.
Спустя три года, когда компания MdeHouse уже заимела некоторую известность среди дизайнеров интерьеров и студий дизайна, сайт уже не отражал тот уровень, которого добилась компания за три года.
Поэтому обратилась снова к нам за новыми идеями и обновлением сайта, который будет не только соответствовать статусу компании, но и дополнительно повысит узнаваемость бренда. А главное, на нем будет обновленная и удобная мобильная версия сайта, которая должна повысить продажи в интернете и минимизировать работу менеджеров с клиентами.
Кого интересует нестандартная и яркая мебель? В первую очередь, дизайнеров и сотрудников дизайн-студий, которые создают уникальный дизайн для конечного потребителя.
Так как сайт нацелен «зацепить» дизайнеров, то должен быть современным, мы ориентировались на сайты зарубежных конкурентов с лаконичным дизайном, не перегруженные лишними деталями, акцент только на мебель. Дизайнера должна привлечь продукция, а так как яркая мебель MdeHouse способна заявить о себе сама, то «обертка» должна быть простой и сдержанной.
Основное желание клиента было создать сайт, который будет выдержан в стиле сайтов с легким дизайном и яркими акцентами на профессиональные фотографии. Дизайн получился по-европейски стильный и лаконичный — крупные фото, четкая геометрия и нейтральные основные цвета.
Создавая прототип главной страницы, основой выбрали промо-блок с сочными и яркими фотографиями мебели, за счет этого блока заказчик может в дальнейшем менять их самостоятельно, тем самым задавая «настроение» всего сайта.
Далее минималистичное представление главных разделов каталога: и правильно, к чему лишние детали, все четко, понятно, но при этом очень красиво.
Одним из важных акцентов на главной странице является блок «Популярные товары», в нем необычное отображение элементов каталога, благодаря простому эффекту смены фото при наведении получился довольно интересный эффект просмотра выбранной мебели не только на белом фоне, но и в интерьере.
Блок преимуществ мы переделывали несколько раз, пока не подобрали минималистичные и приятные глазу иконки, но несмотря на «пустоту» и простоту, блок заметен, он не теряется на главной странице сайта.
Так как заказчик работает с крупными и нередко знаменитыми клиентами, было бы упущением не обозначить это. Поэтому в общем стиле сайта был добавлен блок готовых проектов. Далее планировалось разместить новости, но от новостей клиент пожелал отказаться на главной, отдав свое предпочтение блоку «СМИ».
И правильно сделал, так как это помогло разделить готовые проекты на две составляющие — проекты с минимальной оглаской и проекты, которые участвовали в телевизионных программах или которые освещены в модных журналах.
Внутренние страницы сайта в основном формировались на основе дизайна главной. Но дизайн макета для элементов каталога нам вновь пришел из контента, который нам предоставил заказчик. А какой основной контент в элементах? Конечно, красивые фото мебели. А так как их было много, на некоторых моделях количество уникальных фотографий доходило до 30 штук, в разных ракурсах и цветовой гамме, мы решили сделать представление данных фотографий, как у крупных сетевых производителей одежды.
Слева шла вереница крупных фотографий, справа — информация о товаре, его цена, характеристики, кнопка оформления заказа и другое. Чтобы при прокрутке фотографий пользователь всегда видел информационный блок, было принято решение сделать его фиксированным, но это уже затрагивает больше верстку и программирование проекта, не дизайн. Подробнее о функционале расскажем далее.
Сложными модулями данный проект обделен, но это пока, заказчик планировал развивать программную часть в дальнейшем. Для более скорого запуска сайта было достаточно того функционала, что реализован нами сейчас.
Но вот тема верстки была практически главной, все блоки и элементы размещены в точности до пикселя, это касается не только ПК версии, но и адаптивной под мобильные устройства. Согласовать каждую деталь сайта друг с другом и сделать так, чтобы он адекватно работал на мониторах разной ширины было не так и просто, но результат нас порадовал, сайт стал дружелюбен к пользователю в любом исполнении.
Отдадим должное нашему талантливому заказчику и самому проекту в целом, это был первый раз, когда мы создавали такую простую обложку для такой яркой мебели, но контрасты сыграли на ура!
На будущее планируется подключение таких модулей, как: