Alawar

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

Alawar — известный разработчик и издатель видеоигр, представленных на Steam, App Store, Google Play и других платформах. Старый сайт не отражал масштабов их деятельности, а также не решал важные задачи:

• показать компанию как паблишера и девелопера;
• презентовать игры визуально выигрышно;
• рассказать о партнёрских возможностях;
• продвинуть HR-бренд;
• собрать всё необходимое для представителей медиа и гейм-индустрии;
• сделать это всё на английском языке для международной аудитории.

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

Аналитика

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

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

Дизайн

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

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

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

Верстка

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

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

Разработка

Сайт собран на Laravel с админкой Orchid. Благодаря этому контент-менеджеры могут легко управлять структурой и быстро редактировать контент — в том числе через двойной клик по элементам (как в Битриксе). Разработка шла в параллели со сборкой, по классическим Scrum-спринтам. С заказчиком работалось на одной волне — без лишних согласований и проволочек: ребята в теме и отлично понимают терминологию.

А ещё мы сделали:

— Детальные страницы игр с темным фоном, сквозной навигацией и залипательными скриншотами;

— Идеальную 404-страницу с атмосферной сценой из Beholder;

— Блок «Предложи игру» с анимированным котом-маскотом из Necrosmith.

Итог — сайт, который не просто рассказывает об Alawar, а вызывает у пользователей ту самую ностальгию, передаёт дух компании и работает как на HR-бренд, так и на партнёрский поиск.

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

• Заказчик выбрал более смелую альтернативную версию дизайна.
• Сайт стал узнаваемой точкой входа для игроков, разработчиков и партнёров.
• Улучшилось восприятие HR-бренда и паблишера Alawar.
• Интерактивная и адаптивная верстка обеспечивает идеальное отображение на всех устройствах.
• Проект получил эмоциональную глубину и визуальную силу, которую оценили и заказчик, и пользователи.