Сайт студии разработки игр для Roblox Hoorobes

Обновлено:
Сайты1.5 месяцаПерейти на сайт

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

Сайт студии разработки игр для Roblox Hoorobes

Задача

Студия разработки игр продаёт не готовый продукт с полки, а свою экспертизу и умение довести проект до релиза. Для команды, работающей под платформу Roblox, сайт — это первое касание с потенциальным заказчиком: по нему считывают уровень студии, её опыт и то, стоит ли доверять команде свою идею. Абстрактные обещания здесь не работают — убеждает не текст об услугах, а конкретные проекты, которые студия уже выпустила.

Отсюда главная задача проекта: выстроить сайт вокруг портфолио. Игровые проекты нужно показать так, чтобы посетитель сразу понял масштаб и разнообразие работ студии, а рядом с витриной — коротко и внятно объяснить, какие услуги команда оказывает и как строит процесс. Услуги без примеров звучат как слова, примеры без описания услуг оставляют вопросы — сайту нужен был баланс между тем и другим.

Замыкает всё форма заявки. Даже сильное портфолио не приносит результата, если заинтересованному посетителю трудно связаться со студией: длинная анкета, неочевидная кнопка или молчание после отправки обрывают контакт на самом важном шаге. Поэтому путь от «мне понравились работы» до «я оставил заявку на свой проект» должен быть коротким и предсказуемым.

Экспертизу нужно показать

Заказчик игры судит о студии не по словам, а по выпущенным проектам. Без наглядного портфолио команда выглядит для рынка как обещание, а не как исполнитель с подтверждённым опытом работы под Roblox.

Услуги без контекста

Список услуг сам по себе мало что говорит заказчику: непонятно, где заканчивается зона ответственности студии и как устроен процесс. Описание услуг нужно связать с реальными работами, иначе оно остаётся формальным перечислением.

Обрыв на форме заявки

Заинтересованный посетитель теряется, если форму заявки сложно найти, она перегружена полями или после отправки нет подтверждения. Каждый лишний шаг на этом этапе стоит студии обращения, которое уже почти состоялось.

Что делает система

Витрина игрового портфолио

Смысловое ядро сайта: подборка проектов студии, реализованных под Roblox. Каждый проект подан визуально — обложка, название и краткое описание, — чтобы посетитель за секунды считал масштаб и разнообразие работ. Витрина устроена так, что новые проекты добавляются из админки WordPress без вмешательства разработчика, и портфолио растёт вместе со студией.

Карточка проекта

Отдельная страница под каждую работу: детальное описание проекта, роль студии, задачи, которые команда решала, и визуальные материалы. Карточка превращает строку из списка в понятную историю — посетитель видит не просто название, а то, что именно студия сделала и с каким результатом. Именно здесь абстрактный «опыт» становится конкретным аргументом.

Блок услуг студии

Раздел, объясняющий, чем именно занимается студия: направления разработки под Roblox, зона ответственности команды, как строится сотрудничество. Услуги описаны без жаргона и связаны с портфолио, чтобы заказчик видел не абстрактный список, а подтверждённые примерами компетенции. Контент раздела редактируется через WordPress, поэтому студия обновляет предложение сама.

Форма заявки на проект

Главный конверсионный элемент сайта, собранный на Contact Form 7. Форма запрашивает только необходимый минимум, чтобы посетитель не бросил её на середине, и после отправки показывает подтверждение, а заявка уходит студии на почту. Поля проходят валидацию, а защита от спама отсекает автоматические отправки, чтобы команда получала живые обращения, а не мусор.

Главная страница-презентация

Первый экран, который задаёт впечатление о студии: кто команда, чем занимается и почему ей стоит доверить проект. Главная выстроена как маршрут — от короткого рассказа о студии к лучшим работам портфолио и услугам, а завершается призывом оставить заявку. Структура ведёт посетителя к целевому действию, не заставляя искать нужный раздел вручную.

Интерактив и анимации

Слой на JavaScript, оживляющий статичную вёрстку: плавные появления блоков при прокрутке, отклик карточек на наведение, аккуратные переходы между состояниями. Для сайта игровой студии живой интерфейс — часть послания: он показывает, что команда чувствует продукт и внимательна к деталям. Анимации выдержаны в меру, чтобы усиливать контент, а не отвлекать от него.

Адаптивная вёрстка

Сайт одинаково корректно работает на десктопе, планшете и смартфоне: сетка портфолио перестраивается под ширину экрана, форма заявки удобна для заполнения с телефона, изображения проектов не ломают вёрстку. Аудитория геймдева нередко смотрит студии со смартфона, поэтому мобильная версия проработана наравне с десктопной, а не по остаточному принципу.

Админка на WordPress

Панель управления контентом, через которую студия ведёт сайт без разработчика: добавляет и правит проекты в портфолио, обновляет описания услуг, редактирует тексты страниц. Кастомная тема связана с админкой так, что редактирование остаётся простым и не требует знания кода. Это делает сайт живым инструментом студии, а не разовой публикацией, которая быстро устаревает.

Технологический стек

WordPress

Основа сайта и система управления контентом. Для студии, которой важно самостоятельно вести портфолио и описания услуг, WordPress даёт понятную админку без участия разработчика. Зрелая экосистема, гибкая работа с типами контента и простое расширение функциональности позволили собрать проект в срок и оставить студии удобный инструмент для дальнейших обновлений сайта.

PHP

Серверный язык, на котором работает WordPress и его кастомная тема. На PHP реализованы шаблоны страниц, вывод портфолио из базы, обработка отправки формы заявки и служебная логика сайта. Выбор языка продиктован самой платформой: он даёт полный контроль над рендерингом страниц и надёжную серверную обработку данных, которую видит только сервер, а не браузер.

JavaScript

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

Contact Form 7

Проверенное решение для формы заявки на новый проект. Contact Form 7 берёт на себя валидацию полей, отправку заявок на почту студии, вывод подтверждения после отправки и защиту от спама. Плагин избавил от написания форм с нуля и дал студии возможность править поля и текст уведомлений прямо из админки WordPress, без обращения к разработчику.

Custom Theme

Кастомная тема вместо готового шаблона — чтобы у студии было собственное лицо, а не узнаваемый чужой дизайн. Своя тема даёт точный контроль над вёрсткой портфолио, страницами услуг и подачей проектов, связывает контент с админкой под конкретные задачи сайта и позволяет развивать его без борьбы с ограничениями чужого шаблона. Сайт выглядит как продукт студии, а не как один из тысяч похожих.

WordPressPHPJavaScriptContact Form 7Custom Theme

Как шла разработка

Структура и приоритеты

Готово

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

Дизайн под бренд

Готово

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

Кастомная тема

Готово

Собрали тему 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 акцента

портфолио, услуги и форма заявки

Вопросы о проекте

Обсудим похожий проект?

Расскажите о задачах вашего бизнеса — предложим архитектуру и оценим сроки

Посмотреть сайт