Интернет-магазин керамической плитки Дон Керам

Торговая марка «Дон Керам» — это огромный выбор керамической плитки и керамогранита из Испании.

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

Ассортимент компании сбалансирован по стилям, формату плитки и назначению (кухни, ванные, общественные помещения).

Смотреть сайт

Цели проекта

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

Инструменты

Язык разметки HTML
CSS — каскадные таблицы стилей
Язык программирования Ruby
Фреймворк Ruby on Rails
Поисковая система ElasticSearch
Библиотека React
PostgreSQL — объектно-реляционная СУБД
Система сборки WebPack
Библиотека MobX
СУБД Redis
Sketch
Adobe Photoshop
Axure RP
Zeplin
Язык программирования JavaScript
Библиотека MobX State Tree

Адаптивный дизайн

Главная страница

Первое, что видит потенциальный покупатель — это актуальные акции и преимущества магазина. На главной странице также представлены все популярные товары из каждого раздела. Дон Керам занимается продажей не только керамической плитки: продаются также керамогранит, клинкер, мозайка и сопутствующие материалы (клей, затирка, инструменты).

Каталог коллекций

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

Каталог товаров

Все товары можно отфильтровать по цене, области применения, цвету, форме плитки, стране и фабрике.

Карточка коллекции

Карточки бывают двух видов — карточка коллекции и карточка товара. В карточке коллекции помимо всех характеристик указаны все виды плитки, из которых она состоит.

Карточка товара

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

Личный кабинет

В личном кабинете можно настроить данные профиля, посмотреть все заказы, оформить или отменить подписку на рассылки и прочесть сообщения от магазина.

Каталог дизайн-проектов

В магазине можно заказать разработку дизайн-проекта. Дизайнер создает визуализацию помещения с выбранной плиткой или коллекцией. Именно поэтому был создан специальный раздел, где размещены интересные проекты. Пользователь может найти проект по типу помещения, основному цвету и тегам.

Карточка дизайн проекта

В карточке указана цена проекта за квадратный метр, его итоговая стоимость и описание. Далее можно увидеть плитку, которая была использована в дизайн-проекте.

Корзина

Оформление заказа происходит поэтапно.
В магазине предусмотрено использование промокодов, поэтому при оформлении выводится специальное поле. После ввода промокода цена пересчитывается автоматически.

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

На третьем шаге пользователь выбирает способ оплаты и оформляет заказ.

Оптовые магазины

Всю плитку, представленную в интернет-магазине можно посмотреть и в оптовых магазинах. На интерактивной карте видны все адреса.

Детальная страница магазина

Вся необходимая контактная информация, а также фото магазина представлены на данной странице.