Rate this fw-portfolio

Barva

Корпоративний сайт бренду Barva: витратні матеріали для друку.

Про проєкт

BARVA – український бренд, що з 2003 року пропонує витратні матеріали для струменевого друку. Сайт barva.ua представляє каталог продукції, зокрема чорнила, картриджі та фотопапір, доступні для замовлення через партнерів і дистриб’юторів. Акцент на якості та інноваціях підтверджує репутацію компанії як надійного постачальника.

Цілі проєкту

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

Галузь

Матеріали для друку

Рік запуску

2023

Результат

Перейти на сайт

Виклики для нашої команди

Замовник зіткнувся із декількома проблемами на сайті.

001

Відсутність попереднього сайту бренду

Оскільки компанія не мала власного веб-ресурсу, було необхідно створити сайт з нуля, який би відображав цінності та унікальність бренду BARVA.

002

Розробка дизайну з WOW-ефектом

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

003

Інтерактивна карта з пошуком дилерів

Сайт мав забезпечити користувачам зручний пошук партнерських точок продажу за допомогою інтерактивної карти.

004

Функція залишити заявку на партнерство

Важливим елементом стала можливість залишити онлайн-запит для потенційних партнерів, зацікавлених у співпраці.

005

Вивантаження товарної групи з системи AtroPIM

Складність викликало підключення сайту до системи AtroPIM для автоматичного вивантаження актуальних товарів.

006

Індикація сумісності з іншими товарами

Було потрібно реалізувати функціонал, що показує сумісність кожного товару з іншими продуктами, аби користувачам було легше орієнтуватися в асортименті.

Завдання для нашої команди

001

Розробка швидкого та анімованого сайту

Забезпечити високу швидкість завантаження сайту та реалізувати анімації для покращення візуального досвіду користувачів.

002

Інтерактивна карта з можливістю управління

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

003

Легка для сприйняття інформація в картці товару

Розробити структуру карток товарів так, щоб інформація подавалася максимально зрозуміло й візуально привабливо.

004

Адаптація сайту для майбутніх елементів інтернет-магазину

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

005

Підбір витратних матеріалів за запитами користувачів

Реалізувати функціонал, що дозволяє користувачам легко підбирати витратні матеріали, виходячи з їхніх конкретних потреб.

UX/UI дизайн

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

Здійснено аналіз конкурентів для розуміння ринку та виділення ключових переваг.

Підготовлено структуру сайту та концепцію дизайну відповідно до визначених потреб.

Розроблено анімаційні елементи для створення інтерактивності та покращення користувацького досвіду.

Зміни які були реалізовані:

Розроблено сучасний, яскравий сайт з WOW-ефектом та анімаціями.

Створено адміністративну панель для повного самостійного управління сайтом зі зручною навігацією.

Додано аналітичні модулі в адмінпанелі для інтеграції та сегментації користувачів.

Налаштовано керування та обмін даними з системою AtroPIM.

Реалізовано зручний пошук і швидку взаємодію на сайті.

Додано блог для інформування користувачів.

Впроваджено інтерактивну карту з пошуком дилерів.

Створено форми зворотного зв'язку для партнерських заявок.

Додано зручний каталог з фільтрацією та можливістю завантажити e-каталог.

Використані технології:

Сайт побудований на основі фреймворку Laravel із використанням мови програмування PHP, що забезпечує гнучкість і надійність в управлінні ресурсами. Для зберігання інформації використовується база даних MariaDB, яка забезпечує високу продуктивність і надійність. Серверна частина працює на Nginx, що сприяє швидкому завантаженню сторінок та ефективному обробленню запитів.
У фронтенді реалізовано функціонал із використанням HTML, CSS і JavaScript, що дозволяє створити інтуїтивно зрозумілий та візуально привабливий інтерфейс для користувачів. Ці технології також підтримують динамічність та інтерактивність сайту, що забезпечує позитивний користувацький досвід.

Функціональні можливості сайту

Сайт має ряд професійних функціональних можливостей для зручності користувачів:

Загальний функціонал сайту

01

Блог з категоріями та тегами. Статті блогу структуровані за категоріями та тегами з можливістю додавати картки суміжних товарів.
02

Форми зворотного зв’язку. Розміщені на сайті форми для швидкого зворотного зв’язку та заявок на партнерство.
03

Інтерактивна карта. Карту можна оновлювати та керувати її налаштуваннями через адміністративну панель.

Каталог та підбір товару

01

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

Підбір витратних матеріалів. Функція, що дозволяє користувачам легко знаходити витратні матеріали, відповідно до їхніх потреб.
03

Фільтрація та сумісність матеріалів. Зручна фільтрація та індикація сумісності матеріалів для легшої навігації в каталозі.
04

Опції товару. Картки товарів із додатковими опціями для налаштування параметрів перед замовленням.