Гарда Декор

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

Результат Процесс

Задачи

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

<p><b>Главная страница</b></p>

Дизайн

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

<p><b>Разрабатываем прототип</b></p>

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

<p><b>Здесь можно увидеть синхронную работу панелей при внесении товара в корзину.</b></p>

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

<p><b>Карточки товаров плавно перестраиваются при изменении ширины экрана</b></p><p>В данном разделе пользователь может найти ответ на интересующий его вопрос или самостоятельно задать вопрос специалистам клиники.</p>

Разработка

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

<p><b>Также послушно ведет себя меню в левой панели: если зайти в каталог, то при переключении пунктов меню, он подгружается без перезагрузки страницы.</b></p>

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

<p><b>Карточки</b></p><p>Если менять размер экрана, то не только расположение товаров в каталоге динамически перестраивается, но и сами элементы меняют свой размер.</p>

Готовый сайт:

garda-opt.ru