ClickImage

Ефективна платформа електронної комерції SaaS для компаній і приватних осіб, щоб додавати хотспоти до зображень на своїх веб-сайтах

DevOps services
QA
Web Development

Опис проєкту

Загальновідома істина, що зображення варте тисячі слів. Просто дивлячись на кадр, людина легко і невимушено вловлює велику інформацію. Таким чином, гарячі точки стали одним із найважливіших інструментів для того, щоб зробити нерухомі зображення більш привабливими та інформативними. Наша команда створила високооперативну платформу SaaS, яка дозволяє користувачам додавати контекстні спливаючі вікна до необхідних зображень і відображати всі необхідні дані одним клацанням миші. Рішення складається з цільової сторінки, панелі адміністратора, SPA, серверного API та БД, аналізатора XML і модуля оновлення. Ми інтегрували платіжну та аналітичну системи в продукт. Також наші фахівці додали велику бібліотеку іконок.

Industry:	Ecommerce
Platforms:	Web
Role:	Software developer, IT consultant
Tech Stack:	React.js, JS, JQuery, HTML, CSS, PHP Laravel, AdminLTE

Представлення проблеми

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

Основні цілі:

Створити MVP за 3 місяці
Створити інформаційну цільову сторінку
Надати повну панель адміністратора
Впровадити канали покупок і аналітичні інструменти
Запровадити надійну систему оплати

Технічні виклики

Оскільки проект не був звичайною платформою електронної комерції з набором стандартних функцій, нам довелося впоратися з кількома проблемами. По-перше, завданням нашої команди було зробити так, щоб скрипт добре працював на будь-якому сайті. Це було досить складно, не маючи доступу до кожного веб-сайту електронної комерції в Інтернеті. Щоб вирішити цю проблему та забезпечити легке налагодження під час розробки сценарію, ми створили розширення для браузера, які додають тестовий сценарій на веб-сторінку відвідувача, що дозволяє нам тестувати наше рішення на десятках веб-сайтів. Крім того, вбудований скрипт не мав впливати на продуктивність веб-сайту та час завантаження. Щоб задовольнити цю вимогу, наші спеціалісти розробили складні алгоритми на основі даних, отриманих із монітора продуктивності, включеного в наші тестові розширення браузера, виконуючи всі необхідні обчислення. По-друге, наші дизайнери глибоко занурилися у світ векторних зображень, налаштувавши кольори, форми та непрозорість SVG. Крім того, ми створили спеціальне рішення для завантаження та аналізу XML-файлів каналів продуктів Google Shopping. Нарешті, цей продукт є різновидом кросплатформного та міжсервісного рішення. Тому нам довелося приділяти особливу увагу питанню інтеграції та відстежувати будь-які зміни та конфлікти. Наша команда додала продуману систему сповіщень, яка обробляє широкий спектр помилок. Незважаючи на всі труднощі, нам дуже сподобалося працювати над цим проектом і нам вдалося створити продукт преміум-класу за обмежений час.

Базова функціональність:

Конструктор зображень, який можна налаштувати
XML Parser
Реалізація одноразового скрипта
Підключення подачі продукту
Багатовимірний модуль підписки
Інтегрована система оплати
Великі можливості управління через панель адміністратора

Рішення

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

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

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