Зв'яжіться з нами
Picture It

Picture It

Shopify-додаток для AR та візуалізації у віртуальному шоурумі

 

Про клієнта

Надані послуги: Розробка та підтримка Shopify додатків

Callio - це продуктова компанія, яка розробляє та масштабує SaaS-додатки, поєднуючи інтуїтивний дизайн із високою зрілістю продуктів для створення цінності для користувачів.

Їхній флагманський додаток Picture IT допомагає покупцям візуалізувати витвори мистецтва, постери, вивіски та елементи декору безпосередньо у своєму інтер'єрі за допомогою віртуального шоуруму або доповненої реальності (AR). Продукт зосереджений на реалістичному рендерингу, точній масштабованості та зручному користувацькому досвіді як для продавців, так і для їхніх покупців.

Виклики для бізнесу

Компанії Callio був потрібен досвідчений технологічний партнер для постійної розробки та масштабування додатка без необхідності найму власної внутрішньої інженерної команди. У міру зростання Picture IT платформі знадобилася регулярна розробка нових фіч, оптимізація процесу онбордингу мерчантів та підсилення 3D/AR-функціоналу, що має стабільно працювати в межах технічних обмежень Shopify.

Ключовими пріоритетами клієнта були:

    • Впровадження нового функціоналу для залучення та утримання продавців мистецтва;

    • Оновлення ціноутворення та структури передплат (Pricing / Subscriptions);

    • Підтримка стабільності 3D/AR-інтеграцій без найму штатних вузькопрофільних спеціалістів;

    • Спрощення налаштування та конфігурації сервісу для продавців;

    • Впровадження інструментів маркетингової автоматизації та аналітики;

    • Забезпечення високої продуктивності для магазинів із великими каталогами товарів.

 

Формат партнерства

Callio залучила Grodas для постійної розробки та підтримки додатка. Ми надали Shopify-інженера з глибоким досвідом у 3D/AR, архітектурі додатка Shopify та оптимізації продуктів у Embedded iframe. Розробник працював напряму з Product Owner та став ключовим учасником формування Roadmap Picture IT. Завдання включали повну переробку онбордингу, підготовку додатка до модерації Shopify, впровадження маркетингових функцій та розширення AR-можливостей.

 

Рішення

Оновлення адмін-панелі та конфігурацій

Ми повністю рерозробили інтерфейс панелі управління Picture IT, зробивши його більш структурованим та зручним для мерчантів, які керують сотнями SKU. Це скоротило час налаштування та забезпечило стабільність роботи в магазинах за рахунок:

  • Оновленого UI для конфігурації товарів, глобальних налаштувань та управління підписками;

  • Гнучких налаштувань прев'ю: плоскі зображення, автообрамлення, кастомізація розмірів, стилів, освітлення та паспарту;

  • Єдиної логіки для категорій фонів, колекцій сцен та глобальних параметрів рендерингу.

3D та AR функціонал

Picture IT базується на точному 3D-рендерингу та плавних AR-інтеракціях. Ми підсилили цей функціонал, зробивши AR-прев'ю більш реалістичними та забезпечивши їх швидке завантаження у всіх браузерах завдяки:

  • Інтеграції з Three.js для генерації та рендерингу 2D і 3D моделей рам;

  • Окремому селектору рам із налаштуваннями стилю, кольору, освітлення, відблисків та параметрів полотна;

  • Стабільній роботі всередині Shopify Embedded iframe з урахуванням пісочничних обмежень (Sandbox constraints).

Інтеграції та автоматизація

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

  • Інтеграція з Loops: автоматичне створення, оновлення та видалення користувачів, тригерні email-ланцюжки та синхронізація статусів підписок;

  • Міграція з ScriptTag на App Embed: зменшення часу завантаження та можливість роботи з кількома сценаріями прев'ю без втрати продуктивності.

Технічна оптимізація та продуктивність

Ми оптимізували Picture IT для роботи з високонавантаженими Shopify-магазинами з великою кількістю товарів та варіантів:

  • Оптимізація бекенд-запитів для баз даних із важкими каталогами;

  • Зберігання моделей рам та сцен на AWS S3 із підтримкою прозорого фону;

  • Покращення сумісності із вбудованими мобільними браузерами (Instagram, Facebook), які генерують основний мобільний трафік.

Результати співпраці

Визнання від платформи

Picture IT отримав відзнаку "Built for Shopify", що підтверджує повну відповідність вимогам продуктивності, UX та технічним стандартам Shopify;

Зростання виручки

Дохід Picture IT виріс на 300% за час партнерства з Grodas, що підтверджує високу затребуваність рішення на ринку;

Висока задоволеність мерчантів

Додаток має оцінку 5.0 / 5.0 на основі 40+ відгуків;

Покращений UX

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

Автоматизація даних

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

Технології та інструменти

Backend: Ruby on Rails, PostgreSQL, GraphQL, AWS

Frontend: Vue.js, Three.js, Shopify Polaris, HTML5, CSS3

Shopify Integration: REST & GraphQL APIs, Web Pixel, Bulk Operations

Project Management: Notion, Slack

Version Control & Deployment: GitHub, AWS

 

Відгук клієнта про нас

«Їхнє розуміння екосистеми Shopify вражає... За ці місяці вони стали ключовою частиною нашої команди — допомагають із навчанням для нетехнічних спеціалістів та вибудували чітку систему комунікації з керівництвом».

Переглянути повний відгук на Clutch

Alex Le

CEO, Picture IT

 

 

Назад до Портфоліо проєктів