Rate this fw-portfolio

Banksii

Про проєкт

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

Компанія також надає послуги з налаштування продукції під специфічні потреби клієнтів, зокрема вибір кольору, розташування та розміру логотипів або текстів. Сайт орієнтований на обслуговування різних типів бізнесів та компаній, що потребують персоналізованого одягу для співробітників, промоційних заходів чи подарунків. Banksii Apparel надає можливість співпраці як великим, так і малим бізнесам, які шукають якісну продукцію з індивідуальним дизайном.

Цілі проєкту

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

Галузь

Персоналізований одяг

Рік запуску

2024

Результат

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

Виклики та завдання:

Проблеми, з якими зіткнувся замовник і які потребували термінового вирішення:

001

Застарілий дизайн сайту

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

002

Проблеми з адміністративною панеллю

Адмінка була обмеженою в функціональності, що ускладнювало оновлення контенту та роботу з матеріалами.

003

Не конкурентоспроможність на ринку

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

004

Відсутність мобільної версії

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

005

Оптимізація під пошукові системи

Сайт потребував покращення SEO-оптимізації для покращення видимості в пошукових системах та залучення більшої кількості користувачів.

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

001

Розробка кастомізованої системи управління контентом

Створити гнучку систему, що дозволить ефективно оновлювати матеріали та додавати нові функціонали на сайт.

002

Інтеграція з Zoho CRM та SanMar

Забезпечити інтеграцію з зовнішніми платформами для автоматизації процесів та управління даними.

003

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

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

004

Розрахунок вартості товару

Розробити систему, що автоматично розраховує вартість товару залежно від його розміру та кількості.

005

Автоматичний та ручний імпорт товарів

Розробити функціонал для автоматичного та ручного імпорту товарів на сайт з можливістю синхронізації даних з CRM. Це дозволить зручно оновлювати інформацію про товари та забезпечить точність і актуальність даних у системі.

006

Швидке замовлення з кастомізацією товару

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

007

Інтеграція Google відгуків

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

008

Синхронізація даних з CRM

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

UX/UI дизайн

Перед початком роботи було проведено, такі UX-дослідження:

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

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

Оцінено та надано рекомендації щодо прототипування, які були розроблені клієнтом.

Зміни, що були реалізовані:

Розроблено новий, сучасний дизайн сайту, що відповідає актуальним вимогам UX/UI, з покращеною взаємодією користувачів.

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

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

Впроваджено синхронізацію відгуків з Google, що дозволяє автоматично відображати відгуки на сайті.

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

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

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

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

Сайт створений на CMS OpenCart з використанням мови програмування PHP та компілятора Twig. Для обробки даних і зберігання інформації використовується база даних MySQL. Сайт працює на сервері Apache, що забезпечує високу швидкість завантаження.

Додатково використовуються HTML, CSS, JavaScript та XML для розробки інтерфейсу.

Розроблено API для підключення до сервісу Sanmar, а також налаштовано автоматичне вивантаження замовлень і даних з форм у CRM-систему Zoho.

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

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

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

01

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

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

Відгуки з сайту та Google з можливістю фільтрації через адміністративну панель. Інтеграція відгуків з сайту та Google дає користувачам можливість ознайомитися з думкою інших покупців. Адміністратори можуть фільтрувати відгуки за різними критеріями (наприклад, за оцінкою або датою), що забезпечує зручність при управлінні контентом.

Картка товару та замовлення товару

01

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

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

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

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

Форми зворотнього зв’язку та передача данних клієнта

01

Швидка форма зворотного зв’язку з мінімальними полями та розширеною кастомізацією. Форма зворотного зв’язку була спрощена до мінімуму, щоб не перевантажувати користувача. При цьому система підтримує високий рівень кастомізації, дозволяючи адаптувати форму під конкретні потреби (наприклад, запити про товар, допомогу з замовленням або інші питання).
02

Динамічна форма зворотного зв’язку, яка з’являється через певний час. Ця форма активується через певний час після того, як користувач відвідав сайт, що дозволяє нагадати про необхідність залишити відгук або поставити питання. Такий підхід допомагає заохотити взаємодію з користувачем, збільшити кількість запитів і полегшити комунікацію.
03

Передача всіх даних клієнта у CRM для подальшої обробки. Усі дані клієнтів, зібрані на сайті (такі як контактні дані, історія покупок, запити тощо), автоматично передаються у CRM систему для подальшої обробки. Це дозволяє організувати ефективну роботу з клієнтами та підвищити якість обслуговування.

Результати:

001

Сучасний інтерфейс

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

002

Гнучка система

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

003

Зручна адмінпанель

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

004

Інтеграція з CRM

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

005

Фільтрація товарів

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

006

Висока продуктивність

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

007

Кастомна картка товару

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

008

Завантаження файлів

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

009

Автоматичний імпорт

Завдяки налаштуванню API імпорт продуктів з Sanmar став автоматизованим. Це зменшує час на оновлення асортименту та знижує ризик помилок при введенні даних.

010

Аналітика GA4

Впроваджено налаштування цілей в Google Analytics 4 (GA4) для точного відстеження ефективності сайту, аналізу поведінки користувачів та оптимізації маркетингових стратегій.