DomusDecor

Сайт-магазин продукции компании DomusDecor.

О заказчике

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

Процесс. Дизайн

Первым делом — дизайн! Он должен быть в меру стильным, в меру строгим, а главное - удобным.
Для дизайна мы использовали Figma с различными плагинами.

Процесс. Разработка

После дизайна — делаем, конечно же, сам сайт! Верстаем первую страницу сайта - главную. На ней мы располагаем следующие секции:

  • Яркое вступление
  • Преимущества
  • Каталог
  • Отзывы
  • Место расположения
Главная страница

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

Следующим этапом — делаем страницу контактов! Клиентам удобнее связаться через удобный им мессенджер, поэтому у компании множество способов для связи. Располагаем контакты в виде карточек, также добавляем секции "Где располагаемся" и "Реквизиты".

Страница контактов

Контакты

А теперь самое интересное — страница и виджет каталога! Делаем карточки, а также разделение на категории.

Страница каталога

Каталог

За каталогом идет и страница карточки товара. Располагаем на этой странице фотки товара, описание, детали, и кнопку для расчёта стоимости по площади стен.

Страница карточки товара

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

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

Страница калькулятора

Калькулятор

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

Страница расчета

Расчет

Техническая часть

Стек сайта мы выбрали следующий: Vue.js + Webpack + Themeky.css на фронт-энде и PHP на бек-энде. В рамках этого проекта мы реализовали несколько маленьких модулей на JavaScript:

  • Предпросмотрщик фото (На странице отзывов)
  • Слайдер фото (На странице товара)
  • Умный калькулятор по фасовкам (На странице расчета)

Результат

В итоге мы сделали стильный дизайн и разработали крутейший сайт, который не стыдно представить клиентам компании DomusDecor. На дизайн ушло 3 дня, а на разработку - 21 дня.

Отзыв

Очень благодарен агенству Proxymal за сайт, который они нам разработали меньше, чем за месяц! Приятно был удивлен хорошим и стильным дизайном.

— Представитель DomusDecor

Закажи разработку
проекта

Заполнить бриф