ByHaleys
Оцифрування продажу традиційного мистецтва за допомогою кастомного Shopify-рішення
Про клієнта
Надана послуга: Розробка кастомного додатку Shopify
By Haleys — сімейна дизайн-студія з Великої Британії, яка створює панорамні мурали ручного розпису. Компанія, заснована Джеффом Хейлі, спирається на його понад 40-річний досвід у дизайні та живописі. Студія спеціалізується на створенні масштабних унікальних муралів, натхненних пейзажами Західного Йоркширу. ByHaleys поєднує традиційні мистецькі техніки з цифровими технологіями, постачаючи деталізовані високоякісні мурали для житлових та комерційних інтер'єрів по всьому світу. Основний фокус компанії — майстерність, художня деталізація та персоналізований підхід до трансформації простору клієнтів.
Виклики для бізнесу
Оцифрування традиційного мистецтва
Студія ByHaleys прагнула продавати свої мурали ручного розпису через власну e-commerce платформу. Їхня мета — налагодити прямий зв'язок із клієнтами, зберігаючи індивідуальний підхід до мистецького процесу. Проте існуючий Shopify-магазин потребував специфічного функціоналу для продажу персоналізованого декору, оскільки розміри стін та естетичні вподобання кожного клієнта вимагають унікальних розрахунків та рішень.
Технічні обмеження стандартних рішень.Готові публічні Shopify-додатки (Public Apps) не мали достатньої гнучкості для реалізації складної бізнес-логіки: інтерактивного кадрування (кропінгу) зображень, математичного розрахунку ціни в реальному часі на основі площі полотна та інтеграції з кастомними специфікаціями товарів.
Складні вимоги до UX.
Клієнт хотів надати покупцям зручний інтерактивний досвід вибору та кастомізації муралів онлайн. Користувачам був потрібен інструмент для обрізки й коригування зображень, прев'ю результату (Real-time Preview) та миттєвого отримання точної ціни на основі введених розмірів. Крім того, система мала генерувати комерційні пропозиції у форматі PDF і безшовно інтегруватися з кошиком та чекаутом Shopify, стабільно працюючи на будь-яких пристроях.
Рішення
Формування команди та підхід до розробки
Студія ByHaleys обрала Grodas завдяки нашій експертизі в розробці на Shopify та портфоліо складних e-commerce рішень. Ми спроєктували кастомний додаток (Custom App), який дозволяє покупцям персоналізувати фрески, зберігаючи при цьому преміальну якість сервісу бренду.
До складу dedicated-команди увійшли: Project Manager / Shopify-експерт, Team Lead / Full-stack розробник, Backend-розробник та QA-інженер. Така структура забезпечила прозору комунікацію та закриття всіх технічних завдань у процесі розробки.
Discovery-фаза та планування
Робота розпочалася з етапу аналітики: збору вимог, підготовки технічних специфікацій (ТЗ), розробки Roadmap та створення беклогу, розбитого на керовані спринти. Наш підхід включав:
-
Глибокий аналіз бізнес-потреб ByHaleys щодо конфігуратора продуктів;
-
Проєктування UX, орієнтованого на інтуїтивно зрозумілий вибір та редагування зображень;
-
Проєктування гнучкої технічної архітектури для безшовної інтеграції з API Shopify;
-
Стратегію розподілу ресурсів для дотримання дедлайнів проєкту. Цей етап гарантував, що фінальне рішення на 100% покриє потреби бізнесу без виходу за межі бюджету та таймлайну.
Розробка та технічна реалізація
- Розробка кастомного інтерфейсу (Custom UI): Ми розробили спеціальний застосунок, використовуючи React, Polaris (офіційну дизайн-систему Shopify для адмінок) та Laravel для бекенду. Інтуїтивний інтерфейс дозволяє користувачам обирати мурали, налаштовувати їх параметри та інтерактивно обрізати зображення на повноекранному полотні з Real-time прев'ю та миттєвим оновленням вартості.
- Динамічне ціноутворення (Real-time Pricing Engine): Ми впровадили складну логіку ціноутворення через Shopify Theme App Extension, яка автоматично розраховує кінцеву вартість на основі заданої площі муралу. Покупці бачать точну ціну безпосередньо під час налаштування свого дизайну.
- Безшовна інтеграція з екосистемою Shopify: Ми створили кастомний API для обробки замовлень, генерації прев'ю та автоматичного експорту PDF-документів. Весь флоу покупки залишається всередині нативної системи Shopify. Користувачі додають фінальний відредагований мурал відразу в кошик з усіма збереженими розмірами та параметрами, які автоматично передаються на бекенд.
- Адмін-панель для управління: На базі фреймворку Polaris ми розробили адміністративний інтерфейс, у якому команда ByHaleys може зручно керувати замовленнями, переглядати кастомізації клієнтів та відправляти їм прев'ю. Це суттєво оптимізувало операційні процеси компанії.
- Автоматична генерація PDF та транзакційні листи: Щойно клієнт завершує налаштування, система автоматично генерує PDF-документ із вибраним дизайном і надсилає його на email як комерційну пропозицію (Quote) або драфт замовлення. Це прискорює комунікацію та стимулює швидше закриття угод.
- Адаптивний дизайн (Responsive UI): Наше рішення бездоганно працює на десктопах, планшетах і мобільних пристроях. Mobile-first підхід забезпечує преміальний користувацький досвід, який відповідає високим стандартам бренду ByHaleys.
Поєднавши сучасні вебтехнології з потужностями Shopify, ми створили інтерактивний інструмент, який робить процес купівлі персоналізованих муралів зручним для клієнтів та ефективним для бізнесу. Новий магазин став цифровим продовженням мистецького бачення студії.
Технології та інструменти
Backend: Laravel, Shopify API
Frontend: JavaScript, React, Polaris, Shopify Liquid, HTML5, CSS3
Deployment: GitHub, Digital Ocean
Project Management: Jira, Slack, Google Workspace
Відгук клієнта про нас
"Уся команда продемонструвала винятковий професіоналізм. Вони з самого початку чітко зрозуміли наше бачення та бізнес-потреби.".
Дивіться повний відгук на Clutch
Richard Haley,
Co-Founder and Creative Director at Haley Studios Ltd.