Мы собрали сайт для студии Hoorobes — команды полного цикла, которая делает игры для платформы Roblox. Задача была подать студию через её работы: показать портфолио реализованных проектов, понятно описать услуги и дать заказчику удобный путь к старту нового проекта через форму заявки. Витрину собрали на WordPress с кастомной темой, серверную логику форм — на PHP и Contact Form 7, интерактив — на JavaScript. Получился сдержанный сайт-визитка, где проекты студии работают на доверие к команде.

Студия разработки игр продаёт не готовый продукт с полки, а свою экспертизу и умение довести проект до релиза. Для команды, работающей под платформу Roblox, сайт — это первое касание с потенциальным заказчиком: по нему считывают уровень студии, её опыт и то, стоит ли доверять команде свою идею. Абстрактные обещания здесь не работают — убеждает не текст об услугах, а конкретные проекты, которые студия уже выпустила.
Отсюда главная задача проекта: выстроить сайт вокруг портфолио. Игровые проекты нужно показать так, чтобы посетитель сразу понял масштаб и разнообразие работ студии, а рядом с витриной — коротко и внятно объяснить, какие услуги команда оказывает и как строит процесс. Услуги без примеров звучат как слова, примеры без описания услуг оставляют вопросы — сайту нужен был баланс между тем и другим.
Замыкает всё форма заявки. Даже сильное портфолио не приносит результата, если заинтересованному посетителю трудно связаться со студией: длинная анкета, неочевидная кнопка или молчание после отправки обрывают контакт на самом важном шаге. Поэтому путь от «мне понравились работы» до «я оставил заявку на свой проект» должен быть коротким и предсказуемым.
Заказчик игры судит о студии не по словам, а по выпущенным проектам. Без наглядного портфолио команда выглядит для рынка как обещание, а не как исполнитель с подтверждённым опытом работы под Roblox.
Список услуг сам по себе мало что говорит заказчику: непонятно, где заканчивается зона ответственности студии и как устроен процесс. Описание услуг нужно связать с реальными работами, иначе оно остаётся формальным перечислением.
Заинтересованный посетитель теряется, если форму заявки сложно найти, она перегружена полями или после отправки нет подтверждения. Каждый лишний шаг на этом этапе стоит студии обращения, которое уже почти состоялось.
Смысловое ядро сайта: подборка проектов студии, реализованных под Roblox. Каждый проект подан визуально — обложка, название и краткое описание, — чтобы посетитель за секунды считал масштаб и разнообразие работ. Витрина устроена так, что новые проекты добавляются из админки WordPress без вмешательства разработчика, и портфолио растёт вместе со студией.
Отдельная страница под каждую работу: детальное описание проекта, роль студии, задачи, которые команда решала, и визуальные материалы. Карточка превращает строку из списка в понятную историю — посетитель видит не просто название, а то, что именно студия сделала и с каким результатом. Именно здесь абстрактный «опыт» становится конкретным аргументом.
Раздел, объясняющий, чем именно занимается студия: направления разработки под Roblox, зона ответственности команды, как строится сотрудничество. Услуги описаны без жаргона и связаны с портфолио, чтобы заказчик видел не абстрактный список, а подтверждённые примерами компетенции. Контент раздела редактируется через WordPress, поэтому студия обновляет предложение сама.
Главный конверсионный элемент сайта, собранный на Contact Form 7. Форма запрашивает только необходимый минимум, чтобы посетитель не бросил её на середине, и после отправки показывает подтверждение, а заявка уходит студии на почту. Поля проходят валидацию, а защита от спама отсекает автоматические отправки, чтобы команда получала живые обращения, а не мусор.
Первый экран, который задаёт впечатление о студии: кто команда, чем занимается и почему ей стоит доверить проект. Главная выстроена как маршрут — от короткого рассказа о студии к лучшим работам портфолио и услугам, а завершается призывом оставить заявку. Структура ведёт посетителя к целевому действию, не заставляя искать нужный раздел вручную.
Слой на JavaScript, оживляющий статичную вёрстку: плавные появления блоков при прокрутке, отклик карточек на наведение, аккуратные переходы между состояниями. Для сайта игровой студии живой интерфейс — часть послания: он показывает, что команда чувствует продукт и внимательна к деталям. Анимации выдержаны в меру, чтобы усиливать контент, а не отвлекать от него.
Сайт одинаково корректно работает на десктопе, планшете и смартфоне: сетка портфолио перестраивается под ширину экрана, форма заявки удобна для заполнения с телефона, изображения проектов не ломают вёрстку. Аудитория геймдева нередко смотрит студии со смартфона, поэтому мобильная версия проработана наравне с десктопной, а не по остаточному принципу.
Панель управления контентом, через которую студия ведёт сайт без разработчика: добавляет и правит проекты в портфолио, обновляет описания услуг, редактирует тексты страниц. Кастомная тема связана с админкой так, что редактирование остаётся простым и не требует знания кода. Это делает сайт живым инструментом студии, а не разовой публикацией, которая быстро устаревает.
Основа сайта и система управления контентом. Для студии, которой важно самостоятельно вести портфолио и описания услуг, WordPress даёт понятную админку без участия разработчика. Зрелая экосистема, гибкая работа с типами контента и простое расширение функциональности позволили собрать проект в срок и оставить студии удобный инструмент для дальнейших обновлений сайта.
Серверный язык, на котором работает WordPress и его кастомная тема. На PHP реализованы шаблоны страниц, вывод портфолио из базы, обработка отправки формы заявки и служебная логика сайта. Выбор языка продиктован самой платформой: он даёт полный контроль над рендерингом страниц и надёжную серверную обработку данных, которую видит только сервер, а не браузер.
Отвечает за интерактив на стороне браузера: анимации появления блоков при прокрутке, отклик элементов портфолио на действия пользователя, поведение формы заявки. JavaScript оживляет статичные страницы и делает сайт студии игрового направления динамичным, не перегружая его. Логика написана аккуратно, чтобы интерфейс оставался быстрым и предсказуемым на любых устройствах.
Проверенное решение для формы заявки на новый проект. Contact Form 7 берёт на себя валидацию полей, отправку заявок на почту студии, вывод подтверждения после отправки и защиту от спама. Плагин избавил от написания форм с нуля и дал студии возможность править поля и текст уведомлений прямо из админки WordPress, без обращения к разработчику.
Кастомная тема вместо готового шаблона — чтобы у студии было собственное лицо, а не узнаваемый чужой дизайн. Своя тема даёт точный контроль над вёрсткой портфолио, страницами услуг и подачей проектов, связывает контент с админкой под конкретные задачи сайта и позволяет развивать его без борьбы с ограничениями чужого шаблона. Сайт выглядит как продукт студии, а не как один из тысяч похожих.
Отправной точкой стала карта сайта: какие разделы нужны студии и в каком порядке ведут посетителя. Договорились, что портфолио — центр композиции, услуги его поддерживают, а форма заявки собирает результат. Эта иерархия определила и навигацию, и вес каждой страницы в общей структуре.
Отрисовали макеты страниц под визуальный язык студии: подачу игрового портфолио, ритм блоков, типографику и акценты на призывах к действию. Дизайн проверяли на ключевых сценариях — как посетитель попадает от главной к проекту и к форме, чтобы путь читался интуитивно ещё до вёрстки.
Собрали тему WordPress с нуля под утверждённые макеты: шаблоны страниц на PHP, типы контента для портфолио и услуг, вывод проектов из базы. Уже на этом этапе студия могла добавлять работы через админку, а мы наращивали остальную функциональность вокруг готового каркаса контента.
Настроили форму заявки на Contact Form 7: набор полей, валидацию, отправку на почту, подтверждение и защиту от спама. Параллельно оживили интерфейс на JavaScript — появления блоков, отклик карточек, плавные переходы, — следя, чтобы анимации помогали восприятию, а не отвлекали от контента.
Загрузили проекты в портфолио, оформили карточки, выверили тексты услуг вместе со студией. Отдельно прошли сайт на планшете и смартфоне: перестроили сетку портфолио, проверили удобство формы с телефона, убедились, что изображения проектов не ломают вёрстку на узких экранах.
Перед публикацией прогнали сайт по браузерам и устройствам, проверили доходимость заявок до почты студии и корректность подтверждений. Передали команде доступы и короткую инструкцию по ведению портфолио. Через 1.5 месяца после старта проект был опубликован и доступен по адресу hoorobes.com.
У студии Hoorobes появился сайт, построенный вокруг её сильной стороны — реальных проектов под Roblox. Портфолио стало ядром витрины: посетитель сразу видит масштаб и разнообразие работ, а карточки проектов превращают абстрактный опыт в конкретные аргументы. Описание услуг связано с примерами, а короткая форма заявки на Contact Form 7 даёт заинтересованному заказчику предсказуемый путь к первому обращению. Проект выпущен за 1.5 месяца и работает на живом домене hoorobes.com.
Технически сайт остаётся инструментом самой студии, а не разовой публикацией: кастомная тема на WordPress связана с админкой так, что команда сама добавляет проекты, правит услуги и тексты без разработчика. Адаптивная вёрстка одинаково держит десктоп и смартфон, а форма заявки защищена от спама и доводит обращения до почты. Для нас это типовая, отработанная схема сайта-витрины услуг: понятная студии в поддержке и готовая расти вместе с её портфолио.
1.5 месяца
от старта проекта до публикации сайта
WordPress
кастомная тема с редактированием из админки
Roblox
профильная платформа проектов студии
3 акцента
портфолио, услуги и форма заявки
Расскажите о задачах вашего бизнеса — предложим архитектуру и оценим сроки
Телеграмм
Делимся визуально привлекательными фрагментами наших последних веб-проектов.
ВКонтакте
Пишем о интересных технических решениях и вызовах в разработке.
MAX
Демонстрируем дизайнерские элементы наших веб-проектов.
TenChat
Деловые связи, кейсы и экспертные публикации.
Рассылка
© 2025-2026 МАЙПЛ. Все права защищены.