Розробка порталу для весільного агентства

При розробці порталу для весільного агентства ми стикалися з ситуаціями, коли сайт завантажувався більше 5 секунд через важкі фотографії в портфоліо — і пари просто йшли на сайти конкурентів. Проблема не лише в LCP: перевантажені галереї без lazy loading, відсутність CDN, неоптимізовані зображення — все це вбиває конверсію. Наш підхід: одразу проєктуємо архітектуру, де портфоліо завантажується асинхронно, а Core Web Vitals відповідають зеленій зоні. Плюс інтеграція форми заявки з перевіркою дати на зайнятість через кастомний REST API — жодних багів з «datepicker». Досвід 10+ років у веб-розробці та понад 50 проєктів для event-індустрії дозволяють нам гарантувати стабільність і швидкість.

Як уникнути проблем із продуктивністю сайту весільного агентства?

Основний біль — оптимізація зображень. Використовуємо srcset для адаптивних розмірів, WebP c fallback на JPEG, ліниве завантаження Intersection Observer. Для портфоліо — динамічний preload тільки видимих слайдів. Це знижує LCP на 40% і покращує INP. Для порівняння: WebP зменшує розмір файлу на 25–35% порівняно з JPEG, що в 1.5 рази покращує LCP — перший контакт із сайтом стає швидшим.

Що входить в особистий кабінет пари?

Після укладення договору пара отримує спільний доступ до персоналізованого простору. У ньому:

• Чек-ліст підготовки з дедлайнами та розподілом ролей. Можна відзначати виконані пункти — сповіщення партнеру.
• Мудборд для збору референсів: завантажуйте фото з Pinterest або вручну, агент отримує сповіщення.
• Бюджетна таблиця з автоматичним перерахунком залишку. Фактичні витрати — планові — дельта.
• Гостьовий список з контактами, статусом підтвердження, дієтичними вподобаннями.
• Таймлайн дня з drag-and-drop пересортуванням.

Усі дані синхронізуються через WebSocket — зміни видно миттєво.

Проблеми, які вирішуємо

Гальмівне портфоліо. Важкі JPEG без стиснення → повільне завантаження → втрата клієнтів. Рішення: WebP + adaptive images + CDN. Після впровадження цих оптимізацій середній час завантаження сторінки портфоліо скоротився на 40% (дані з останнього проєкту).

Форма заявки без валідації зайнятості дати. Пари бронюють уже зайняту дату → потім відміна та негатив. Реалізуємо кастомний REST-ендпоїнт із перевіркою в PostgreSQL.

Особистий кабінет — «коробковий» функціонал. Зробимо кастомізацію під процеси агентства: гнучка система статусів, інтеграція з Telegram-ботом для сповіщень.

Як ми це робимо

Стек: Next.js 14 на фронтенді (SSR для SEO сторінок портфоліо, ISR для блогу), Laravel 11 на бекенді (REST API, черги для обробки зображень). База даних — PostgreSQL, кеш — Redis, пошук — Meilisearch. Розгортаємо у Vercel + DigitalOcean. Приклад: нещодавно розробили портал для агентства з навантаженням 1000+ пар у сезон — середній час відповіді API < 50 мс.

Порівняння ефективності форматів зображень

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

1. Аналітика. Розбираємо поточні болі, метрики, план контенту.
2. Прототипування. Figma — узгоджуємо UX особистого кабінету та портфоліо.
3. Backend. Розробка API, інтеграція з календарем, система фільтрів.
4. Frontend. Адаптивна верстка, анімації, оптимізація зображень.
5. QA. Тестування на Core Web Vitals, юзабіліті-тести з реальними парами.
6. Деплой та підтримка. CI/CD через GitHub Actions, моніторинг Sentry.

Терміни орієнтовно

Базовий сайт (портфоліо, пакети, форма заявки) — 2–3 тижні. З особистим кабінетом і мудбордом — 6–10 тижнів. Точний термін оцінюємо після брифу.

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

• Розробка дизайн-системи в Figma.
• Міграція існуючих даних (фото, відгуки).
• Налаштування адмін-панелі для керування контентом.
• SEO-оптимізація: мета-теги, мікророзмітка, карта сайту.
• Навчання команди агентства роботі з кабінетами.
• Передача доступів, вихідників, документація по API.
• Підтримка 1 місяць після запуску.

Типові помилки при створенні сайту весільного агентства

• Ігнорування мобільної версії: 80% пар переглядають портфоліо зі смартфона.
• Немає фільтрації за стилем/місцем — клієнти витрачають час на пошук.
• Особистий кабінет без дедлайнів — пари забувають відзначати етапи.

Порівняння пакетів

Перевірте, як ваш поточний сайт справляється з навантаженням — замовте безкоштовний аудит Core Web Vitals. Отримайте консультацію по телефону або в Telegram. Напишіть нам для обговорення деталей.

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

Ми займаємося розробкою корпоративних порталів — 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) та рекомендації щодо роботи з чергами.

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

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

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