Flatbox — интернет-магазин дизайнерской плитки и керамогранита

flatbox.by

Флэтбокс — магазин и шоурум товаров для интерьера: дизайнерской плитки, обоев, декоративной штукатурки, керамогранита, сантехники и мебели.

Задача

Разработать интернет-магазин с уникальным дизайном и портфолио проектов, выполненных при помощи продукции Флэтбокс.

Инструменты

Интернет-магазин был разработан на CMS 1С-Битрикс.

Дизайн

Для сайта был отрисован уникальный дизайн. Любой дизайн начинается с прототипирования нетипичных страниц, и для FLATBOX наш дизайнер разработал прототипы для нетипичных страниц:

Главная;
Каталог;
Карточка товара.

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

На главной странице размещён слайдер с баннерами новых коллекций и акций. Ниже расположен каталог, представленный в виде плиток с категориями товаров, а также идеи интерьера от дизайнеров, использовавших материалы из магазина FLATBOX.

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

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

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

Пользователь может искать товары по производителю на отдельной странице с брендами. При клике на бренд пользователь переходит на страницу с подробным описанием и списком коллекций выбранного бренда.