#ФФДД2Д
7.75K subscribers
908 photos
134 videos
223 links
Привет! Вы в официальном канале дизайнеров и редакторов @tbank

Для связи: @nuiladno, @filipp_lyakh, @korostelevpavel
Download Telegram
Привет, на связи Лера, дизайнер из команды Спецпроектов! Недавно мы запустили новую игру — «Призополия». 🚀 Хочу поделиться личным опытом: каково это — делать такие большие игровые проекты в продукте 🚀

Что за игра? Была задача создать стратегическую игру в мобильном приложении банка, чтобы раздать огромный призовой фонд клиентам, повысить лояльность и привлечь внимание к нашим продуктам.

Кор механика — построить как можно больше космических станций и заработать максимальное количество очков, чтобы оказаться в топе игроков и выиграть призы 💝

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

Тут-то мы и столкнулись с разными ограничениями. Для нашей команды создание такого технически сложного проекта стало настоящим вызовом. Обычно наши игровые проекты появляются в шторке мобильного банка, то есть в WebView. В этом случае мы впервые рискнули внедрить 3D-сцены с использованием движка Three.js. Поэтому при выборе стиля пришлось долго взвешивать все за и против, чтобы реализовать приятную картинку. В итоге, с помощью тестирования разных кей-визов на клиентах и нашей профессиональной чуйки, выбрали космический стиль в лоу-поли формате. Важно было сохранить легкость 3D-сцены, создать интересный игровой сеттинг, чтобы он сработал на большую аудиторию в оффлайн- и онлайн-форматах. Этот стиль позволил реализовать задуманное и не перегрузить телефоны пользователей.

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

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

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

Вот например, что удалось реализовать внутри игры:
👉Мини-игра «Мемори»
👉Розыгрыши от партнеров
👉Колесо фортуны и дейли бонус
👉Кастомизация персонажей
👉Озвучка и задания от амбассадоров

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

Кстати, «Призополия» доступна на проде с 21 октября по 24 ноября. Переходите играть по ссылке
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥50❤‍🔥189🏆5👍1
Вакансии ноября! В этот раз спецвыпуск про бренд, граф, процессы и управление. Итак:

⚡️ Руководитель группы дизайна коммуникаций в Сторис
Ищем лидера, который будет работать с командой дизайнеров и отвечать за дизайн коммуникаций в мобильных приложениях Т‑Банка

⚡️ 3D-дизайнер в команду брендинга
Развиваем бренд-дизайн со смыслом и ищем опытного 3D-дизайнера, который будет создавать уникальное визуальное представление Т‑Банка.

⚡️ Бренд-дизайнер
Ищем опытного дизайнера, который будет создавать визуальное представление Т‑Банка и его саббрендов

⚡️ DesignOps-менеджер
Такие вакансии встречаются не часто:) Ищем дизайн-менеджера, который будет разрабатывать и внедрять лучшие решения и практики на уровне всего управления дизайна и коммуникаций

Ну и напоследок:

🐾 Продуктовый дизайнер
Если вы продуктовый дизайнер и вакансии выше вам не подходят, то откликайтесь здесь. У нас внутри прямо сейчас очень много продуктовых вакансий — точно будет что предложить

Откликайтесь сами и пересылайте друзьям!
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥22❤‍🔥7👀2
Про портфолио

Привет! Мы — лиды из отдела дизайна сервисов автоматизации. Одна из наших задач — поиск классных продуктовых дизайнеров в команду.

Давайте расскажем вам о первом этапе отбора — просмотр портфолио. По нему мы стараемся понять:
1. Глубину погружения и зону ответственности дизайнера
2. Логику и подход к принятию решений
3. Насколько мэтчимся по процессам

Важно не столько красивое оформление, сколько понятное описание хода мысли. В портфолио лучше иметь хотя бы 2-3 кейса. Выбирайте площадки, на которых удобно смотреть материал: Notion, Framer, Tilda или Figma. А вот Google Диск или огромный PDF... 🙄

Относитесь к портфелю как к продукту. Те, кто его увидит — ваши пользователи. Сделайте их опыт максимально кайфовым.

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

Если у вас уже есть классное портфолио, то скидывайте его скорее в комментарии! И делитесь вашими любимыми примерами оформления
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
35❤‍🔥14👍6🔥4🤯3
Привет! Недавно Маша Сафронова, дизайнер дебетовых счетов и карт, писала у нас в канале о редизайне интернет-банка. Маша написала на Хабр статью, в которой она чуть подробнее рассказывает об этом — не можем ей не поделиться

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

⚡️ Читать статью ⚡️
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥247❤‍🔥4
Привет! Я Даша, дизайнер и лид в одном из внутренних продуктов Т-Банка. Сегодня — анонс статьи на Хабре. Вместе с UX-редактором Катей Дериглазовой рассказываем о конструкторе, который помогает Т-Банку обслуживать 40+ миллионов клиентов

Статья будет интересна дизайнерам операционных сервисов и ребятам, которые работают над low-code платформами. Делимся метриками, болями и скринами из закулисья

Читать на Хабре ➡️
🔥4716👍11❤‍🔥3🤩1
This media is not supported in your browser
VIEW IN TELEGRAM
Плагин для увеличения шрифтов

Наши ребзи из дизайн-системы Серега Новоселов и Софа Ставная сделали лютый имба плагин для автоматического увеличения шрифтов. Незаменимая вещь при отрисовке кейсов с доступностью.

Выделяешь компонент или целый экран, выбираешь платформу и нужные размеры, получаешь результат через пару секунд 💎

Ультрагоднота для экономии сил и времени!

Плагин доступен в Figma Community
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥56😍9❤‍🔥6👍6🏆3
Калькулятор дохода представителей

Бонжур, коллеги!
Я Оксана, делаю продукты для найма. Покажу мини-кейс, как помогаем нашим кандидатам посчитать потенциальный доход.

Представители — важная часть банка. Это те, кто приносят вам домой карты и документы. Сейчас доход для кандидатов не прозрачен. Да, мы указываем средние и топовые значения. Но, как понять по этим цифрам, сколько я заработаю в комфортном для себя режиме?

Доход представителя зависит от времени, которое он готов уделять работе. Если примитивно: «Сколько потопали, столько заработали».

О продукте
У нас есть карьерный сайт, на котором кандидаты могут искать вакансии и откликаться на них. Калькулятор делали в рамках лендинга для представителей. Там рассказываем про особенности работы представителем и почему классно работать именно у нас. Задача лендинга — снизить количество нерелевантных откликов и их отток на другие вакансии

Подготовка
- Мы посмотрели прямые и косвенные решения. Например, калькуляторы дохода для разных вакансий: таксистов, курьеров
- Аналитики вывели формулу, которая считает доход по 6 параметрам. Договорились, что заполнять их все кандидат не будет. Калькулятор должен быть простым: ткнул на пару полей и увидел сумму
- Определили цели, группы и период для АБ-теста

Решение
По дефолту уже стоит среднее значение, чтобы кандидат сразу видел сумму и крутил ее под себя

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

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

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

Результаты
- Увеличили CR взаимодействия кандидатов с калькулятором и откликов с него на 18%
- Тестили разное расположение калькулятора на экране. Естественно, чем выше, тем больше кандидатов, кто до него долистал. Но CR отклика от расположения не изменился, разница была буквально в 0,5%. То есть по количеству кандидатов откликнулось больше, но процент тех кто покрутил калькулятор и откликнулся остался таким же
21🔥7❤‍🔥6👍2🤩2😍1
Прив, я Ваня, тридэшер из команды 3D-иллюстраций!
Расскажу о том, как мы оптимизируем и упрощаем нашу работу в 3D. 🥰

Представьте, что каждый раз, начиная новую задачу, вы вынуждены собирать рабочий стол заново: таскать стул, включать лампу, доставать бумаги. А ведь можно заранее всё настроить, чтобы просто прийти и начать работать. Такое решение — мастер-сцена для Blender!

Удалять стартовый куб — это святое, но что, если сделать его полезным?

⚡️Чек-лист создания идеального стартового файла

Чтобы мастер-сцена была действительно полезной, добавьте туда:
- Свет. Настройте базовый свет: добавьте HDRI-карту для окружения и несколько источников света.
- Камеры. Установите ракурс, выставьте настройки и сохраните пару вариантов камеры.
- Материалы. Добавьте шейдеры для часто используемых материалов.
- Рабочую среду. Почистите интерфейс: уберите лишние панели и вкладки, чтобы не отвлекали.
- Настройки рендера. Выставляйте оптимальные настройки сразу, чтобы не тратить время каждый раз.
- Чистоту и порядок. Организуйте коллекции, чтобы у вас (и у коллег) не текли глаза от хаоса.

⚡️Как создать мастер-сцену?

1. Настраиваете проект, добавляя только то, что реально используете.
2. Сохраняете всё это безобразие как File > Defaults > Save Startup File.
3. Делаете копию где-нибудь в облаке. Мало ли, вдруг что-то пойдёт не так.
4. Постепенно обновляете: растёшь — растёт и мастер-сцена!

⚡️Попробуйте мою мастер-сцену!

Доработайте на её основе свой идеальный стартовый файл:
- Камера уже настроена.
- Выставлен студийный свет и хорошая HDRI-карта.
- Несколько готовых материалов для быстрого старта.
- Оптимизированные настройки, для быстрого и качественного рендера.

Ссылка на мастер-сцену

Пишите в комментариях, как вы оптимизируете свою работу и делитесь лайфхаками!
Please open Telegram to view this post
VIEW IN TELEGRAM
32❤‍🔥23👍9🔥6👀1
Отвечаем на вопросы и разбираем кейсы

Всем привет! Сегодня анонсируем новую рубрику — #вопросответ. Лиды дизайна и редактуры Т-Банка ответят на вопросы или дадут рекомендации по вашему кейсу.

Спросить можно о чем угодно, например:
— как прокачать насмотренность,
— что делать, если достигли потолка в найме,
— как быть, если заказчик принес плохое ТЗ,
— как защищать свои решения, если вас просят всё переделать,
— на что опираться в работе, если нет аналитики и исследований по продукту,
— когда результат работы достаточно хорош, чтобы перестать бесконечно его улучшать и т.д.

Рассказывайте в комментах, что больше всего болит, а мы раз в неделю будем публиковать пост с ответами на самые популярные и горячие вопросы.
❤‍🔥165👍1🔥1