Rubik

Розробка інтернет-магазину будівельних матеріалів - Файний Дім

Файний Дім

Назва компанії

Файний Дім

Сфера

Продаж будівельних матеріалів, тротуарної плитки та інструменту

Продукт

Інтернет-магазин

Розташування

Суми та вся Україна

Час розробки

3 місяці

Головне про розробку

Розробка інтернет-магазину будматеріалів на OpenCart з нуля: власний дизайн, каталог на сотні позицій, залежні опції з оптовими цінами, Нова Пошта, купівля в 1 клік, а згодом — обмін товарами й цінами з 1С.

Про клієнта

Файний Дім — магазин будівельних матеріалів: газоблок, цегла, тротуарна плитка, стінові блоки, усе для печей, паркани, суміші та ручний інструмент. Клієнти — приватні забудовники й бригади, тому важливі точна ціна за одиницю виміру, оптові знижки від обсягу й зрозумілі умови доставки.

Задачі

До веб-студії Rubik звернулася команда Файний Дім — магазину будівельних матеріалів із Сум. Компанії був потрібен інтернет-магазин з нуля: від дизайну й структури каталогу до запуску та подальшої автоматизації.

Будматеріали продаються зовсім не так, як одяг чи техніка. Покупець рахує квадратні метри, піддони й кубометри, порівнює варіанти за кольором і розміром, а бригади замовляють великими обсягами й очікують оптової ціни. Тому перед командою Rubik стояли такі задачі:

  1. Ціна, що залежить від опцій: колір, розмір, товщина й тип упаковки змінюють вартість товару, а одиниця виміру — штука, м², піддон — має відображатися й рахуватися без помилок, інакше менеджеру доводиться перераховувати кожне замовлення вручну.

  2. Оптові ціни для кожного варіанта: від обсягу замовлення ціна за одиницю знижується, причому окремо для кожної комбінації опцій. Стандартний OpenCart такого не вміє — опт у ньому прив’язаний лише до товару в цілому.

  3. Зручний великий каталог: десятки категорій — газоблок, цегла, тротуарна плитка, стінові блоки, все для печей, паркани, суміші, інструмент — і фільтри за характеристиками, щоб покупець знаходив потрібну позицію за кілька кліків.

  4. Зрозуміла доставка: самовивіз зі складу в Сумах, доставка по місту й відправлення по всій Україні Новою Поштою з вибором відділення прямо під час оформлення.

  5. Швидке замовлення без реєстрації: частина клієнтів не хоче заповнювати довгу форму — їм достатньо залишити номер телефону й отримати дзвінок менеджера, який допоможе з розрахунком.

  6. Автоматизація обліку: з ростом асортименту ціни й залишки мали оновлюватися на сайті з облікової системи без ручного внесення.

Файний Дім

Процес

Інтернет-магазин Файний Дім ми розробили з нуля на OpenCart. Роботу розбили на етапи так, щоб кожна частина — від дизайну до розрахунку ціни — була протестована до запуску у вересні 2022 року.

Етап 1: Аналітика асортименту та структура каталогу

Почали з розбору товарної матриці клієнта: які товари мають варіанти, в яких одиницях вони продаються й від якого обсягу діє опт. На основі цього спроєктували дерево категорій і перелік характеристик для фільтрів — так, щоб покупець міг відібрати, наприклад, газоблок потрібної марки й розміру або плитку певної товщини.

Етап 2: Індивідуальний дизайн

Створили власний дизайн магазину з упізнаваним персонажем бренду, теплою кольоровою гамою та великими плитками категорій. Окрему увагу приділили картці товару: опції, ціна за одиницю, оптові пороги й кнопки замовлення мали бути на виду й однаково зручними на комп’ютері та смартфоні.

Етап 3: Залежні опції та оптові ціни

Це була найскладніша частина проєкту. Ми встановили модуль залежності опцій, а поверх нього налаштували оптові ціни для кожного варіанта товару. Ціна мала коректно перераховуватися за будь-якої комбінації опцій і кількості — і в картці, і в кошику, і в замовленні, яке бачить менеджер.

  • ціна змінюється миттєво при виборі кольору, розміру чи типу упаковки;
  • оптові пороги діють окремо для кожного варіанта;
  • одиниця виміру підставляється автоматично — шт, м² або піддон.

Етап 4: Фільтри, доставка та оформлення замовлення

Підключили фільтри FilterVier за характеристиками товарів, інтегрували Нову Пошту з вибором міста й відділення, додали самовивіз зі складу та купівлю в 1 клік — для тих, хто хоче лише залишити телефон.

Етап 5: Тестування й запуск

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

Етап 6: Обмін з 1С

З ростом асортименту ручне оновлення цін стало вузьким місцем, тож ми розробили обмін з 1С: товари, ціни й залишки тепер вивантажуються з облікової системи та оновлюються на сайті автоматично.

Результат

Комплексна розробка від команди Rubik дала Файний Дім інтернет-магазин, який правильно продає складні будівельні товари й не потребує ручних перерахунків.

  1. Точний розрахунок ціни: вартість автоматично враховує вибрані опції, одиницю виміру та оптову знижку — покупець одразу бачить фінальну суму, а менеджеру не потрібно перераховувати замовлення.

  2. Опт для кожного варіанта товару: бригади й забудовники отримують знижку від обсягу саме на ту модифікацію, яку замовляють.

  3. Каталог, у якому легко знайти потрібне: продумана структура категорій і фільтри за характеристиками скорочують шлях від головної сторінки до кошика до кількох кліків.

  4. Різні сценарії покупки: Нова Пошта з вибором відділення, самовивіз зі складу в Сумах і купівля в 1 клік для тих, хто хоче порадитися з менеджером.

  5. Актуальні ціни й залишки без ручної роботи: обмін з 1С оновлює асортимент на сайті автоматично.

Після запуску ми продовжили роботу в рамках SEO: створили посадкові сторінки під популярні фільтри, щоб магазин збирав пошукові запити на кшталт «газоблок D500» чи «тротуарна плитка 6 см».

Адаптивна версія

Командою Rubik було відібрано основні розміри екранів пристроїв, для зручного користування веб-сайтом без втрати функціональності та привабливості.

  • Mobile - 375px
  • Tablet - 991px
  • Laptop - 1399px
  • Desctop - 1920px

Технічні дані

Інтернет-магазин Файний Дім розроблено з нуля на OpenCart з доопрацюваннями під специфіку продажу будівельних матеріалів.

  • Базова платформа: OpenCart 2.3.

  • Інструменти та стек: PHP, MySQL, HTML5 / CSS3, JavaScript (jQuery, AJAX).

  • Каталог і ціни: модуль залежності опцій, оптові ціни для кожного варіанта товару, одиниці виміру шт / м² / піддон.

  • Пошук і SEO: фільтри FilterVier за характеристиками, SEO-сторінки під популярні комбінації фільтрів.

  • Доставка й замовлення: інтеграція з Новою Поштою, самовивіз зі складу, купівля в 1 клік.

  • Облік: обмін товарами, цінами й залишками з 1С.

  • Склад проєктної групи: Project Manager, UI/UX дизайнер, Front-end розробник, Back-end розробник.


Хочете бути попереду конкурентів?

Почніть зараз!