Высокое качество мебели всегда заключается в мелочах. Аккуратные строчки пошива, приятные на ощупь ткани, стильные формы — всё это возможно «почувствовать» только в живую. Но как быть, если премиальность необходимо передать через сайт?
Задача
Перед нами стояла задача: разработать сайт, который сможет транслировать премиальность, высокое качество и утонченность мебели «Amgrades».
Нами было принято решение совместить функционал интернет-магазина и сайта-галереи, чтобы показывать, а не рассказывать о мебели.
Визуальная концепция
«Как можно меньше стилистических элементов, позволим мебели блистать» — главная мысль концепции. Мебель студии Аmgrades сама по себе прекрасна и не требует дополнительных украшательств. Поэтому в дизайне сайта мы сделали акцент на демонстрации больших красивых фотографий интерьеров.
Весь проект наполнен приятными микроанимациями вкупе с нестандартной для интернет-магазина композицией. И всё это мы делали строго в рамках фирменного стиля компании.
Главная страница
Самая насыщенная страница сайта. Здесь кратко отражены все важные разделы с возможностью их просмотра подробнее.
Каталог
Благодаря возможности выбирать масштаб карточек товаров, можно грамотно управлять вниманием пользователей, делая акцент на некоторых из них. Также карточки имеют функционал быстрого переключения популярных расцветок материалов, что позволяет пользователю визуально «примерять» цвет на мебели не переходя на внутреннюю страницу карточки. А интерактивные изображения-превью товаров им в этом помогают.
За счет того, что фильтрация каталога скрыта в раскрывающееся модальное окно-шторку, на сайте есть дополнительное место, для того чтобы крупнее показывать мебельные позиции.
Выбранные параметры фильтрации отражаются на странице в виде тегов. каждый из них можно легко убрать не переходя обратно в окно фильтрации.
Страница карточки товара
На эту страницу возлагались самые высокие требования. Было необходимо, сохраняя визуальный акцент на изображениях мебели, сделать страницу максимально функциональной. Для этого мы использовали нестандартную для карточки товара композицию элементов.
Все характеристики и описания мебели собрали в удобный сворачивающийся блок — «аккордеон», который снабдили удобной внутренней навигаций.
Остальные страницы
Всего нами было разработано 16 уникальных страниц и адаптивные версии для каждой из них.
Анимации
Для усиления погружения пользователя в атмосферу сайта, мы использовали различные анимации переходов между функциональными блоками, а также анимации курсора.
