Корпоративный сайт студии разработки игр Friday’s Games

1. Вводная задача от заказчика, проблематика, цели

Заказчик — Friday's Games, студия разработки компьютерных игр из Новосибирска, основанная в 2007 году. Студия выпускает игры разных жанров, которые получают всероссийское и мировое признание.

Цель сайта — презентовать студию гейм-разработки для профессионалов в этой сфере. Сайт рассказывает о компании и вакансиях, демонстрирует проекты и офисную жизнь.

Целевая аудитория — гейм-дизайнеры и разработчики игр, менеджеры продукта, аналитики, маркетологи этой сферы.

• Срок разработки: 6 месяцев
• Ориентировочная стоимость подобного проекта: 950 000 рублей
• Команда: проектировщик, арт-директор, 2 дизайнера, моушн-дизайнер, 3 разработчика, менеджер проекта.

Проблема и задача

Friday’s Games позиционирует себя как одного из лидеров на рынке мобильных игр. Дизайн нового сайта должен работать на репутацию компании, увеличить интерес со стороны профессионалов гейм-разработки и привлечет новых сотрудников.

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

Дизайн сайта должен визуально отражать сущность Friday’s Games и ценности их команды. Ведь студия намерена через сайт привлекать специалистов с близким мировоззрением, готовностью вливаться в проекты, улучшать существующие и разрабатывать новые игры в стиле Friday’s.

2. Описание реализации кейса и творческого пути по поиску оптимального решения

Дизайн-концепция

Сотрудничество начали с разработки дизайн-концепции. Метазадача этого этапа — синхронизировать наши идеи с видением заказчика.

Итерация 1

Первая гипотеза при создании концепции была такая:

• Аудитории сайта интересно «подглядеть за процессом»: как отрисовывают персонажей, обсуждают проекты, тестируют игры.

Из этого родилась идея сделать фоном сайта видеоролики, демонстрирующие сотрудников за работой.

Навигацию по сайту обыграли иконками из брендбука: при скроле по страницам сайта точка в логотипе превращается в одну из иконок. Для большей эффектности иконки отрисовали в 3D. Под каждый раздел выбрали наиболее подходящую иконку и написали заголовок, связывающий иконку и суть раздела.

Заказчику понравился наш подход к работе и идеи. Студия выкупили эту концепцию, однако попросили переработать идею: сделать сайт более светлым и отказаться от иконок из брендбука.

Итерация 2

В первой концепции заказчику понравилась структура главной страницы и работа с типографикой — крупные заголовки на каждом экране. При этом они хотели визуально более воздушный сайт с использованием арта из их игр.

Во второй итерации мы презентовали несколько идей на основании комментариев к первой концепции.

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

Финальная концепция

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

Структуру главной страницы сформировали исходя из анализа, что может заинтересовать специалистов геймдева в работе. Это крупные проекты, известные в среде гейм-разработчиков, комфортабельный офис, условия работы и атмосфера в команде. Исходя из этого выделили разделы «Проекты», «О нас», «Вакансии» и «Контакты».

Типографику заголовка для каждого раздела дополнили персонажами из проектов Friday’s Games.

Больше об проектировании, структуре сайта, используемых технологиях читайте в нашем кейсе на сайте — https://atwinta.ru/material/projects/fridaysgames

3. Результаты сотрудничества

Результат и рекомендации

В результате получился сайт, который демонстрирует масштабность проектов студии и преимущества работы в их команде.

Такой сайт требует большого внимания к деталям и опытную команду не только дизайнеров, но и frontend-разработчиков, которые смогут воплотить все задумки: грамотно сверстают, настроят анимацию элементов, выверят все до пикселя.