ListingHub — Єдина платформа, яка допомагає бізнесам стати помітними онлайн

Єдина платформа, яка допомагає бізнесам стати помітними онлайн

Індустрія: Маркетинг та PR · Регіон: США · Тип співпраці: Довгострокова виділена команда

Вступне слово

Клієнт звернувся до нас із баченням закрити реальну прогалину на ринку малого та середнього бізнесу США: регіональні компанії без сайтів чи активної присутності в соцмережах практично невидимі онлайн. Замість того щоб створювати ще один каталог лістингів, наша співпраця була зосереджена на розробці єдиної B2B-платформи — єдиного місця, де власники бізнесу можуть керувати своєю інформацією, відгуками та репутацією в Google, Yext, Foursquare та інших каналах.

У межах довгострокової міждисциплінарної співпраці, що охопила UI/UX-дизайн, фронтенд, бекенд та DevOps, ми допомогли провести продукт від початкової концепції до хмарної платформи, яка підтримує десятки тисяч лістингів, мільйони пошукових запитів і пікові навантаження з високим трафіком — без втрати стабільності чи SEO-показників.

1. Огляд проєкту

2. Опис клієнта

3. Історія

Клієнт — маркетингова та PR-технологічна компанія зі США, яка допомагає малому та середньому бізнесу стати помітним онлайн. Їхня стратегія зростання будувалася навколо чіткої проблеми: у SMB без сайтів і сильної присутності в соцмережах дані про лістинги фрагментовані, відгуки розкидані по різних платформах, і немає реалістичного способу керувати репутацією без виділених технічних ресурсів.

Клієнт звернувся до нас у пошуках довгострокового технологічного партнера, який зміг би перетворити ідею — централізовану B2B-платформу для регіонального бізнесу США — на продукт промислового рівня. Наша роль почалася з дискавері та UX-дослідження, а згодом переросла у повне володіння стеком: UI/UX-дизайн, фронтенд, бекенд, DevOps, інтеграції зі сторонніми сервісами та інфраструктура.

Сьогодні платформа підтримує десятки тисяч лістингів, обробляє понад 70 000 щоденних завантажень сторінок і до 500 API-запитів на секунду, а профілі бізнесів Клієнта стабільно потрапляють у топ регіональної видачі Google — часто навіть для компаній, які не мають власного сайту.

4. Надані послуги

• Front-end розробка — бізнес-дашборд і публічні сторінки з SEO-оптимізованими шаблонами.
• Back-end розробка — модульні сервіси для пошуку, синхронізації, керування користувачами та інтеграцій.
• UI/UX-дизайн — інформаційна архітектура, вайрфрейми, адаптивна дизайн-система.
• DevOps-послуги — контейнеризація, CI/CD, хмарні операції, моніторинг.

Технології та інструменти

Склад команди

5. Вимоги та виклики

Коли Клієнт звернувся до нас, проблема була очевидною: малий бізнес без сайтів практично невидимий онлайн. Дані про лістинги фрагментовані, відгуки розкидані по різних платформах, а керування репутацією вимагає більше часу й технічних зусиль, ніж може дозволити собі більшість власників SMB. Щоб це вирішити, Клієнту потрібен був партнер, здатний перетворити ідею на робочий продукт і забезпечити його масштабованість. Ключові вимоги та виклики включали:

• SEO-орієнтована архітектура — розробка платформи спеціально для того, щоб допомогти регіональному бізнесу потрапляти в топ пошукової видачі за рахунок надійних SEO-практик — структурованих даних, швидкого рендерингу сторінок, внутрішньої перелінковки та зручної для пошуку інформаційної архітектури.
• Екосистема інтеграцій зі сторонніми сервісами — підключення платформи до таких сервісів, як Google Business Profile, Yext, Foursquare та Vendasta, для уніфікованого керування лістингами в різних каналах.
• Двигун оновлень у реальному часі — миттєва синхронізація оновлень на всіх підключених платформах для підтримки точної та узгодженої інформації про бізнес — навіть під час напливу синхронізацій зі сторонніх платформ.
• Інтуїтивний користувацький досвід — створення простого, адаптивного інтерфейсу, що дає власникам повний контроль над інформацією про їхній бізнес та відгуками клієнтів без потреби розбиратися в технічних деталях.

6. Як ми працюємо

Підхід до співпраці та процес

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

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

Відгук партнера

«Команда наших партнерів допомогла нам налаштуватися й впоратися з масштабом. Будучи величезним каталогом, ми привертаємо багато уваги ботів, які іноді призводять до падіння сайту. Наш проєктний менеджер завжди швидко реагував, навіть попри різницю в часі. Він чудово справлявся не лише з виявленням проблем, а й з пропонуванням рішень і достатньо швидким усуненням несправностей, щоб не вплинути на наших клієнтів. Мені завжди давали можливість ухвалити фінальне рішення перед впровадженням змін. Їхня команда була винятково якісною в комунікації вчасно й поясненні причин проблем, а також у пропозиції рішень. Це значно полегшило мою роботу».

— Директор, Клієнт (ім'я приховано згідно з NDA)

7. Покроковий хід проєкту

1. Дискавері та планування системи

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

2. Проєктування бекенд-архітектури та стратегії даних

Ми застосували модульний підхід до архітектури, розділивши основну функціональність — пошук, синхронізацію та керування користувачами — на незалежні сервіси, щоб покращити масштабованість і спростити подальшу розробку. Для підтримки зростаючих обсягів даних команда налаштувала шар даних PostgreSQL під великі обсяги та складні запити. Ми також переробили логіку повнотекстового пошуку, винісши вектори пошуку в окрему таблицю — скоротивши час відповіді на запит із 8+ секунд до менш ніж 2. Один критичний мікросервіс було переписано з Node.js на Java, а сторінку лістингу перебудовано на React і Next.js для покращення швидкості завантаження та рендерингу.

3. Реалізація фронтенду та публічного сайту

Команда фронтенду розробила інтерфейс з урахуванням двох різних аудиторій: бізнесів і кінцевих користувачів. Ми створили бізнес-дашборд на React, що дозволяє власникам керувати лістингами, відгуками та показниками ефективності в реальному часі. Дашборд також включає аналітичний модуль, що надає зрозумілі звіти про те, як користувачі знаходять лістинги та взаємодіють із ними — включно з показниками появи в пошуку, трендами залученості та ефективністю на платформах. Публічні сторінки спочатку розроблялися на AngularJS і були стратегічно вдосконалені для пошукової видимості за допомогою розмітки структурованих даних, інтеграції з Prerender.IO, автоматичної внутрішньої перелінковки та матеріалізованих подань для швидкої генерації сторінок. Ці покращення сприяли підвищенню позицій бізнес-профілів у регіональній пошуковій видачі.

4. Інтеграція та синхронізація лістингів

Ми побудували комплексний шар інтеграцій, що з'єднує Google Business Profile, Yext, Foursquare та Vendasta для безшовної синхронізації бізнес-інформації. Ми інтегрували Salesforce для CRM-процесів, створення лідів і керування підписками. Інструменти комунікації включали Twilio та SendGrid для сповіщень та залученості. Braintree обробляв транзакції. Ці зміни перевели систему від ручної обробки даних до повністю автоматизованих модулів синхронізації, що керують оновленнями без конфліктів.

5. Платежі та керування користувачами

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

6. Покращення хмарної інфраструктури

Ми еволюціонували інфраструктуру в розподілену мікросервісну архітектуру на Google Cloud. У межах цього переходу впровадили Docker і Kubernetes, додали автоматичне масштабування ресурсів та ізолювали середовища розробки, стейджингу й продакшену. Інфраструктура тепер обробляє понад 70 000 щоденних завантажень сторінок, 500 API-запитів на секунду та до 500 000 операцій читання на секунду під час пікового навантаження, підтримуваних оптимізаціями індексації PostgreSQL.

7. Моніторинг системи та стабільність

Протягом розробки наша команда пріоритизувала стабільність платформи за допомогою проактивного, напівавтоматизованого підходу, що мінімізує ручну роботу та забезпечує швидше реагування на інциденти. Моніторинг стану API в реальному часі за допомогою Runscope і SMS-сповіщень дозволяє швидко реагувати на збої в обслуговуванні. Cloudflare захищає від DDoS-атак, а Kubernetes автоматично масштабує ресурси під час сплесків трафіку. Без виділеної QA-команди продакшен залишається стабільним завдяки комплексному моніторингу в реальному часі, автоматизованим перевіркам і нагляду розробників.

8. Реалізована функціональність

• Виявлення бізнесів і SEO-оптимізація — завдяки вбудованим SEO-покращенням багато бізнес-профілів стабільно потрапляють у топ регіональної пошукової видачі Google, навіть для компаній без сайтів. Платформа підтримує повнотекстовий пошук серед понад 8 млн записів із фільтрами за категорією, регіоном і ключовими словами. Мікророзмітка Schema.org допомагає пошуковим системам краще розуміти та індексувати контент, а автоматична внутрішня перелінковка та матеріалізовані подання додатково підвищують видимість.
• Уніфіковане керування репутацією та присутність у реальному часі — власники бізнесу можуть керувати своєю присутністю на платформах на кшталт Google My Business, Yext, Foursquare та Vendasta з єдиного дашборду. Відгуки з кількох платформ агрегуються в одному інтерфейсі, де власники бізнесу можуть відстежувати тональність і відповідати напряму. Система синхронізує зміни в реальному часі, мінімізуючи розбіжності між сторонніми каталогами.
• Настроювані бізнес-профілі з інструментами контенту — профілі містять редаговані деталі, як-от послуги, години роботи, зображення, логотипи та способи оплати. Власники можуть публікувати промо-оновлення, запускати банерні кампанії з закликами до дії та вбудовувати свої профілі на зовнішні сайти за допомогою кастомних JS-віджетів. Кожен профіль розроблено з урахуванням мобільності та SEO-оптимізації.
• Керування підписками та рольовий доступ — платформа підтримує платні промо-функції через Braintree для безпечних і зручних транзакцій. Власники бізнесу можуть надавати рольовий доступ членам команди чи агентським партнерам для керування лістингами й кампаніями без передачі облікових даних.
• Вбудована відмовостійкість і моніторинг системи — моніторинг стану API в реальному часі через Runscope і SMS-сповіщення допомагає інженерам швидко реагувати на збої. Cloudflare захищає від потенційних DDoS-атак, а Kubernetes автоматично масштабує ресурси під час пікового трафіку. Навіть нетипові патерни навантаження, як-от напливи синхронізацій зі сторонніх платформ, обробляються без переривання обслуговування.

9. Результати проєкту

• Висока видимість без сайту — бізнеси посідають високі позиції в локальному пошуку та каталогах навіть без окремих сайтів завдяки глибокій SEO-оптимізації та внутрішній перелінковці серед понад 8 млн лістингів.
• Сильніша пошукова ефективність — лістинги регулярно потрапляють у топ-3 Google за локалізованими запитами завдяки розмітці schema, швидкому завантаженню сторінок і зручній для пошуку фронтенд-архітектурі.
• Ефективне керування — власники економлять час і зусилля, керуючи лістингами, відгуками та оновленнями з єдиного зручного дашборду.
• Широке охоплення — бізнеси покращують видимість, синхронізуючи лістинги з надійними платформами на кшталт Google My Business, Yext і Foursquare — досягаючи клієнтів там, де вони шукають.
• Покращена масштабованість і стабільність — хмарна інфраструктура впевнено витримує трафік понад 70 000 завантажень сторінок на день і до 500 API-запитів на секунду з автоматичним масштабуванням під сплески.
• Комплексна аналітика — зрозумілі звіти допомагають власникам бізнесу розуміти, як клієнти знаходять лістинги та взаємодіють із ними, що дозволяє ухвалювати обґрунтованіші рішення на основі даних.

10. AI-Native підхід Engain

ListingHub розроблено й підтримується за допомогою AI-native моделі доставки Engain. Досвід старших інженерів поєднується з оркестрацією AI-агентів так, що 20% зусиль спрямовується на основну розробку, а 80% — на автоматизоване, кероване ШІ обслуговування, що радикально знижує операційні витрати без втрати якості результату.

11. Часова шкала проєкту

Кейс | ListingHub | Конфіденційно