СберДизайн
2.74K subscribers
189 photos
34 videos
60 links
Канал дизайн-команд Сбера.

Кинуть вопрос, предложение, камень — @colorc_t
Download Telegram
🐱А ты точно сеньор?

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

Навайбкодили инструмент для диагностики уровня продуктового дизайнера с рекомендациями по дальнейшему развитию и понятной визуализацией.

➡️ Оцените свой уровень прямо сейчас

Проходите и делитесь результатами в комментариях. Приятный и полезный повод рассказать о себе ⚡️
Please open Telegram to view this post
VIEW IN TELEGRAM
21🔥18👀16😁4🤩43
Media is too big
VIEW IN TELEGRAM
🔮 ИИ-монеты

Не самый очевидный факт: внутри банка есть не только цифровые продукты, но и коллекционные монеты.

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


Один из самых интересных артефактов команды — монеты с ИИ-генерациями в новогодней серии:
🔘2024 — год дракона и первая монета, сгенерированная в Кандинском.
🔘2025 год змеи. Монета из серебра 925 пробы с уникальным новогодним пожеланием и историей создания.
🔘2026год лошади. Технология дополненной реальности и оживающий символ года на экране смартфона.

➡️ Про эти и другие проекты (мемные монеты, чехлы-спиннеры и монеты с запахом) уже рассказывал Андрей Шанский в Рефодушке — искренне рекомендуем к просмотру.
Please open Telegram to view this post
VIEW IN TELEGRAM
133👏3🤯1
🪙 Особенный дизайн

Никогда не будет лишним напомнить о трогательном во всех смыслах проекте «ПИН-код не глядя»

🧭 Давайте вместе разберёмся, что в нём особенного

Новые платёжные терминалы стали полностью стеклянными и потеряли тактильные элементы. Для незрячих пользователей это означало потерю возможности самостоятельно вводить пин-код.

💚 Команда «Особенного банка» придумала систему ввода пин-кода на сенсорных экранах с использованием принципов шрифта Брайля. Каждая цифра вводится последовательностью касаний в любом месте экрана. При включении режима интерфейс переключается на звуковое взаимодействие для ввода пин-кода.

➡️Посмотрите выступление Виктории Кравцовой, как это работает 📱 Youtube или 💙 Rutube
➡️И попробуйте технологию ввода на экране смартфона сами
Please open Telegram to view this post
VIEW IN TELEGRAM
21🔥10👏61😁1👀1
«Просто Сложно» — это когда смотришь на продукт и думаешь, что всё понятно и удобно. Заглядываешь под капот — а там три инженера, пять систем, нейронка, космический корабль и дизайнер, который держится на энергетике.

➡️23 мая заглянем во внутренние процессы команд Бюро 1440, YADRO, Бюро Горбунова, Avito и Navio.

Обсудим:
— Сложные метафоры в интерфейсах
— UX-исследования в хардверных продуктах
— Адаптивный дизайн без костылей
— Создание продукта, а не макетов

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

👇 Регистрация уже началась, присоединяйтесь!
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥112💯1👀1🗿1
Кто готов вместе с нами снова заглянуть внутрь инженерных продуктов?

Открываем регистрацию на третью конференцию «Просто сложно» через три... два... один...

Залетайте!
10🔥4👏2
Мы взяли карточку товара с Озона и упаковали в неё банковский продукт (сработало)

🪄 Есть такая хорошая мысль (которую обсудили уже все): банк, который смотрит только на банки, никогда не выйдет за рамки банка.

Если хотите делать что-то новое — придётся подглядывать у других сфер: мессенджеров, екома, игр, доставок.


Мы вот с 31 марта 2025 тестируем обновлённый сайт sberbank.ru. Старались, конечно, и сделать прикольно, и задачу ретеншна решить — чтобы пользователи возвращались чаще.

Так что команда вместе с Сашей Львовым и Мариной Клочковой пошла в карточки маркетплейсов. Там на первом экране пользователь получает сразу всё — цену, условия, характеристики, кнопку КУПИТЬ.

Плотная штука, которая давно стала паттерном и уверенно работает. Значит, надо пробовать! 🕺

За счёт такого решения (в том числе!) получилось вырастить конверсию: цифры показать не можем, но А/Б выиграли уверенно. И хотя тест вышел прикольный, Саша скромничает и говорит, что хочется сделать поизящее и доработать под другие типы страниц 🎚️

@designbysber
Please open Telegram to view this post
VIEW IN TELEGRAM
2716🔥16🤔4💯2
Сбер, кстати, в том году мощно прошёлся по подкастам 😊

Вот, например, в Design Brief разогнали, как (и благодаря чему) живём и работаем в современном мире.

Про вайбкодинг (куда же без него), про граффити, про оперное пение, фотографию, пленеры и любые другие не-всегда-дизайн-практики! 🕺

🎚️ Как граффити-фестивали помогают корпоративному дизайнеру и иллюстратору?

🎚️ Как дизайнер Сбера растит команду и делает съёмки для топовых звёзд

🎚️ Почему дизайнеру полезно кодить?

🎚️ Многозадачность — распыление или суперсила? (и как с ней справляться)

🎚️ Почему в большой корпорации можно (и нужно) оставаться бунтарём

🎚️ Как Дан Светличный создал Кидзов — самый эмоциональный продукт Сбера

🎚️ Как любовь к людям может стать профессией (в данном случае — исследователя)

🎚️ Как в Сбере работает дизайнер-оперный певец

🎚️ Как делать крутые офлайн-мероприятия (и что гость должен понять, уходя с ним)

🎚️ Зачем вообще нужны профессиональные дизайн-сообщества и как их строить?

(скоро классные инсайты Женя Катя)

@designbysber
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥1812👀7👏3💯1
А нет ощущения, что за нейминг Гигачата, покупку Сбертян и Лапочку со вкусом первого дня в Сбере отвечал один и тот же человек?

Купить, кстати, можно в Самокате, если в дарксторе по вашему адресу ещё остались 🕺
Please open Telegram to view this post
VIEW IN TELEGRAM
34🔥22😁8🤩5💯43
Media is too big
VIEW IN TELEGRAM
Зовём на Сбер Дизайн Фест 15 июня в 18:00 🪄

Видели кучу рилсов про стеклянный офис Сбера на Кутузовском? 15 июня в 18:00 проводим там классный митап и приглашаем в гости всех желающих!

Обсудим ИИ (как и все вокруг), но со своей оптики:

— Как AI-хайп и гонка за скоростью сместили дизайн в сторону «среднего по датасету» и что с этим делать (😪)

— Какие инструменты показывают себя стабильно хорошо в дизайн-практике?

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

— И почему будущее — за гибридными специалистами?


В программе — 6 выступлений от спикеров из Сбера, СберМаркетинга, Pragmatica, RDMI, Skillbox и СберАвто, кофе-брейк и полезный нетворкинг 🕺🕺

(Онлайн-трансляция будет, но туда тоже нужно зарегистрироваться)

🎚️ Зарегистрироваться (это бесплатно)
Please open Telegram to view this post
VIEW IN TELEGRAM
22🔥107👏2👀2
300+ иконок за 365 дней 🪲

В 2025 году Илья Пехтерев с канала Илья Пехтерев собрался с духом и отрисовал более 300 новых иконок для приложения Сбола (СберБанка Онлайн, если кто не в теме)

Получается по 1 иконке в день, не считая остальных задач!

Главные приколы новых значков: сквиркл в основе, поворот на 15° для объёма (такого больше никто не делал!) и сетка на пиксель меньше стандартной, чтобы всё казалось аккуратнее и гармонично стояло в контейнерах 🕺

Анимированный тапбар, кстати, удалось протащить в прод всего за 1 рабочий день: с момента концепта до согласования с важными людьми

Иконки давно можно пощупать в приложении — энжой!

@designbysber
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
38🔥2411👀3👏1💯1
Как дружить с продактами (и не только)

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

Если продакт приходит к вам с задачей и просит нарисовать условный красный шар, а вы понимаете, что синий треугольник сюда подойдёт сильно лучше:

1. Спокойно! Не торопимся показывать всем синий треугольник и пояснять, почему это хорошо. Если вы притащите свой вариант вместо того, что просил коллега, то вряд ли его обрадуете. «Мы же обсуждали красный шар. Где красный шар?»

2. Вместо этого рисуем и показываем продакту красный шар, чтобы договорённости были соблюдены. А потом аккуратно достаём из кармана синий треугольник.

Тогда у вас появляется поле для дискуссии: не «я послал к чёрту вашу задачу», а «я сделал то, что вы просили, но потом подумал дальше»


Кстати, такая культура работает в обе стороны (И если вы вдруг продакт, не думайте, что знаете лучше дизайнера. Просто сделайте, что он просит, но потом предложите свой вариант)

А ещё больше мудростей наговорили в подкасте с Женей и продактом Сбера Катей Героник — должно помочь, если вы иногда работаете не благодаря, а вопреки команде. Зацените на длинных выходных!

➡️ Дружитес: как дизайнеру и продакту найти коннект

@designbysber
Please open Telegram to view this post
VIEW IN TELEGRAM
26😁14🔥7👏2🗿2
5П+

Друзья, настала пора узнать друг друга получше (🌺)

Мы в ЦДК (ака центре дизайн-компетенций Сбера, где помогаем рисовать новые концепты, сохранять консистентность визуала и организовывать комьюнити) давно вывели и придерживаемся 5-ти важных дизайн-принципов

Рассказали про них в карточках — используйте, если вдруг захотите проверить свой макет 🪄

«+» в конце, кстати, значит «+ положительные эмоции», но это мы потом обсудим!

@designbysber
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
39🔥129👀2
А вы что думаете про приложение Сбола?
67😁55💯12🤔2👀2👏1🗿1
This media is not supported in your browser
VIEW IN TELEGRAM
Нашли полезное: библиотека для переходов 😏

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

Переходы — вообще штука недооценённая. А зря: они либо накидывают консистентности, либо добавляют эмоций, даже если дизайн нарисован по жёсткой дске 🕺

Внутри гитхаб-библиотеки есть три модуля под разные задачи:

● Transitions — для классических переходов: карточка раскрывается в полноэкранный режим, иконка превращается в шторку, и так далее. Короче, берёт картинку из точки А, точку Б и аккуратно их соединяет

Headers — для шапок, которые прилипают к навбару, как в фотках на айфоне

Private — для случая, когда один и тот же элемент должен тусоваться в двух местах интерфейса одновременно. Обычно это решают через копию или снимок, а Portal использует скрытые эппловские API и показывает один и тот же объект сразу в двух точках

Apple такое не одобряет, поэтому штучка прячется от App Store

➡️ Ссылка

@designbysber
Please open Telegram to view this post
VIEW IN TELEGRAM
2410🔥8👏1