Разбор лендинга: RWS

          Это официальный сайт независимой студии видеоигр Running With Scissors, ставшей известной благодаря своей культовой серии игр Postal. Сайт представляет собой лендинг-платформу, ориентированную на демонстрацию продукции студии, включая игры, мерч и медиа-контент.  

Attention

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

Interest

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

Desire

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

Action

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

Мы не верим в «решения», которые наказывают честных пользователей и усложняют жизнь геймерам с ограниченным бюджетом.

Вот почему все игры #POSTAL распространяются без DRM.

Короче... #FuckDRM(защиты авторских прав)

UI/UX

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

Что хорошо в лендинге с точки зрения frontend'a(и js)?

Сайт грузится быстро, несмотря на наличие изображений, видео и анимаций.

Чёткий уровень между заголовками и контентом.

Мелкие элементы(кнопки, ссылки) визуально отделены и хорошо читаемы.

Адаптивная сетка. Остается удобным при масштабировании окна и не ломается при его сужении.

Чёткая цветовая палитра.

Есть плавные анимации(и ховеры).

Так же видео встроены в блоки веб-сайта, нет необходимости покидать страницу.