AISDR
Сайт AI-продукту для створення та керування рекламними розсилками.
Про проєкт
AISDR — корпоративний сайт продукту, який підвищує ефективність рекламних розсилок за допомогою інструментів штучного інтелекту. Платформа дозволяє отримувати детальну статистику по розсилках і сприяє налагодженню контактів із провідними світовими брендами, такими як Netflix, Cisco, Disney та Gucci.
Цілі проєкту
Основною метою було створення сайту для представлення продукту на ринку, демонстрації його можливостей і функцій, а також забезпечення швидкого запуску ресурсу з високою продуктивністю та зручним управлінням контентом.
Виклики та завдання:
Вибір оптимальної системи для реалізації функціоналу
Необхідно було обрати платформу, яка б підтримувала всі необхідні функції продукту та забезпечувала стабільність при великих обсягах даних.
Надання рекомендацій щодо архітектури та функціоналу
Клієнт потребував консультацій з архітектури сайту та реалізації складних функціональних можливостей.
Швидкий запуск сайту
Проєкт вимагав оперативної розробки та запуску для якнайшвидшого виходу на ринок.
Завдання для нашої команди:
Забезпечення високої швидкості завантаження
Досягти високих показників продуктивності на сервісах оцінки, таких як Google PageSpeed Insights.
Розробка зручної адміністративної панелі
Створити адмінку за методом конструктора для легкого управління контентом.
Реалізація кастомного функціоналу
Впровадити специфічні функції, такі як інтеграція з HubSpot, кастомний калькулятор і фільтрація кейсів.
UX/UI дизайн:
Дизайн-платформа для проєкту була надана клієнтом. Наша команда доповнила її, створивши кілька нових сторінок та екранів у стилі основного інтерфейсу. Це дало змогу адаптувати продукт під нові сценарії використання без втрати візуальної узгодженості.
Використані технології:
Проєкт реалізовано на базі CMS WordPress із використанням мови програмування PHP, що забезпечує гнучкість у розробці та легкість у подальшій підтримці сайту. Веб-сервер Apache у поєднанні з базою даних MySQL гарантує стабільну роботу та надійне зберігання даних.
Для верстки застосовувалися стандартні вебтехнології — HTML та CSS, а динамічність і візуальну привабливість інтерфейсу було досягнуто за допомогою JavaScript та SVG-анімацій. Усі компоненти інтегрувались із урахуванням вимог до швидкодії та адаптивності, що дозволило створити зручний інтерфейс як для користувачів, так і для адміністратора сайту.
Функціональні можливості сайту:
Інтерактивні інструменти та контент
-
01
Інтеграція з Hubspot. Реалізовано форми зворотного зв’язку та запису на демопрезентацію, з автоматичною обробкою заявок у CRM.
-
02
Фільтрований контент у розділах. Реалізовані блог, відео та гайди з можливістю сортування за тегами та швидким пошуком без перезавантаження сторінки.
-
03
Калькулятор вартості. Створено кастомний модуль для прорахунку вартості продукту в залежності від обраних параметрів.
Автоматизація та управління даними
-
01
Розділ “AI Case Studies”. Кейси використання платформи з можливістю фільтрації по індустріях, ефектах та цілях, реалізовані у форматі інтерактивної стрічки.
-
02
База даних компаній. Автоматична генерація понад 5000 сторінок з інформацією про компанії на основі JSON-файлів, з вбудованими фільтрами та системою пошуку.
Результати:
Функціональна адміністративна система
Розроблено зручну адмінку за методом конструктора, яка дозволяє самостійно створювати та редагувати сторінки без залучення розробників.
Висока продуктивність при великих обсягах даних
Оптимізовано швидкість роботи сайту. Це забезпечує стабільну обробку великих обсягів даних і високі оцінки на сервісах перевірки продуктивності.
Складні анімаційні рішення
Впроваджено JavaScript та SVG-анімації, які відповідають наданому дизайну та підвищують візуальну привабливість ресурсу.
-
Front-end розробник
-
Back-end розробник
-
QA
-
PM
