Розробка корпоративного сайту для ігрової студії Boolat Play

67

Boolat Play — українська геймдев-компанія зі значним портфоліо успішних ігор, які залучають мільйони гравців по всьому світу. Студія працює над казуальними проєктами, що зберігають актуальність роками завдяки продуманому геймдизайну та підтримці. У 2020 році компанія стала частиною міжнародного холдингу Playrix, що посилило вимоги до публічного іміджу, HR-комунікацій та якості цифрових продуктів.

Старий сайт Boolat не відповідав новому рівню бренду: структура була перевантажена, контент — нерівномірний, а кар’єрний розділ не закривав потреби HR-команди. Тому перед Promodex поставили завдання створити оновлений корпоративний сайт, який одночасно працюватиме як вітрина студії, кар’єрний портал і PR-майданчик.

Задачі проєкту

Основною метою стало створення лаконічного, але функціонального сайту, який буде зрозумілим для різних аудиторій: геймерів, кандидатів та потенційних партнерів.

  • Розробити корпоративний сайт у впізнаваному стилі Boolat/Playrix з легким та зрозумілим інтерфейсом.
  • Сформувати чітку структуру сторінок: про компанію, напрямки роботи, вакансії, новини, контакти.
  • Забезпечити зручну подачу вакансій із можливістю швидкої відправки резюме в один-два кліки.
  • Інтегрувати новинний розділ для PR-матеріалів, анонсів релізів та внутрішніх ініціатив студії.
  • Оптимізувати сайт під SEO та створити базову семантичну структуру для подальшого просування.
  • Забезпечити повну адаптивність ресурсу для мобільних, планшетних і десктопних пристроїв.

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

Дизайн, UX та ключові екрани

Робота над сайтом почалася з аналізу геймдев-ринку й конкурентних студій, а також з опитування HR-відділу та керівництва Boolat. На основі цих даних команда Promodex сформувала інформаційну архітектуру та UX-сценарії, після чого перейшла до візуальної концепції в стилі Playrix/Boolat: багато білого простору, акцентний фіолетовий, м’які градієнти та яскраві ілюстрації персонажів.

Головний екран та бренд-меседж

Перший екран сайту знайомить користувача з місією студії — створювати найкращі ігри для мільйонів гравців. На сторінці поєднано великий заголовок, короткий опис та яскраві візуали з фірмовим персонажем на фоні українського прапора і банером #StandWithUkraine. Це одразу задає емоційний тон, демонструє цінності компанії та її позицію щодо підтримки України.

головний екран із меседжем «We create the best games for millions of players» та двома великими ілюстраціями — персонаж у стилі Boolat на фоні прапора України і банер «#Stand With Ukraine». Унизу розміщена кнопка «Learn more about us», яка веде до розділу про компанію

Кар’єрні напрями та ролі в студії

Щоб швидко показати, кого саме шукає компанія, ми винесли блок із основними напрямками роботи: Development, Animation, Game Design, QA, Management. Кожен напрямок оформлений у вигляді окремої картки з фотографією робочого процесу. Блок працює як візуальний навігатор для кандидатів і підкреслює широту експертизи студії.

екран «Find yourself in Boolat Play» показує сітку з п’яти карток — Development, Animation, Game Design, QA, Management. На кожній картці — фото людей у процесі роботи та підпис напряму, що візуально пояснює структуру команди й мотивує перейти до кар’єрного розділу

Переваги роботи в Boolat Play

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

блок «We offer» демонструє шість колонок з іконками та заголовками — Health care, Official registration, Free time, Education, Comfort, Recreation. Під кожною іконкою — лаконічний опис, який пояснює, що саме отримує співробітник при приєднанні до команди

Кар’єрний блок «Create new universes»

Щоб підсилити HR-повідомлення, на одній із секцій ми розмістили великий банер із закликом «Create new universes» та кнопкою «Join our team». Фонова фотографія робочої зустрічі команди передає атмосферу студії, а простий текст робить акцент на можливості створювати нові ігрові світи разом із Boolat.

екран «Create new universes» містить великий банер з фото команди за робочим столом, лаконічний заголовок зліва та кнопку «Join our team». Цей екран використовується як фінальний тригер для відправки резюме

Новинний блок та живий бренд

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

екран «Follow the news» складається з чотирьох кольорових карток — ілюстрації до ігор, внутрішніх подій і плитка «More news». Блок показує, що бренд живий, оновлюється і регулярно ділиться новинами

Аудиторія сайту

Сайт Boolat Play створювався не тільки як візитівка студії, але і як робочий інструмент для різних категорій відвідувачів.

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

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

Результати впровадження

Після запуску оновленого сайту Boolat Play отримала сучасний digital-майданчик, який підтримує HR-процеси, PR-активності та презентацію бренду на міжнародному рівні.

  • Розроблено адаптивний сайт із чистим інтерфейсом, який легко масштабувати під нові розділи та кампанії.
  • Створено блок вакансій із простим сценарієм подачі резюме, що зменшує бар’єр для кандидатів.
  • Інтегровано новинний розділ, у якому PR-команда самостійно публікує матеріали про ігри та життя студії.
  • Оптимізовано базову SEO-структуру, що підвищує видимість бренду в пошуку за профільними запитами.
  • Сформовано цілісний, впізнаваний образ студії Boolat Play у digital-середовищі, який відповідає стандартам холдингу Playrix.

Новий сайт став для Boolat не просто «візитівкою», а робочим інструментом, який допомагає залучати таланти, підтримувати контакт із гравцями та посилювати партнерські комунікації.

Технічна реалізація та технології

Технічна реалізація сайту була побудована на сучасному стеку з акцентом на продуктивності та масштабованості. Адмін-частина дозволяє команді Boolat самостійно оновлювати контент, створювати нові сторінки та керувати новинами без залучення розробників.

  • CMS / фреймворк: Laravel
  • Front-end: HTML5, CSS3, Bootstrap, адаптивна верстка
  • Back-end: PHP (Laravel), MySQL
  • JavaScript: jQuery та кастомні скрипти для форм і інтерактивних блоків
  • SEO: структуровані URL, мета-теги, оптимізовані зображення
  • Безпека: HTTPS, контроль прав доступу, валідація форм
  • Тестування: юзабіліті-тести, перевірка продуктивності та адаптивності на основних пристроях і браузерах
  • Підтримка: технічне обслуговування, базова SEO-оптимізація, консалтинг щодо подальшого розвитку сайту

У проєкті брала участь команда з 7 фахівців: менеджер проєкту, бізнес-аналітик, маркетолог, UI/UX-дизайнер, front-end та back-end розробники, QA-спеціаліст. Спільними зусиллями ми створили онлайн-платформу, яка відображає креативність Boolat Play та готова до подальшого росту разом із брендом.

Поділитися
Бажаєте замовити розробку сайту?
Заходьте до нашого online каталогу Веб-студій та вибирайте партнера за рядом критеріїв: бал, портфоліо, відгуки, кейси та статті. Або організуйте тендер в даному каталозі, вибравши компанії, що вам сподобалися.
Підписка на розсилку
Отримуйте один лист на тиждень із найважливішими новинами.
КОМПАНІЯ:
Promodex
ДОДАНО:
29-11-2024
Перейти на сайт
Дізнатись ціну на розробку сайтів у:
Bug