This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.
ClickImage
Ефективна платформа електронної комерції SaaS для компаній і приватних осіб, щоб додавати хотспоти до зображень на своїх веб-сайтах
- DevOps services
- QA
- Web Development
![ClickImage](https://spaceit.tech/wp-content/uploads/2023/03/Group-482564-13-2.png)
Опис проєкту
Загальновідома істина, що зображення варте тисячі слів. Просто дивлячись на кадр, людина легко і невимушено вловлює велику інформацію. Таким чином, гарячі точки стали одним із найважливіших інструментів для того, щоб зробити нерухомі зображення більш привабливими та інформативними. Наша команда створила високооперативну платформу SaaS, яка дозволяє користувачам додавати контекстні спливаючі вікна до необхідних зображень і відображати всі необхідні дані одним клацанням миші. Рішення складається з цільової сторінки, панелі адміністратора, SPA, серверного API та БД, аналізатора XML і модуля оновлення. Ми інтегрували платіжну та аналітичну системи в продукт. Також наші фахівці додали велику бібліотеку іконок.
Industry: | Ecommerce |
Platforms: | Web |
Role: | Software developer, IT consultant |
Tech Stack: | React.js, JS, JQuery, HTML, CSS, PHP Laravel, AdminLTE |
![](https://spaceit.tech/wp-content/uploads/2023/03/ЭКСПОРТ_-1920-x-720-11-2.png)
Представлення проблеми
Наш клієнт є засновником провідної платформи для затвердження банерів. Він прийшов до нас з ідеєю створити адаптивну веб-програму, яка збільшить продажі та автоматизує маркетингову діяльність різноманітних веб-сайтів електронної комерції, починаючи від блогу магазину й закінчуючи величезними торговими майданчиками. Його головна мета полягала в тому, щоб надати компаніям комплексне рішення, яке заохочує взаємодію з клієнтами та залучення клієнтів шляхом додавання настроюваних точок доступу (для Інтернету) або кранів (для мобільних пристроїв) до будь-якого зображення та швидкого надання будь-якої цінної інформації, включаючи канал продукту та рекламні відео.
Основні цілі:
- Створити MVP за 3 місяці
- Створити інформаційну цільову сторінку
- Надати повну панель адміністратора
- Впровадити канали покупок і аналітичні інструменти
- Запровадити надійну систему оплати
![Технічні виклики](https://spaceit.tech/wp-content/uploads/2023/03/ЭКСПОРТ_-705-x-640-7-3.png)
Технічні виклики
Оскільки проект не був звичайною платформою електронної комерції з набором стандартних функцій, нам довелося впоратися з кількома проблемами. По-перше, завданням нашої команди було зробити так, щоб скрипт добре працював на будь-якому сайті. Це було досить складно, не маючи доступу до кожного веб-сайту електронної комерції в Інтернеті. Щоб вирішити цю проблему та забезпечити легке налагодження під час розробки сценарію, ми створили розширення для браузера, які додають тестовий сценарій на веб-сторінку відвідувача, що дозволяє нам тестувати наше рішення на десятках веб-сайтів. Крім того, вбудований скрипт не мав впливати на продуктивність веб-сайту та час завантаження. Щоб задовольнити цю вимогу, наші спеціалісти розробили складні алгоритми на основі даних, отриманих із монітора продуктивності, включеного в наші тестові розширення браузера, виконуючи всі необхідні обчислення. По-друге, наші дизайнери глибоко занурилися у світ векторних зображень, налаштувавши кольори, форми та непрозорість SVG. Крім того, ми створили спеціальне рішення для завантаження та аналізу XML-файлів каналів продуктів Google Shopping. Нарешті, цей продукт є різновидом кросплатформного та міжсервісного рішення. Тому нам довелося приділяти особливу увагу питанню інтеграції та відстежувати будь-які зміни та конфлікти. Наша команда додала продуману систему сповіщень, яка обробляє широкий спектр помилок. Незважаючи на всі труднощі, нам дуже сподобалося працювати над цим проектом і нам вдалося створити продукт преміум-класу за обмежений час.
Базова функціональність:
- Конструктор зображень, який можна налаштувати
- XML Parser
- Реалізація одноразового скрипта
- Підключення подачі продукту
- Багатовимірний модуль підписки
- Інтегрована система оплати
- Великі можливості управління через панель адміністратора
![Базова функціональність:](https://spaceit.tech/wp-content/uploads/2023/03/ЭКСПОРТ_-1920-x-721-2.png)
Рішення
Наша команда розробила унікальну та надійну веб-програму, щоб допомогти компаніям електронної комерції та окремим особам збільшити їхні продажі та автоматизувати заходи з просування. Вони можуть створювати гарячі точки, розміщувати їх безпосередньо на зображеннях, налаштовувати їх, заповнювати всю необхідну інформацію про певний продукт, додавати членів команди або передавати право власності на обліковий запис, додавати посилання на канал продуктів Google тощо.
Ми надали користувачам безпечне рішення, яке дозволяє їм самостійно налаштовувати сценарій, не побоюючись витоку даних. Залежність від бібліотеки значків FontAwesome служить джерелом простих значків для гарячих точок. Крім того, наші фахівці представили серверну та хмарну інфраструктуру, яка ставить у чергу XML-канали, аналізує їх, виконує заплановані оновлення та повідомляє про помилки, якщо такі є.
Нарешті, наша система підписки полегшує моніторинг процесу перевищення лімітів плану підписки шляхом сповіщення користувачів. У разі відсутності реакції з їхнього боку він просто призупиняє синхронізацію для XML і інформує клієнтів, коли її призупинено. Структура панелі адміністратора є прозорою та дозволяє адміністраторам переглядати, редагувати, створювати та видаляти плани підписки безпосередньо в основному інструменті адміністрування платформи, а не переходити на панель інструментів платіжного шлюзу.
Результат
- Ефективний і зручний веб-додаток
- Просте у використанні створення хотспотів
- Можливість створення шаблонів
- Настроювані підказки та гарячі точки
- Модуль оновлення для запланованих дій і повідомлень
- Інтеграція з Chargebee і каналом продуктів Google
- Впровадження GTM і GA
- Інфраструктура AWS
- Зручна та функціональна адмінпанель для користувачів, команд і планів підписки
- Інформативна цільова сторінка