Как пробить баннерную слепоту с помощью визуальной новеллы

На связи Александра Гершикова, продуктовый редактор в Daily Baniking. Хочу рассказать о спецпроекте «Связь двух сердец», который мы запустили для промо безлимитного тарифа Т-Мобайла ❄️

Короткая предыстория: на Хэллоуин мы сделали игру-приключение по жутким мирам для «Джуниора». Мне понравилась механика, и я решила предложить ее команде Т-Мобайла. Путем переговоров пришли к тому, что будем промить безлимитный тариф за 490 ₽. Накидали с редакцией варианты сюжетов и остановились на игре про парня и девушку.

Новелла строится вокруг переписки двух влюбленных, которые пытаются признаться друг другу в чувствах. Сначала пользователь играет за студентку и выбирает варианты ответов, как в классических визуальных новеллах. От этих выборов зависит, как развивается диалог. После признания мы переключаемся на point of view парня. Но он не может ей позвонить — у него заканчиваются минуты на телефоне💔. Он находит симку Т-Мобайла с безлимитным тарифом, но звонят мошенники, Т-Мобайл разрывает звонок. В конце, разумеется, хэппи-энд.

Мы не могли сделать новеллу внутри своей команды, поэтому обратились к дизайнерам Daily Banking. Чтобы хватило ресурса, оставили одну историю вместо трех, сократили объем до ~30 слайдов, убрали лишние сюжетные линии и персонажей. На каждом этапе текст дорабатывали и упрощали — чтобы его можно было не только сверстать, но и дочитать.

Образы персонажей разрабатывала Серафима Комлева. На это ушло много сил, но зато какая красота получилась в итоге!

Сейчас мы ждем постанализ, чтобы увидеть результаты. Работа над проектом была непростой, но вся команда активно поддерживала друг друга, а заказчики в нас искренне верили — все очень хотели, чтобы игру запустили. Кажется, что такие проекты — шанс не только прокачать визуальное повествование, но и пробить баннерную слепоту, а еще дать клиенту что-то действительно необычное ✨

Хобби команды: скетчинг от Ксюши ⭐

Может у кого-то из вас есть коллекция блокнотов, в которых жалко писать и тем более рисовать. Их можно иногда доставать, перелистывать, любоваться обложкой и чистыми листами, попутно фантазируя как аккуратно заполняешь их или рисуешь свои шедевры. Я владелец такой коллекции 🤌 и я же теперь ее разоритель 💀

Я Ксюша и я рисую всегда, в любом месте и положении.

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

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

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

А еще мое дело находит продолжение. Моя подруга Саша придумала сделать мини-книжку в подарок своей сестре на свадьбу. В ней были их совместные, трепетные мини-истории, и Саша предложила мне ее проиллюстрировать. Каждый сюжет рисовался очень быстро, без напряжения и правок, Саша идеальный заказчик. Книжка уже сверстана, напечатана и подарена.

В посте показываю несколько иллюстраций и книжку. Если мы с вами встретимся, я вас нарисую 🤍
Делитесь своими скетчами в комментах ⬇️

Сделать один экран доступным — легко. А что, когда экранов сотни?

Привет! На связи Софа из дизайн-системы. Вместе с командой инклюзии мы встраиваем доступность в фундамент продукта.

Более 30% пользователей приложения увеличивают шрифт в настройках. Если это не поддержать — рассыпаются лейауты, а иногда и сценарии целиком. А без адаптации под скринридеры незрячие пользователи вообще не могут пользоваться приложением. Тут мы обязяны обеспечить базовое взаимодействие с продуктом, а не просто улучшить опыт

Озвучка: с 6 часов до 1,5 на экран ⭐️
Раньше разметку под скринридеры вручную готовил аналитик. Для пары экранов это ок, но не для Мобильного банка с сотнями экранов. Мы пошли от дизайн-системы — зашили базовую логику озвучки в сами компоненты дизайн-системы и придумали стандарт разметки для макетов. Это стало переломным моментом — теперь дизайнеры сами могут размечать озвучку: роли элементов и подписи для скринридеров.

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

В итоге, чем больше команда использует дизайн-систему, тем меньше ручной работы остается.

Увеличенные шрифты: автоматизировали превью 🌸
Компоненты в коде мы научили увеличению шрифтов, но проверить макет можно было только вручную.

Так мы сделали второй плагин — A11y Font Scale Preview. Он показывает, как экран будет выглядеть при увеличенном размере текста: фактически перерисовывает макет с нужным масштабом и помогает быстро находить проблемные места.

Он в Figma Community — можно использовать в своих проектах.

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

Вывод простой: доступность в масштабе = доступность в фундаменте. Наш фундамент — дизайн-система.

Карты со светодиоидами 🤖

Привет, меня зовут Борислав, я лид команды платежных устройств в Т-Банке🛡️

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

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

Линейки карт:
1️⃣ Дебетовые
В нее вошли пять дизайнов: котик, автомобиль, цветок со светлячками, микросхема и филин
2️⃣ Кредитные 
В ней тоже пять дизайнов, но с более взрослым характером: змея, пума, леопард, журавли и сова
3️⃣ Детские карты
Включает три дизайна: робо-кот, летающую тарелку и спортивную машинку. Эту серию мы создавали вместе с командой Junior, чтобы сохранить узнаваемый стиль детского направления банка

Запуск произвел фурор на рынке и вызвал желание клиентов стать обладателями инновационных карт. Карты активно обсуждали, а конкуренты начали повторять подход: выпускать свои светящиеся карты или дизайны с похожими сюжетами. Результаты рекламных кампаний превзошли ожидания: карты показали рост по всем ключевым метрикам, а по некоторым поставили исторические рекорды ☄️

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

19 июля команда Т участвовала в дизайн-баттле от Pragmatica, где пять команд продуктовых дизайнеров работали над кейсом от Авито 🐈

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

Мы решили посмотреть на этот сценарий чуть шире и придумали концепцию «Вайботеки» — пространства, где можно буквально коллекционировать понравившиеся вещи, почти как покемонов. Пользователь сохраняет объекты, которые встретились ему в реальной жизни, а AI помогает доуточнить детали, чтобы найти максимально похожий вариант на Авито. Помимо самого поиска мы также продумали разные точки входа в сценарий и совместный режим.

Запись выступлений и итоговые концепции можно будет посмотреть, как только команда Pragmatica опубликует видео всех выступлений. Мы сами очень ждём, чтобы увидеть наше выступление целиком! 😎

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

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

Оглядываясь назад, понимаем, что именно из таких моментов и складывается самый ценный опыт. В этот раз мы не заняли первое место. Но забрали гораздо больше, чем просто место в рейтинге. Новый опыт концептинга. Новые знакомства. Командный вайб. Совместное преодоление сложностей. И напоминание о том, как здорово иногда выходить за рамки привычных рабочих задач и просто придумывать.

Спасибо нашей команде за эти две недели, Авито — за интересный кейс, а Pragmatica — за возможность проверить себя и сделать что-то действительно необычное 💛