9:30 am
Відкрити в Telegram
seifrinat.com👋 я Ринат, дизайнер арт-директор, помогаю бренду быть норм 9:30 это живая лента дизайнера и автора этого канала: каждый день скрины дня у артдира/аи дизайнера https://lnkd.in/d2uzV9Ds Дизайн — Разминки лидами и не только
Показати більше824
Підписники
Немає даних24 години
+37 днів
+7430 днів
Архів дописів
824
получилось убрать пластик из пробки, чтобы пробка была пробкой, также поработал над крышкой
824
🌅Неделю готовился к собеседованию и решил вместо портфолио принести то, как я работаю: четыре живых лендинга на продукт компании.
🔫Контекст
На первом созвоне команда 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
открыт к проектам/продуктам/командам 😊
824
Repost from Дизайн — Разминка
🤓 Дизайн—Разминка №103
🟣 Контекст
открываешь сервисы VK и ловишь перегруз. иконки в разнобой: у каждой свой стиль, своё скругление, свой кричащий цвет. ниже Overview из разнородных виджетов, ещё ниже лента промо-карточек, где фотосток, иллюстрации и скрины игр свалены вместе. всё одинаково громкое, а значит глазу негде зацепиться
🟣 Задача
наведи порядок в этом экране, продуктово, а не просто перекрась
собери иконки в единую систему, выстрой иерархию, разгреби визуальный шум
реши что здесь главное, что второстепенно, что вообще лишнее на первом экране
🟣 Правила
это остаётся VK, узнаваемость сохраняем: синий, логика сервисов, состав не выдумываем
можно менять всё остальное: сетку, стиль иконок, цвет, плотность, порядок блоков
работаем с реальным экраном со скринов, не рисуем абстрактную менюшку
🟣 Фокус
думай как продуктовый дизайнер: что убрать, что сгруппировать, куда вести взгляд
единая визуальная система вместо зоопарка
покажи до/после и объясни что поменял и почему стало спокойнее
🟣 Результат
1-2 экрана до/после + короткий коммент
за прототип или анимацию респектос
🟣 Время
⏱ 60 минут
🟣 Дедлайн
до воскресенья 11 октября
Система реакций
ты демократ или автократ ↓
☺️🤡🕊☮☮
Система реакций — это не лайки, это позиция.
Обсуждение: t.me/Designwarmups_chat
Сайт designwarmups.com
#103_ДизайнРазминка
824
Иконки разные, шапка перегружена, цвета жесть, просто вырви глаз, продуктово и графически полный шлак
824
🚄Второй подход к концепту логотипа
И заодно еще один тест нового формата коммуникации с клиентом.
Я записал видео с объяснением концепта, а дальше с помощью нейросети адаптировал его для клиента. Сразу сказал, что видео сделано с использованием AI. Для меня тут важно не пытаться это скрывать, а наоборот проверить, как такой формат вообще работает в реальном проекте.
Как опыт, работает.
Но пока, конечно, такая коммуникация скорее усложняет процесс. Нужно записать материал, адаптировать, проверить интонацию, смысл, подачу. При этом мне намного интереснее даже не сама технология, а то, как клиент воспринимает такой способ общения.
Мы уже привыкли обсуждать, как AI меняет сам процесс дизайна. Но нейрокоммуникация, кажется, может так же сильно поменять то, как мы работаем с клиентами и командами.
Пока для меня это вообще неизученная территория. Как воспринимается такое видео? Не появляется ли дистанция? Или наоборот, такой формат помогает быстрее донести идею?
Посмотрим, что эта технология сможет предложить через 1-2 года.
А про реакцию клиента и то, насколько это реально работает в коммуникации, расскажу позже
824
https://www.youtube.com/watch?v=p1eMJRkOyGQ&t=130s 9к просмотров, кто не успел глянуть воскресенье для этого самое то, покажу какой пайплайн, в прямом эфире делал анимацию, 3д, постеры
824
салют, что-то новое в линкидин теперь можно добавлять соавтора, или типа отметить коллегу. норм тема, но хотелось бы внедрение больших фичей 😏
824
+9
💕😵Пилю сейчас новый кейс в портфолио и в процессе довольно глубоко закопался в новую айдентику Xsolla от Pentagram😵😵
У них очень прикольно собран Xsolla Archive - вымышленное бесконечное пространство, в котором хранятся игровые предметы, награды, коллектаблы и вообще «все вещи». В центре системы Sol - персонаж, который помогает пользователю перемещаться по этому миру. При этом Pentagram построили вокруг Archive не просто набор красивых картинок, а довольно жёсткую визуальную систему: каталожные лейблы, taxonomy, прозрачные боксы, индустриальные объекты, единый язык интерфейсов и 3D. Pentagram
Мне стало интересно не повторить один конкретный рендер, а разобрать, за счёт чего вся эта система вообще выглядит одной системой.
Смотрел на пропорции прозрачных витрин и оснований, положение объекта внутри, толщину рамок, характер металла и стекла, камеру, структуру лейблов, количество воздуха вокруг предмета и даже на то, какого размера Sol должен быть относительно всей сцены
После этого собрал универсальный prompt-workflow, в котором сам объект можно менять почти на что угодно, а остальная система остаётся стабильной
В итоге через один подход прогнал очень разные типы объектов: шлемы, токены, катану, crate, брелок, персонажа/эмот и другие игровые артефакты. Самая интересная задача здесь была не «сделать похожую 3D-картинку», а добиться того, чтобы разные по форме вещи выглядели так, будто они реально лежат в одном и том же Archive, сняты одной камерой, на одном оборудовании и принадлежат одной продуктовой системе
И вот это мне как раз больше всего нравится в работе с генерацией сейчас: когда промпт перестаёт быть одноразовым описанием картинки и становится почти маленьким design system для генерации.
Сам кейс Pentagram тут:
Xsolla × Pentagram
Из этого эксперимента у меня дальше вырос уже полноценный продуктовый кейс, но про него отдельно ✝️
824
+8
😃как я подхожу к генерации, когда продукт реальный и расхождений быть не должно
в разговоре с командой Avride зашла тема генерации их робота. ребята говорили, что без расхождений с железом не получается, и что окружение нейронкой сейчас не сделать. предложил сделать свой тест
потратил около 3 часов, только открытые источники: референсы взял с сайта Avride, больше у меня ничего не было 👇
🟣 на входе 3 референса: три четверти, спереди, сбоку
🟣 на выходе 4 сцены: двор, крыльцо с доставкой, город днём, ночной город
🟣 экран с глазами, лидар, флажок, логотип и колёса держатся во всех кадрах
🟣 накладывал свою генерацию на скрин сайта Avride и сверял, расхождения минимальные
бонусом попробовал 360, видео в комментах. баги есть, но окружение делать можно, а дело времени, когда полигоны в нейронках заработают отлично
открыт к проектной работе:
🟣 AI-визуалы и key visual для реальных продуктов без расхождений с оригиналом
🟣серии портретов и постеров в единой стилистике
🟣 айдентика и бренд-системы
🟣 настройка AI-пайплайна под команду или проект
поработать вместе через seifrinat.com824
Repost from N/a
Hector Gachan 🎧
Today I want to tell you about Hector Gachan. I really love his music
Hector is a songwriter and producer. His story is a little unusual. He grew up in two very different places: Sarajevo in Bosnia and Sydney in Australia. The Balkans and the other side of the world.
Now he lives in Edinburgh, Scotland. So one person, three countries, and you can hear all of it in his songs.
His music is soft, warm bedroom pop. He makes it in a simple DIY way. His songs are often about missing home and feeling alone, but they still feel light and happy
His first album, Untitled '91, came out in 2017. The second one, Care 2 Share, came out in 2022. And in October 2025 he went back to Sarajevo and recorded a live set there.
Today I share the song "Untitled '91". Hector wrote it for all the people who died in the war in Bosnia in the 1990s. The music is soft and calm, but the story is very sad. That's why it stays with you.
If you like quiet, honest music for evenings, try Hector Gachan. 🌿
https://www.youtube.com/watch?v=lTn22bsCZJ0
824
Repost from Дизайн — Разминка
В работе 2 таска 🤓
💓 t.me/Designwarmups/1517 продуктовая разминка для СДВГ, помогите человеку пойти спать
💓 t.me/Designwarmups/1518 графическая разминка, делаем упаковку бренда для халвы
824
Repost from N/a
+9
Залип на морских животных и решил посмотреть, как они выглядят прямо в лоб с одного и того же ракурса 🐡
Взял самых больших обитателей океана и сделал серию. Синий кит, горбатый, кашалот, южный гладкий кит, китовая акула, косатка, белая акула, дельфин, белуха и гринда.
Старался не давать нейронке слишком много фантазировать. Сначала смотрел, как реально устроена голова каждого, где находятся глаза, какая форма пасти, кожа, складки. Шрамы и всякие наросты тоже оставлял, потому что в жизни они все далеко не идеальные.
Особенно смешно, что когда ставишь их рядом в одном ракурсе, некоторые выглядят вообще не так, как я их представлял.
Короче, вот такой морской фейс-контроль получился
