Продуктова та дизайнерська команда

Старий сайт звертався до гравців.
Його замовники підписують шестизначні контракти.

Whimsy Games створює ігри для мобільних пристроїв, ПК і консолей для видавців, засновників та брендів. Ми оновили сайт — від головної до сімдесяти сторінок послуг і брифу, — щоб він виглядав як студія та спілкувався як партнер.

На чому побудований новий сайт

маршрути з першого екрана
2
сторінок послуг у п’яти групах
70 сторінок у 5
до оцінки обсягу та вартості
48 h

Новий сайт у розробці · початок заповнення брифів і запити на оцінку відстежуватимуться після запуску

Нова головна Whimsy Games у п’яти шарах: перший екран із єнотом-ведучим, послуги, процес розробки, бриф і футер.

Сервіс

UX/UI-дизайн та CRO

Переглянути сервіс

Нова головна по шарах: перший екран, послуги, процес розробки, бриф і футер — частини одного сценарію прокрутки.

Клієнт
Whimsy Games
Промисловість
Розробка ігор · B2B-послуги

Клієнт

Ігрова студія повного циклу зі сотнею випущених ігор

Whimsy Games створює ігри для мобільних пристроїв, ПК і консолей та ігрову графіку: повні проєкти, графічне виробництво, спільну розробку й підтримку після запуску — для видавців, студій, засновників і брендів.

років в ігровій індустрії
8+
випущених ігор
100+
клієнтів
89
фахівців у команді
75
Про що нас просили
Сайт для нових пропозицій студії. Аудит пропозиції щойно уточнив, хто купує послуги та чому студія втрачала найкращі угоди.
сторінки
Головна, проєкти, портфоліо, кейси, сімдесят сторінок послуг, про студію, команда, блог, кар’єра, контакти, FAQ, пошук і сторінка 404.
Платформи
Десктопна версія на 1440. Головна, меню, послуги, кейс і бриф також опрацьовані на 390.
Коротко, зі слів клієнта

«Уникайте всього простого, типового чи шаблонного».

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

З чого ми почали

Старий сайт грав не в ту гру.

whimsygames.co до редизайну, знімок чинного сайту в жовтні 2026 року.

  1. Геймерська мова для замовників: «Без очікування респавну». «Легендарні результати без спустошення скрині зі скарбами». Весело писати, але марно для засновника, який порівнює три студії.

  2. Вісімнадцять проєктів в одній каруселі. Тому, хто шукав 3D-персонажів або казуальну мобільну гру, доводилося гортати й здогадуватися.

  3. «Отримати оцінку» — лише форма та кнопка. Ніде не пояснювалося, що буде далі й коли.

Стара головна whimsygames.co: фіолетовий мультяшний світ, «Ми створюємо виняткові ігри», жовті кнопки «Готові почати?» і «Портфоліо» та чотири блоки з цифрами.
До: стара головна — фіолетовий мультяшний світ із жовтими кнопками. Дружня, але зверталася до гравців, а не продюсерів і засновників, які підписують контракти.

Що показали угоди

Угоди втрачали не через ціну

Паралельно з редизайном проводився аудит пропозиції: дзвінки з клієнтами та історія виграних і втрачених угод. Дві закономірності постійно коштували студії найкращих проєктів — і обидві мав вирішувати сайт.

Доказ досвіду в ніші

Замовник гоночної гри обере студію, яка показує десять автомобілів, а не сотню різнорідних карток. Сайт має відповідати на запитання «ви вже робили таке?» за два кліки.

Швидкість оцінки

Найдетальніші оцінки готувалися найдовше, а тривала тиша коштувала найкращих угод. Кнопці «Отримати оцінку» бракувало конкретної обіцянки й терміну.

Хто купує

Два замовники, які говорять різними словами

Один шукає партнера для втілення ідеї, інший — бізнес-результат. Сайт перестав зводити їх до одного усередненого повідомлення.

Основний

Візіонер

Засновник, який відчуває гру краще, ніж може її описати. Відбирає кілька студій і обирає ту, яка розуміє задум.

Потребує
Партнера, який збереже відчуття ідеї, та вартості, відомої до початку роботи.
Його словами
«Якщо гра змушує вас усміхатися, коли ви її відкриваєте, — для нас це успіх».
Відповів
Маршрут 01 «У мене є ідея гри» на сторінці послуг, а далі — проєкти за жанром і напрямом роботи.
Другий маршрут

Власник бізнесу

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

Потребує
Результату без необхідності ставати експертом з ігор і ціни, яка не змінюється.
Його словами
«Ми хочемо перетворити нашу аудиторію на дохід».
Відповів
Маршрут 02 «Мені потрібна гра для бізнесу», діапазони бюджету в брифі та відповідь протягом одного робочого дня.
Нова сторінка послуг: «У нас немає однієї пропозиції для всіх. Оберіть свою», з маршрутом 01 «У мене є ідея гри» та маршрутом 02 «Мені потрібна гра для бізнесу».
Сторінка послуг «У нас немає однієї пропозиції»: маршрут 01 для засновників з ідеєю, маршрут 02 — для бізнесів. На сторінці контактів спершу те саме запитання, тож бриф запитує лише важливе для кожного.

Тон комунікації

Гра живе у формі,
а не в тексті.

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

Старий і новий тон комунікації whimsygames.co
Старий тон · whimsygames.coНовий тон
Без очікування респавну. Ми швидкі й завжди готові почати гру!Ми дотримуємося погодженої дати.
Великим мріям потрібні цифри! Натискайте «Отримати оцінку».48 годин до оцінки обсягу та вартості.
Отримайте легендарні результати, не спустошуючи скриню зі скарбами.Створено для платформи, а не портовано на неї.
Кожен проєкт проходить наш чемпіонський QA. Жодних багів!Команда залишається після запуску.

Головна сторінка

Чотири блоки, на яких тримається головна

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

  • Блок головної «Що саме ми робимо»: картка послуги «Ігрова графіка та анімація» над каркасним ландшафтом.
    Послуги · один напрям за раз
  • Блок головної «Кейси»: відкрита панель «Стислі терміни: 3D-персонажі за 4 тижні» та чотири закриті панелі поруч.
    Кейси · результат на кожній панелі
  • Блок головної «Рушії та інструменти»: Unity, Unreal Engine, серверні рішення та ШІ-інструменти навколо окулярів зі світінням.
    Рушії та інструменти · технології навколо одного об’єкта
  • Блок головної «Маєте гру на думці? Надішліть бриф»: перший крок брифу з типом проєкту та діапазонами бюджету.
    Бриф · два кроки, бюджет відомий одразу

Сторінка за сторінкою

П’ять запитань замовника до першого дзвінка

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

  1. [ 01 ] Хто ви і чи випускаєте готові ігри?

    додому
    Перший екран нової головної: «Ми створюємо ігри, які видавці довіряють нам випускати», єнот-ведучий у костюмі, 8+ років, 89 клієнтів, 100+ ігор та логотипи партнерів.

    Що змінилося

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

    Що відстежуватимемо після запуску

    Перший екран → проєкти

  2. [ 02 ] Ви вже робили подібне?

    Проєкти та портфоліо
    Перший екран нової сторінки проєктів: «Проєкти з розробки ігор» над ізометричною сценою, цифри студії та фільтри: усі 31, повний цикл 9, лише графіка 14, спільна розробка 5, підтримка 3.

    Що змінилося

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

    Що відстежуватимемо після запуску

    Використання фільтра → сторінка проєкту

  3. [ 03 ] Як пройшов проєкт, схожий на мій?

    Сторінки кейсів
    Блок кейсу «Як це створювали»: п’ять етапів від дослідження до підтримки, смуги пропорційні тривалості, склад команди над кожною та шлях одного об’єкта від ескізу до рушія.

    Що змінилося

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

    Що відстежуватимемо після запуску

    Сторінка кейсу → бриф

  4. [ 04 ] Ви створюєте ігри мого типу?

    Послуги та меню
    Відкрите меню: шість розділів ліворуч, п’ять груп послуг із кількістю сторінок посередині та кожна платформна послуга за один клік.

    Що змінилося

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

    Що відстежуватимемо після запуску

    Меню → сторінка послуги

  5. [ 05 ] Скільки це коштуватиме й коли буде готове?

    Бриф
    Бриф на телефоні у три екрани: ім’я, мета, тип проєкту та бюджет; електронна пошта, телефон і згода на NDA; «Дякуємо — ваш бриф отримано».

    Що змінилося

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

    Що відстежуватимемо після запуску

    Початок брифу → надсилання

Решта сайту — за єдиними правилами

Про студію, блог, кар’єра, FAQ, конфіденційність, 404 та сторінки за кожним запитанням вище. Ті самі плашки, дужки й типографіка.

  • Перший екран сторінки про студію
  • Перший екран портфоліо
  • Перший екран статті блогу
  • Перший екран послуги розробки ігор для iOS
  • Перший екран кейсу
  • Перший екран блогу
  • Перший екран сторінки кар’єри
  • Перший екран сторінки автора блогу
  • Перший екран каталогу послуг
  • Блок кейсу: бриф до та після
  • Перший екран FAQ
  • Перший екран проєкту
  • Перший екран контактів
  • Сторінка 404: «Цього рівня не існує»
  • Перший екран вакансії
  • Перший екран категорії послуг «Розробка мобільних ігор»

Як це виглядає

Грайливо за формою.
Серйозно щодо угод.

Система побудована на одній формі: плашці з нижнім правим кутом, зрізаним під 45°. Її використовують картки, кнопки, поля, фільтри й меню — з одним вогняним акцентом і кутовими дужками на перших екранах. Жодного заокругленого кута.

Побудова зрізу під 45°: C = 40 у картках, 18–24 у панелях і меню, 12–14 у кнопках і мітках; компоненти у масштабі 1:1: кнопки, бейджі, фільтри, поля, картка проєкту й кутові дужки.
Побудова зрізу та компоненти у масштабі 1:1. Змінюється лише розмір зрізу: 40 у картках, 18–24 у панелях і меню, 12–14 у кнопках і мітках.

Єнот зберіг свою роботу

Він уже був маскотом студії — пласким мультяшним персонажем на фіолетовому тлі. Тепер отримав костюм, реалістичне світло й роль на кожній сторінці.

  • Старий маскот: мультяшні єноти на фіолетовому логотипі WG.

    Раніше

    Наліпка

    Плаский, на старому фірмовому фіолетовому.

  • Єнот у костюмі малює за столом.

    Послуги

    Художник

    За столом на картці ігрової графіки.

  • Єнот у сонцезахисних окулярах, крупний план.

    Перший екран послуг

    Перемовник

    Поруч із пропозицією оцінки за 48 годин.

  • Єнот слухає, спершись підборіддям на руку.

    FAQ

    Слухач

    Поруч із запитаннями замовників.

  • Єнот усміхається та вказує вперед.

    Футер

    Завершальний акцент

    Вказує на «Зв’язатися» на кожній сторінці.

Мобільна версія

Для великого пальця, а не зменшений десктоп

Сім макетів на 390: головна, меню, послуги, кейс і три екрани брифу. Кожен блок перемальований для користування однією рукою, а не стиснутий із десктопної сітки.

  • Мобільна головна: «Що саме ми робимо» з карткою ігрової графіки та анімації.
    Головна · послуги по одній картці
  • Мобільна головна: «Від концепції до живої гри», процес як вертикальна послідовність.
    Головна · процес як послідовність
  • Мобільні послуги: «У нас немає однієї пропозиції» з двома маршрутами.
    Послуги · два маршрути
  • Мобільний кейс: «Як це створювали», один етап у рядку.
    Кейс · послідовність розробки

Ігри не змінилися. Сайт перестав продавати їх гравцям і почав продавати студію тим, хто підписує контракти.

Що змінилося

Два маршрути з першого екрана, сімдесят сторінок послуг у п’яти групах, вісім напрямів для фільтрації робіт, оцінка за 48 годин, понад двадцять шаблонів і сім мобільних макетів.

Те, що ми залишили в спокої

Усі чинні сторінки послуг зберегли назви та URL. Єнот залишився маскотом студії, але отримав костюм і роботу.

Що б ми робили далі

Сайт у розробці. Після запуску відстежуватимемо початок і надсилання брифів, вибрані маршрути та час до першої відповіді.

Інші проєкти

Перший крок – це завжди розмова

Заповніть форму сьогодні та отримайте відповідь протягом 1 години. Якщо ми пропустимо це вікно, ви отримаєте безкоштовний аудит продукту або розробку концепції від DizArm.

0/5000
Бюджет* (необов'язково)
0/5000
дякую! Ваше звернення отримано!
Ой! Під час надсилання форми сталася помилка.

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

Богдан Лищенко
[Генеральний директор] DizArm.Creative
hello.dizarm@gmail.com