Розробка порталу для event-агентства під ключ

Ми часто бачимо у event-агентств одну й ту саму проблему: сайт перевантажений медіа, сторінки з портфоліо завантажуються 10+ секунд, клієнти йдуть, не дочекавшись. Портфоліо — головний інструмент продажів, але якщо воно гальмує, то шкодить бізнесу. Втрата лідів через повільне завантаження обходиться в мільйони недоотриманого доходу. Ми проєктуємо портали так, щоб галерея завантажувалася миттєво, а функціонал — калькулятор бюджету, особистий кабінет, інтеграція з CRM — приносив реальну користь. Наша розробка під ключ охоплює все: від аналітики до деплою. Типовий портал event-агентства включає портфоліо з фільтрацією, каталог послуг, форму заявки з бриф-анкетою. Ми додаємо калькулятор бюджету, який дозволяє клієнту прикинути вартість, та особистий кабінет для відстеження статусу. Завдяки оптимізації Core Web Vitals ми досягаємо LCP менше 2,5 секунд навіть з сотнями фотографій. Клієнти не чекають — вони гортають і заповнюють заявку. У цій статті розберемо, які технічні рішення ми застосовуємо для кожного з цих компонентів.

Які технічні проблеми вирішуємо

Важкі галереї. Сотні фотографій у високій роздільній здатності без ледачого завантаження та CDN — прямий шлях до низького LCP і втрачених лідів. Рішення: WebP, адаптивні зображення, lazy loading.

Складна форма заявки. Звичайна форма «ім'я-телефон» не підходить — потрібно зібрати бриф: тип події, кількість гостей, бюджет, дати. Без цього менеджери витрачають години на уточнення, що збільшує вартість обробки ліда.

Відсутність особистого кабінету. Клієнти після укладення договору хочуть бачити чек-листи, кошториси та статуси. Якщо цього немає — зростає навантаження на підтримку та операційні витрати.

Чому портфоліо — головний інструмент продажів event-агентства?

Портфоліо з фільтрацією за типом заходу, бюджетом і кількістю гостей — це вітрина, яка працює замість менеджера. Кожен проєкт повинен містити: завдання, рішення, кількість гостей, відгук. Картки відкриваються швидко завдяки SSR (Next.js) для статичних сторінок та ISR для оновлень.

Як прискорити завантаження галереї з сотнями фотографій?

Застосовуємо ледаче завантаження + CDN (Cloudflare). Порівняння: без оптимізації сторінка галереї завантажується 12 с, з ледачим завантаженням і WebP — 2.5 с. Додатково — попереднє завантаження наступної порції при скролі. Результати оптимізації:

Для налаштування CDN використовуємо Cloudflare Workers з оптимізацією зображень на льоту, кешування з TTL 30 днів та автоматичну конвертацію в WebP. Такий підхід гарантує швидке завантаження навіть при пікових навантаженнях.

Що дає особистий кабінет клієнта?

Особистий кабінет дозволяє клієнту бачити чек-листи, кошториси, статуси завдань та документи. Це знижує навантаження на підтримку та підвищує лояльність, особливо у корпоративних замовників. Ми реалізуємо його як окремий додаток на Next.js з JWT-аутентифікацією. В результаті економія на операційних витратах може сягати 30%.

Як ми розробляємо портал event-агентства

На одному з проєктів агентство з 50+ заходами на рік мало 200+ проєктів у портфоліо, кожен з 20–30 фото. Клієнт скаржився на гальма та просив особистий кабінет. Стек: Next.js 14 (SSR + ISR), Laravel 11 (PHP 8.3), PostgreSQL, Meilisearch, Docker. Для медіа — Cloudflare CDN. Реалізували каталог з фільтрацією, калькулятор бюджету на React Hook Form + Zod, форму заявки-брифа з відправкою в Bitrix24 через REST API.

«Сайт став працювати в 4 рази швидше, конверсія зросла на 35%» — директор агентства N. Вартість розробки окупилася швидко завдяки зниженню відмов і збільшенню кількості заявок.

Щоб досягти такого результату, достатньо спроєктувати архітектуру з розділенням на read-optimised сторінки та адміністративну панель, а для API використовувати REST з кешуванням.

Процес роботи

Що входить у роботу

• Повністю робочий портал з портфоліо, калькулятором, формою заявки, особистим кабінетом (опціонально).
• Інтеграція з CRM (Bitrix24, AmoCRM та ін.).
• Адміністративна панель для управління контентом.
• Документація з API та структури.
• Доступи до хостингу, CDN, репозиторію.
• Навчання команди (2–3 сесії).
• Підтримка протягом місяця після запуску.

Типові помилки при розробці event-сайтів

• Відсутність ледачого завантаження — галерея завантажує всі фото одразу. Наше рішення: IntersectionObserver + loading="lazy".
• Форма заявки без брифа — менеджери витрачають час на уточнення. Наше: анкета з валідацією та автозаповненням.
• Закритий доступ до фото — можна через тимчасові посилання з TTL.

Замовте розробку порталу, який продаватиме за вас. Зв'яжіться з нами, щоб отримати консультацію та попередню оцінку вашого проєкту за кілька днів. Наш досвід — багаторічна розробка для event-індустрії, реалізовано багато порталів.

Розробка корпоративних порталів та внутрішніх систем

Ми займаємося розробкою корпоративних порталів — CRM, ERP, LMS та Intranet. Кожен такий проект починається не з верстки лендінгу, а з того, як бізнес-правила ляжуть в архітектуру: хто бачить які дані, як синхронізуються 1С та облікова система, як 500 контактів перетворюються на 500 000 без падіння продуктивності. За 7 років ми реалізували понад 40 порталів для компаній з чисельністю від 50 до 5000 співробітників. Оцінимо ваш проект за два робочі дні — просто зв'яжіться з нами.

Як ми забезпечуємо якість архітектури?

Публічний сайт можна запустити без детального проектування — ітеративно виправляти за фідбеком. З корпоративним порталом так не працює: вартість виправлення архітектурних рішень після запуску на 200 користувачів неспівставно вища. Тому ми приділяємо 70% часу аналітиці та прототипуванню, а код пишемо тільки після узгодження рольової матриці та інтеграційної схеми.

Три зони, де найчастіше приймаються погані рішення, — модель прав доступу, продуктивність на великих даних та real-time оновлення.

Як побудувати рольову модель для 30 відділів?

Модель прав доступу. «Менеджер бачить тільки своїх клієнтів, керівник відділу — весь відділ, директор — всю компанію, але фінансові дані — тільки фінансовий директор і вище». Це не три ролі — це матриця з ролей, дозволів, організаційних одиниць та володіння записами. Якщо це реалізувати через if ($user->role === 'manager') в контролерах — через півроку код стане непідтримуваним.

Правильний підхід: Spatie Laravel Permission для базової рольової моделі + Policy класи для object-level permission (can('view', $deal) перевіряє не тільки роль, але й володіння). Для складних ієрархічних структур — ABAC (Attribute-Based Access Control) замість RBAC.

Продуктивність на великих даних. CRM з 500 000 контактів, фільтрація по 10 полях, сортування за активністю — це задача, де наївна реалізація видає 15-секундні запити. Composite indexes, денормалізація агрегатів (last_activity_at на самому записі замість MAX по зв'язаній таблиці), Elasticsearch для full-text пошуку по контактах.

Real-time оновлення. Декілька співробітників працюють з одним документом або задачею. Без WebSocket — постійні setInterval з polling кожні 5 секунд, зайве навантаження на сервер, затримка оновлень. Laravel Broadcasting + Pusher/Soketi або власний WebSocket сервер на Node.js — для сповіщень та змін у реальному часі.

CRM-системи

Типовий набір: контакти, компанії, угоди, активності, воронка продажів, звіти. Технічно це нескладно. Складність — в деталях.

Pipeline з кастомними стадіями. Кожна компанія хоче свою воронку. Стадії повинні бути налаштовуваними без деплою. Таблиця pipeline_stages з position, color, is_final, probability — і drag-and-drop для зміни порядку на UI (React DnD або dnd-kit).

Історія змін. Хто і коли змінив статус угоди, поміняв відповідального, додав нотатку. Audit log через Observer або spatie/laravel-activitylog. На UI — timeline з фільтрацією за типом активності.

Інтеграція з поштою. IMAP/SMTP для підключення корпоративної скриньки, автоматична прив'язка вхідних листів до контактів за email-адресою. Це надійно працює тільки при правильній обробці bounce, spam, авто-відповідей — потрібна фільтрація.

Чому ERP — не про код, а про дані?

ERP — це коли CRM, склад, виробництво, бухгалтерія та HR об'єднані в єдину систему. Повний ERP з нуля — рідкісна задача (зазвичай інтегруються з існуючими системами), але модульні системи під конкретний бізнес — регулярна.

Ключовий принцип: фінансові операції повинні бути незмінними. Не UPDATE orders SET status = 'cancelled' — а створення нового запису order_cancellations з посиланням на вихідне замовлення. Це принцип immutable ledger, який спрощує аудит та reconciliation.

Інтеграція з 1С — майже завжди частина ERP-проекту. Двостороння синхронізація: з 1С в портал (довідники, залишки, ціни) та з порталу в 1С (замовлення, документи). RabbitMQ як шина подій між системами надійніше прямого HTTP-взаємодії — у випадку недоступності 1С повідомлення чекають в черзі.

Як влаштовані LMS: платформи навчання

Learning Management System — це курси, модулі, уроки, тести, сертифікати, прогрес користувачів.

Відео-контент — найбільш навантажена частина LMS. Зберігати відео на власному сервері та віддавати через Nginx — погана ідея: дорого, повільно, немає адаптивного бітрейту. Правильно: завантаження в S3/Cloudflare R2, транскодування через AWS Elemental MediaConvert або Mux, HLS-плейлист для адаптивного стрімінгу через Video.js або Plyr.

Прогрес перегляду — через періодичне відправлення watch_position з фронтенду (кожні 10–30 секунд), зберігання в Redis з періодичною синхронізацією в PostgreSQL. Не зберігати кожну секунду в БД — це вб'є продуктивність.

SCORM-сумісність — якщо потрібна інтеграція з корпоративними тренінговими матеріалами. Окремий модуль, є готові бібліотеки (scorm-again).

Intranet та HR-портали

Корпоративний інтранет: новини, документи, оргструктура, HR-процеси (відпустки, заявки, KPI).

Оргструктура в базі даних — це ієрархічна структура. Adjacency list (parent_id на кожному записі) простий в реалізації, але повільний при рекурсивних запитах. Nested Sets або Closure Table швидше для читання ієрархії, складніше при змінах. В PostgreSQL — рекурсивні CTE (WITH RECURSIVE) з adjacency list — баланс між простотою та продуктивністю.

Погодження документів та заявок — workflow engine. Прості лінійні погодження (співробітник → менеджер → HR → бухгалтер) можна зробити без спеціального движка. Нелінійні (паралельні гілки, умовні переходи, делегування) — варто розглянути готові рішення: Temporal.io для workflow orchestration або власний скінченний автомат на базі патерну state-machine.

Що входить в роботу

При замовленні розробки корпоративного порталу ви отримуєте:

• Архітектурну документацію (ER-діаграми, схема інтеграцій, матриця ролей)
• Повний код в Git-репозиторії з CI/CD
• Доступи до інфраструктури (хостинг, бази даних, сховища)
• Навчання адміністраторів та ключових користувачів (2–3 сесії)
• Гарантійну підтримку на 3 місяці після запуску

Наші принципи проєктування спираються на офіційну документацію Laravel з авторизації (Policies) та рекомендації щодо роботи з чергами.

Технічний стек для порталів

Орієнтири за термінами

Вартість розраховується індивідуально після детальної аналітики вимог та рольової моделі. Щоб отримати попередню оцінку, напишіть нам — ми проаналізуємо вашу задачу та запропонуємо оптимальне рішення під ключ.