Alawar

Старый сайт Alawar, по словам заказчика, в полной мере не отражал всю деятельность компании, поэтому у нового было сразу несколько задач:

1. Рассказать о разработке мидкор и казуальных игр

2. Рассказать о паблишинге

3. Выигрышно преподнести сами игры

4. Рассказать о возможностях партнерства

5. Рассказать об HR-бренде

6. Закрыть потребности представителей игровой индустрии и СМИ (изучить информацию о компании и играх, скачать пресс-киты для презентации продукта)

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

— Плавные анимированные переходы между блоками с точной стыковкой элементов.

— Реализация адаптивности через верстку на REM’ах для идеального отображения на любых устройствах.

— Оптимизация скорости и плавности загрузки при сложной анимации.

— Настройка Laravel с админкой Orchid и быстрым редактированием контента по двойному клику.

Все видеоигры делятся на три типа.

1. Хардкорные — для тех, кто любит вызовы: сложные RPG, стратегии, экшены, где важны точность и реакция.

2. Мидкорные — баланс между интересом и доступностью, без лишней сложности.

3. Казуальные — лёгкие и интуитивные match-3, пасьянсы, фермы, в которые можно играть на ходу.

Каждый жанр живёт на своих платформах: хардкор и мидкор — в Steam и на консолях, казуальные — в Google Play, App Store и Big Fish Games.

Alawar выпускает игры на всех этих площадках — от Steam до мобильных. Поэтому новый сайт ничего не продаёт, а просто знакомит с играми, рассказывает о компании, её опыте и партнёрстве, а заодно помогает привлекать новых людей в команду.

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

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

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

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

На первом экране — не одна игра, а целая галерея, создающая эффект «ого, это всё сделал Alawar?!». Мы соединили ностальгию и современность, добавили таймлайн релизов и призыв предложить игру, где разработчиков встречает фирменный кот из Necrosmith.

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

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

А ещё спрятали пасхалку — 404-ю страницу. На ней оживает сцена из Beholder: взгляд из темноты, вспышка спички и рубильник, который погружает всё во мрак.

Дизайн у проекта — как лестницы в Хогвартсе: всё время меняет направление. Чтобы переходы между экранами были плавными, а загрузка — быстрой, пришлось придумать несколько нестандартных решений.

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

Адаптив добавил перца: классическая 12-колоночная сетка не справлялась, поэтому мы перешли на верстку в REM’ах. Так удалось сохранить пропорции и сделать сайт идеально плавным на любых устройствах — от широкоформатных мониторов до смартфонов.

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

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

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

Мы сделали не просто сайт о играх — мы сделали сайт, который сам играет с пользователем.