Дизайн — Разминка

🌅Неделю готовился к собеседованию и решил вместо портфолио принести то, как я работаю: четыре живых лендинга на продукт компании. 🔫Контекст На первом созвоне команда Xsolla показала драфт Xsolla Gas. Это предоплаченный пакет комиссий за перемещение внутриигровых предметов: один Gas равен одному действию, будь то обмен, подарок или передача. Пакеты по 50, 300 и 1000 действий, статус в профиле Xsolla ID, баланс в инвентаре. Механика понятная, но на странице комиссия оставалась абстракцией. Красивый шар в герое ничего не объяснял, а пакеты, статус и инвентарь жили отдельными блоками. Задачу я сформулировал так: продукт не трогаем, ищем, как сделать невидимую комиссию ощутимой. 👠Три метафоры 🎧Картридж. Gas как технический расходник: купил, вставил, тратишь. Этот лендинг построен на их текущем прототипе: та же структура, новая подача. Объясняет механику точно, но уходит в железо и не показывает мир предметов. 📺Игровой кейс. Gas как коллекционный объект. Три пакета стали тремя разными кейсами со своим силуэтом, а при скролле кейс собирается из деталей с пружинной физикой. Появляется желание купить, но кейс начинает перетягивать внимание с самих предметов. 💊Archive. Продолжение новой айдентики Xsolla от Pentagram: бесконечный архив, где предметы хранятся в прозрачных витринах с ID-этикетками. Здесь герой это предмет, а Gas становится сервисом вокруг него. Мне этот вариант ближе всего: он опирается на язык, который бренд уже создал для всей экосистемы, а не придумывает новый. Во всех трёх один и тот же сценарий: выбрать пакет, войти через Xsolla ID, тратить Gas на действия с предметами. Так можно сравнивать идеи, а не случайные картинки. Детали, которые делают продукт живым Объект работает как интерфейс. Тратишь Gas, и он физически тускнеет. Пополняешь, и разгорается снова. Баланс видно без цифр. Персонаж Sol из новой айдентики получил работу в регистрации. Он следит за вводом почты, реагирует на каждое действие, замечает ошибку в email и радуется после отправки. Маленькая эмоция в самом скучном месте продукта. Всё кликабельно: пакеты, трата Gas, анимации, попапы. Сверху я собрал четвёртый лендинг, кейс, который объясняет логику решений и ведёт в три прототипа. Как собрано ♦️ Код писал с Claude итерациями: прототип, скриншот, правка. Каждый лендинг это один HTML-файл. Рендеры генерировал в GPT по промтам с фиксацией геометрии, чтобы объект держал форму во всех ракурсах. Потом Claude резал их на слои, чтобы каждую часть можно было анимировать отдельно: левитацию, сборку, поворот за курсором. Без разработчика. Первая рабочая версия появилась за один день, всё целиком заняло неделю. Собеседование в итоге отменили в тот же день, поэтому я просто отправил команде ссылку. Работа от этого не стала хуже. Что я из этого вынес Прототип убеждает сильнее презентации. Когда можно нажать и увидеть реакцию, разговор сразу идёт о продукте, а не о картинках. Сначала механика, потом стиль. Три визуальных направления на одном сценарии позволяют сравнивать идеи, а не вкусы. Арт-директор сегодня может довести идею до живого состояния сам. Это меняет скорость команды больше, чем любой новый инструмент Кейс целиком: https://www.seifrinat.com/xsolla-gas открыт к проектам/продуктам/командам 😊