DomusDecor
Сайт-магазин продукции компании DomusDecor.
О заказчике
DomusDecor - это компания, которая производит прекрасную декоративную штукатурку, предоставляет услуги нанесения и обучает нанесению. Компании нужен был действительно качественный дизайн и сайт с нужным функционалом.
Процесс. Дизайн
Первым делом — дизайн! Он должен быть в меру стильным, в меру строгим, а главное - удобным.
Для дизайна мы использовали Figma с различными плагинами.
Процесс. Разработка
После дизайна — делаем, конечно же, сам сайт! Верстаем первую страницу сайта - главную. На ней мы располагаем следующие секции:
- Яркое вступление
- Преимущества
- Каталог
- Отзывы
- Место расположения

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

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

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

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

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

Расчет
Техническая часть
Стек сайта мы выбрали следующий: Vue.js + Webpack + Themeky.css на фронт-энде и PHP на бек-энде. В рамках этого проекта мы реализовали несколько маленьких модулей на JavaScript:
- Предпросмотрщик фото (На странице отзывов)
- Слайдер фото (На странице товара)
- Умный калькулятор по фасовкам (На странице расчета)
Результат
В итоге мы сделали стильный дизайн и разработали крутейший сайт, который не стыдно представить клиентам компании DomusDecor. На дизайн ушло 3 дня, а на разработку - 21 дня.
Отзыв
Очень благодарен агенству Proxymal за сайт, который они нам разработали меньше, чем за месяц! Приятно был удивлен хорошим и стильным дизайном.
— Представитель DomusDecor
Закажи разработку
проекта