6001
Совладелец и дизайн-директор @crauchru про развитие бизнеса, продажи, менеджмент и красоту. Личка: @achernogorov Продуктовый дизайн для бизнеса: crauch.ru
Месяц вместе с Илоной из ro-jo развивали ее навыки и студию, рассказываю итоги.
Я не знаю, сколько часов в сутках у Илоны, но кажется она настроена серьезно. Быстро схватывала и внедряла инструменты, получилось плодотворно!
Запросы:
1. Накопленные вопросы от управления студией до дизайн-процессов.
2. Много болей и пробелов, которые хочется полечить. Например, ресурсный перегруз — чтобы все успеть, надо жестко перерабатывать.
Как построен процесс работы:
Со мной можно работать по-разному, в этом случае был «гибрид». Мы очень много общались и встречались каждую неделю на часовую беседу. На встречах проходились по темам, которые изначально в чате подбили.
Какие итоги:
У Илоны теперь на 15-20% больше свободного времени. Это около 30 часов в месяц, которые можно инвестировать в пиар и продажи! И это с помощью делегирования и настройки процессов.
Илона мыслит процессами. Перевела мышление из «делаю сама 10 раз подряд» в «оцифровала сразу процесс и больше сама не делаю».
Орг. структура to be показывает куда масштабироваться. Посмотрели на студию в формате схемы и сразу решили нанять арт-дира.
Теперь делегируется то, что раньше не думала делегировать. Для меня это самая важная часть в освобождении мозгов фаундера))) А делегировать я люблю, не зря я автор курса «ленивый лид».
От фрилансеров переходим к штату. Фрилансеры теперь инструмент, но не фундамент команды.
Щас перечитал пост и подумал, что все выглядит как будто подорожник приложили и сразу все полечилось. Но в этом случае так и вышло хахах, из-за плотного общения я быстро разбирался в проблемах и мы находили решение.
Лучших результатов можно достичь если регулярно менториться. Мне интересно из точки А в точку Б пройти с человеком, чтобы результат был максимально кайфовым. С Илоной у нас это получилось, продолжим в следующем году!
* * *
В следующей серии расскажу, что сделал за полгода работы с cedro. Там партнеры по развитию безумные, да вы и сами их знаете)))
Как я бодался с концепциями и приручил этот процесс (палю несколько слайдов из презентации)
Очень приятно, что дизайнеры Райфайзенбанка смотрят рефодушку и позвали меня рассказать про визуальные концепции и насмотренность. Я взял свой студийный вайб и пошел выдавать рефлексию и фреймворки.
Готовился недели три. Задал несколько пачек вопросов Регине, чтобы дать дизайнерам нужную именно сейчас инфу.
В итоге с кайфом провели два часа вечерком, много общались с ребятами, на встрече было 40 продуктовых дизайнеров Райффайзенбанка.
Что рассказал:
Опыт борьбы с визуалом. У меня сначала не получалось совсем, потом стало чуток получаться, а сейчас я себя чувствую увереннее.
Создание визуала — навык. А навык можно развивать, если знать как. Свой метод и рассказал)
Здоровый процесс работы. Я его рассказывал в portfolio hero, но тут систематизировал и собрал воедино.
О важности продуктовой насмотренности. Есть визуальная насмотренность на цвета, отступы, шрифты и т.д., а есть продуктовая — это паттерны, интерфейсные фишки и все такое.
Мой фреймворк для раскачки насмотренности. Я его давал в BBE (кстати, если не видели, то вот пост про мою работу с BBE)
Как я изи собираю концепции. Показал свои наработки по процессу и конструированию макетов.
Получил фидбек от ребят, что это было не с позиции учителя, типа щас я вам расскажу как жить, а рассказ про свой опыт. Они полезно провели время, а я рад дать пользу.
* * *
У меня конец года как будто время отчетных эфиров. Сначала в Практикуме рассказал про путь от джуна до д-д (там, кстати, 2к просмотров, я так еще не набирал на самом себе), а теперь вот в Райфе зафиксировал опыт в хардах.
Положил это в интернет, теперь двигаюсь дальше по горе знаний!
* * *
Раз мы тут про продуктовый дизайн, то у меня есть для вас великолепный кейс с метриками и гипотезами. Ваня Звягин, дизайн-менеджер в Тинькофф, рассказал как с помощью дизайна качнул CTR на 32% почти без разработки.
Посмотреть на ютубе
Забрали награды на Tagline Awards 2023
🥇Лучшее юзабилити
🥇Лучший финтех-проект
🥇Лучший корпоративный блог агентства
🥈8 серебра
🥉11 бронз
Моя нейросеть проанализировала награды и вот за что нас награждали:
— MVP сайтов и приложения. Тут у нас две бронзы и два серебра
— Финтех. Взяли лучший финтех-проект!
— Ритейл, e-commerce и маркетплейсы. Любим это дело, вот только сделали UX-аудит Спорт-Марафону (выбирали между нами и студией Лебедева)
— Личный кабинет. Куда же без них
— Юзабилити. Взяли две бронзы и золото
Кажется, что из этого будет расти наше позиционирование в следующем году. Финтех и е-ком интересные ниши. Тем более мы сформировали наш стиль ведения UX-аудита, который выделит нас среди конкурентов.
* * *
Следующая неделя будет насыщенной на события:
— 12-го на правах жюри вручаю награды победителям конкурса МИКС Россия
— 13-го в Райффайзенбанке буду читать лекцию про насмотренность и как делать дизайн-концепции без суеты
— 15-го иду к любимым из Беты на новогоднюю вечеринку
Это я к чему, если узнаете меня, то можете смело подходить, а то я стеснительный на мероприятиях.
Приходите работать со мной.
Я открыл вакансию middle и senior дизайнеров к нам в Crauch.
Если коротко
1. Опыт работы в продукте или продуктовой студии — это обязательно.
2. Эстетичный визуал с четкой версткой, чтоб не прикопаться — можно и не эстетичный пока, научу делать классно.
3. Адекватность и открытость фидбеку — без этого не сработаемся.
Если подлиннее
Описал в вакансии подробнее о том, что ожидаю от новых коллегс. Внизу можно откликнуться на вакансию.
Откликнуться на вакансию
Новый дизайн-директор, продажи на 20 млн и два топовых клиента
Прошел мой первый месяц в Crauch, Антоха собрал даджест, что у нас в студии произошло за октябрь.
Это было очень интенсивно. Рисуешь руками, потом на пресейл, потом в офис к клиенту. В общем, простое дизайнерское счастье. Укомплектовали команду, готовы к свершениям!
Внутри:
• Про меня в роли дизайн-дира
• Новые рефодушки
• Кейс стади и лекция
• Про курс BBE
• Про новых клиентов
• Новые ребята в студии
• Ответы на вопросы октября
• Денежкиииииии 🤌
Поддержите и расскажите, норм не норм? Мы тестируем формат, будем постепенно его насыщать мясцом еще больше
📝 Читать статью на vc
Милый онбординг Jitter создает кинематографическую атмосферу и налаживает со мной контакт до начала работы. Обычно онбординги бесят, только барьером становятся, но тут он настолько веселый, что я бы и 10 шагов прошел.
Противоположный пример очень продуктовому онбордингу из недавнего примера
За это люблю продукты на ранней стадии развития — в них есть интересные механики, которые еще не обросли метриками и продуктовой продуктовостью. Когда Jitter подрастет, нас там будет ожидать дефолтный онбординг, скорее всего.
Если детальнее посмотреть:
✤ Приятные изинги и согласованная анимация
✤ Внизу экрана что-то типа стэппера, но не дефолтный в линию, а волной
✤ За счет стэппера интересно. что будут спрашивать дальше. Дефолтный паттерн сделан интересно и с вниманием к деталям
✤ Ну и как бы приложение для создания анимаций, поэтому движения должно быть много!
Интересно, команда в своем же продукте анимировала этот онбординг? Пометки нет, хотя обычно ее пишут в заметном месте.
jitter.video
* * *
👉 Рандомный пост из прошлого
@uirefs
CRM для найма с вкусным дружелюбным стилем.
Люблю такие рефы для жутких нагруженных билдеров рассылок или веб-страниц. Этот пример заинтересовал смесью приятного дизайна и микро-юиксовых штучек.
Мягкие плашки, кофейная цветовая палитра, рукописный логотип — все это привлекает и располагает к себе.
Что отметил для себя:
✦ В дешборде располагаются пресеты для создания вакансии и сводные данные. Люблю такие первые экраны, которые основные юзкейсы упрощают.
✦ Есть плотные формы в попапах с навигацией, нравится контраст в форме. Активная область на белой плашке внутри бежевого попапа. Жирок такой интерфейсный.
✦ Но самый жир скрывается в редакторе страницы вакансии. Непривычно даже, что в редакторе фон темный, а не серый и белый, это классно выделяет шаблон от настроек. Настройки разделены в секции и классно реагируют на нажатие.
✦ Если нажать на плюсик между блоками, то раскрывается панель с темплейтами. Можно добавить стандартные блоки, а можно шаблончик использовать. Шаблоны разделены на категории, это очень упрощает работу и снижает порог входа. Да и вообще классный юикс паттерн.
✦ В админке много кайфушных анимаций. Например, как раскрываются подкатегории в панели внешнего вида и как сохраняется драфт.
✦ Цветовая палитра классная, оттенки кофейного хорошо используются и взаимодействую друг с другом.
app.homerun.co
* * *
Друзья, я незаметно на два месяца пропал из этого канала. В жизни много всего происходит.
Я покинул Луч и брал месяц на отдых, но отдохнуть особо не получилось, BBE пригласили сделать целый модуль про насмотренность и дизайн-концепции в годовую программу по дизайну. Я там жоско откис, но опыт офигенный! Расскажу о нем в дизайн-комьюнити.
А еще много консультирую и менторю студии, продукты и дизайнеров. Поэтому ссылки с кайфушностями лежат в закладках, но щас начинаю их разбирать и продолжать качать насмотренность.
Спасибо вам, что вас уже больше пяти тысяч, это офигеть мотивирует!
Ловите запись первого эфира с Антоном, где он разбирает ваши задания!
📹 Смотреть на YouTube
Повторюсь, что подход к разборам максимально основательный, поэтому решили разбить разбор заданий на несколько эфиров, чтобы не сидеть по 100500 часов за раз.
Следующий эфир, кстати, планируем на вторник 8 августа, так же в 19:00. Ставьте напоминалочку, будем продолжать.
При записи к сожалению в паре мест был сильный технический брак, пришлось немного резануть, но с 98% контента все гуд. Получается, что часть контента была эксклюзивной частью стрима хах😳
Го смотреть и так как я теперь официально ютубер, то ставьте лайки, подписывайтесь и рассказывайте друзьям 🤣
Завтра мне на целый день в руки попадет канал DesignHub 😍😍😍
Я буду в лайв формате и без сценария рассказывать из чего состоит мой день.
Завтра будет полный набор: регулярные синки, внутренние воркшопы по UI, менторская встреча, а в конце даже эфир с арт-директором Авито. Где-то по дороге буду стараться питаться чем-то)))
В общем, можно будет увидеть как я поддерживаю дизайнеров и прислушиваюсь к арт-директорам, а еще какие советы даю на менторских встречах. 🖐
День стартанет в 9:30, а закончится около 20:30. Будет плотный четверг, расписание дня покажу завтра утром.
Все это действо будет происходить у ребят в канале Хаба.
🖖 Подписаться на DesignHub
У меня есть ссылки, в которых привлекают небольшие детали, но в канал их отдельно не запостить. Поэтому я собраю их в один пост.
ohm.studio/products/pion-blue
Чистый и воздушный первый экран страницы товара. Особенно привлекло описание табуретки текстом, четко и по делу, не нужно плодить и верстать подразделы about и все такое.
joinwarp.com
Стандартная верстка блока с описанием возможностей сервиса: заголовок с цветовым кодирование, описание, ссылка, фичи с иконками. Но привлекло тут как легко сделана иллюстрация, берешь тридешки и поверх интерфейса накладываешь — сразу иллюстративность появляется.
opalcamera.com/opal-composer
Белая стики-плашка великолепно сверстана и размещена в правом углу. Резко контрастирует с темным дизайном страницы. Модуль содержит информацию о продукте. Рвет шаблон, это классно прям.
tools.endlesswork.io
Приятный контраст между иллюстрацией и блоком слева. Простой прием — накидать элементов в композицию, но еще надо чувствовать пространство и размеры.
Предыдущие посты с красивостями:
t.me/uirefs/771
t.me/uirefs/782
* * *
Богдан Чернышов, digital art-director ONY, приходил в рефодушку и поделился красотой. Референсы Богдан принес необычные и очень красивые. Там на любой вкус — айдентика Мюнхена 1972 и юикс удобняшки в календаре Cron.
👀 Посмотреть на ютубе
* * *
Блин, а есть способ, чтоб телега не пережимала так картинки? Экспортирую в 3х, а он жмет их до 9 шакалов из 10
Приятный дизайн крипто кошелька.
Если нажать на сайте pera web, то даже без регистрации сразу запускает в лк, то есть стартуешь уже изнутри личного кабинета. Есть развилка под разные кейсы, удобно в кошелек попасть
Дешборд приятно сверстан, воздуха много и понятно что к чему относится, а под табличкой с аккаунтами всегда быстрые действия есть
Выделил еще интерфейсные детали: менюшка слева, стиль иконок пузатый и нотификация. Пузатые иконки приятные, но некоторые выбиваются из стиля, предпочитаю их не замечать)))
Напоминает lemonsqueezy чем-то. Дизайн похож на logSnag — тоже без наворотов. Даже базовый, но сделанный аккуратно и с вниманием к деталям, дизайн будет вызывать доверие.
perawallet.app
Привет, спишь?
Рефодушка с Еленой Сахаровой, независимым дизайнером, вышла на ютубе 💪💪💪
Я провёл всю неделю с энергией, которую получил после эфира, похмелье как будто было. Точно сознание сдвинулось))
Лена безумно крутая, настоящий профессионал со своими принципами. Если вы не видели сайт и бихенс, то посмотрите. А вот канал Лены в телеграме.
Вот тут фоллоуап после эфира, там можно подробнее посмотреть рефчики.
Вот тут лежит анонс, чтобы подробнее о Лене почитать.
Вроде все, я побежал изучать красоты Калининграда, а вам хороших выходных 👀
👀 Посмотреть на ютубе выпуск
Оч люблю, когда у продукта целостный дизайн, от сайта до админки. Отличный пример twingate. Кроме сайта, админка тоже классная.
В первом экране сайта интересный ход с желтым лучом — вижу тут какой-то сигнал от сервера, который у тебя в компике отражается иконкой в трее.
На остальных экранах крепкая и лаконичная верстка сложных вещей. Это все еще обернуто в современный UI, все эти кнопочки и светяшки в стиле linear.
Нравится как используется решетчатый паттерн на фоне. Он не напрягает и добавляет иллюстративность. Особенно это заметно в экране со схемой — фон положил под элементы и уже иллюстрация получается.
twingate.com
Обмениваюсь аудиторией с классными тг-каналами.
В этой папке собраны авторские каналы про дизайн. Я почти каждый читаю сам, рекомендую и вам.
Например, канал Векка для меня стал открытием, буду теперь смотреть за ним (посмотрите видео про теорию близости). А портфолио Кирилла из канала «Это знак» еще в 2020 постил себе. Олег из MAX вообще мой хоуми, контент тупа топ.
В общем, подборка — нямка. Можно найти контент на любой вкус, от размышлений о дизайне и сайд-проектах на редимаге до новостей из дизайна и интервью с арт-директорами
💃 Добавить папку себе
* * *
Если не открывается папка, то обновите телеграм
Хорошая презентация — большая часть успеха в продаже проекта, выступлении или презентации результатов работы.
Мне говорят, что у меня хорошо получается презентовать, и у меня есть несколько простых секретиков на эту тему:
Презентация — это продажа. Я мб уже поехал на теме продаж, но постоянно думаю о том, что «купят» мои зрители — будет это новый контракт, продолжение работы или мой образ эксперта. Если четко знаю, что мне нужно продать, то от этого сильно легче строить рассказ.
Стратегия сторителлинга. В зависимости от события я выбираю метод сторителлинга — перевернутая пирамида или классическая подача.
Пирамида — для презентации результатов клиенту, а классическая подача — для эфиров. Часто их смешиваю.
Способ подачи. Регулярно на консультациях ребята жалуются, что зарплату не подняли, что заказчик не принял работу. А когда спрашиваю как «продавал», то оказывается, что структуры не было, просто поговорили и все. Я всегда собираю презентацию в фигме, без этого чувствую себя голым. А преза в фигме+видео=тупа топ.
Рассказываю то, что важно. Второстепенные вещи складываю ссылками или вообще не говорю о них. Вот представьте, у вас ux-аудит на 6 страниц в ноушене, как клиенту это все освоить? Я оформляю это в 5-7 слайдов в фигме и выбираю самую мякотку, которая произведет впечатление.
Пишу сценарий. Раньше я силу сценария не понимал, до встречи с BBE. Я всегда создаю сценарий, даже если не на бумаге, то в голове представляю всю презентацию.
Репетировать — не зашквар. От тембра голоса, позы и погруженности в материал очень многое зависит. Если молодцевато рассказать клиенту процесс работы и итоги, то он скорее примет, потому что уверенно рассказываешь, е-мое. Если голос как у умирающего лебедя, то будет сложнее.
* * *
Мастер презентаций, это конечно же Юра Ветров. Недавно он приходил в рефодушку и показал хорошие примеры, когда брендинг проникает в интерфейсы и как продукту выглядеть целостно в разных точках контакта
Посмотреть на ютубе
Долго у меня лежал этот реф, разобрал его на части!
Айдентика построена на знаке из лого и хорошо работает, вовремя масштабируется, вовремя уходит на второй план.
Есть даже интерфейсные элементы, но верстка в них страдает. Кажется, что это для примера без заморочки сделано. Но в нашем мире белых фонов такой подбор цветов выглядит очень хайпово. Похоже было в недавнем визуальном редакторе.
Теперь к деталям:
Анимация. В первом экране хочется залипнуть надолго, эффект погружения создается за счет одной анимации, но с разными таймингами и масштабом — простой и эффективный прием. Да и вообще сайт постоянно развлекает и показывает свою живость.
Копирайтинг. Все понятно и открыто написано: «вместе мы превратим данные в ценность», «делаем сложное простым» и прочие passionate приятности. В совокупности с визуалом и анимацией все выглядит достоверно и внушает доверие, что ребята про любимое дело тут.
Цвета. Последнее время стал собирать цветовые палитры с сайтов и смотреть как они устроены, так вот тут их не много, но очень крутые сочетания. На последней картинке все есть.
Шрифты. Они базовые, но хорошо подобраны — пробивная пара из гротеска и антиквы. У гротеска в узлах букв есть компенсаторы, которые рифмуются со знаком, я такие задротские детали люблю) Забрал названия, чтоб не потерять.
Ivar Display
PolySans Slim
ventriloc.ca/en
* * *
Антон Прокопьев еще раз пришел в рефодушку и провел экскурсию по студиям Португалии. Антон там сейчас учится на магистра коммуникационного дизайна, так что погружение определенное есть! Вкусно, сочно и точно как всегда
Посмотреть выпуск на ютубе
Я переименовал канал и поставил свою фотку на аватарку.
Прежние «Интерфейсы» уже отжили свое и выполнили задачу на 200%. Теперь новый этап, новые интересы и потребности.
На самом деле я уже пару месяцев назад поймал себя на мысли, что мне не интересно только собирать референсы дизайна. Я хочу развиваться медийно, экспертно и бизнесово.
И я заметил, что меня знают в основном по «Дизайн-комьюнити», хотя я этот канал считаю своим диджитал-домиком))
Cписок тем, которые мне щас интересны и про которые я буду писать:
1. Развитие бизнеса в диджитал: маркетинг и пиар, продажи
2. Выстраивание культуры в компании и развитие команды
3. Продуктовый дизайн. Исследования, фреймворки, новые практики
4. Референсы никуда не денутся, просто не буду базой канала
5. Кейсы из менторства и работы. Разбор сложных кейсов
Пока писал пост поток отписок заметил)))) Ну это норм, все понимаю! Новый этап в жизни канала открыт 💪
Рассказал как насыщенно провел неделю Дане Рукосуеву, продуктовому дизайнеру Тинькофф и моему волшебному 👅 менти👅
Мы с Даней за пару месяцев прошли путь от студии до выхода в продукт. Жесткая продуктовая баня была.
Так вот, я сгонял к нему и побывал гостем в рубрике. Рассказал, что делаю в Crauch сейчас, на чем фокусируюсь и как развиваю свою медийку
Собственно, сам пост
* * *
Другие прикольные посты в канале Продуктосуев
Цели на испытательный срок
Как развиваться системно
Итоги испытательного срока
Роль ментора для Дани часть 1
Роль ментора для Дани часть 2
«Как же ты запарил со своими анонсами», скажет любитель референсов продуктового дизайна в канале про референсы продуктового дизайна.
Сегодня вечером в дизайн-вторнике от Практикума подвожу итог под большим этапом карьеры — как я рвал пространство, чтобы вырасти и стать дизайнером.
Расскажу про все, что меня окружало тогда — неуверенность в себе, страдания, трудоголизм, деньги, амбиции. Ну, и любовь к профессии, конечно.
Эфир начнется сегодня в 19:00 на ютубе
Ссылка на ютуб
С меня персональный лайк каждому, кто придет))
Анонс в канале дизайн-вторника от Практикума
* * *
Раскидался с медийными активностями, вернусь с привычным контентом скоро. Пока астрологи неделю анонсов предсказали.
Этот канал трансформируется в скором времени, я уже придумал новые форматы.
Хорошего дня!
Новый Дизайн-директор студии
Нет моих сил больше ждать, поэтому рассказываю в режиме быстрого анонса)
Антоха Черногоров — наш новый дизайн-директор и мой партнер в студии Crauch!
Тоха лидил и делал дизайн для: Mindbox, Яндекс.Маркет, ПИК, HomeCreditBank, Netflix, Invitro, Avito и других. До этого работал в студи Луч. Там прошел путь от джуна до дизайн-директора за 4 года. А это довольно быстро!
Еще он ведет каналы Дизайн-комьюнити и Интерфейсы.
За 2 недели работы Антон:
• забрал у меня 3 сложных и важных проекта на себя
• привел 2-х топовых клиентов
• сходил на офлайн продажу и защитил КП
• дал ебучего заряда мне и всей команде
• показал крутую планку качества
И это маленький список из того, что сейчас происходит в студии. А происходит куча всего и одновременно, от чего мы с Тохой вдвоем с горящей жопой пытаемся везде все поддерживать и подхватываем что-то друг у друга налету. Короче весело)
А вообще, в Крауч Антон будет отвечать за качество дизайна в проектах, культуру дизайнеров, менеджмент и вообще, все производство студии.
Обо всем этом еще будем дальше рассказывать и показывать. Ждите новостей!
P.S. Надеюсь, выбью у Тохи записать для вас видео-привет 💋
На рефодушке с Вовой Аюевым признался, что использую только 2 набора интерфейсных иконок. В комментах предложили посмотреть хотя бы 10 и на них ориентироваться.
Поспрашивал коллег, посмотрел в интернете и определился с теми, которые мне подходят:
Feathericons
Мой любимый пак с удобным интерфейсом.
Remixicon
Есть несколько вариаций каждой иконки, разбиты по категориям.
Coolicons
Аккуратные иконки в трех стилях и скруглениях углов. Стандартные метафоры.
IBM icons
Много иконок для сложных метафор, очень технологический стиль.
Достойны упоминания
Craftwork icons
Phosphoricons
Untitled UI
Basil
Bootstrap icons
Iconoteka
Бонус
Сборник статей-советов от Сергея Чикина про создание сетов иконок. Считаю базовой штукой для дизайнеров, там про все аспекты — от стиля до сетки.
* * *
Раз уж мы тут, то посмотрите выпуск с Вовой. Минимализм, эстетика, неочевидные источники вдохновений.
👀 Посмотреть на ютубе
* * *
Раз в год я делаю поборки, вот прошлая с прайсингами. А я уже собираю новую!
@uirefs
Начинаем второй эфир с Антоном, на котором продолжаем разбирать ваши работы.
💬 Чатик к трансляции в комментариях под этой публикацией.
Подключайтесь, начинаем!
Есть у меня традиция заходить в аппстор и качать подряд приложения, которые привлекают дизайном.
В один из таких разов наткнулся на Endel — сервис генерации музыки для сна и концентрации. Я раньше о нем слышал и постил как-то дизайн их емаил рассылок, но приложение не трогал.
Так вот, красивее приложения в этом сегменте я не нашел, ребята прям сильно выделяются на фоне конкурентов. Линейные иллюстрации, заключенные в окружности — кайф, их хочется рассматривать. А анимации с приятной скоростью показывают сюжеты.
Дизайн аккуратный и спокойный. Все говорит о том, что тут можно сфокусироваться и расслабиться. Анимации в шапке разделов прикольно вводят в страницу, тут на уровне ощущений ловишь суть раздела.
Монохромная цветовая палитра + музыка меня погрузили прям в приложение.
В посте видео приложил с анимациями. Оно со звуком, предупреждаю.
endel.io
apps.apple.com/us/app/endel-focus-sleep-relax
Редко встречаю, чтобы айдентика так ярко переезжала в интерфейс.
Недавно у Pentagram вышел кейс Cohere. А я человек простой, пускает во внутренний интерфейс — я иду.
Привычные контролы выглядят свежо, айдентика везде просочилась, но в меру. Преемственность между сайтом и админкой мне очень нравится.
Дьявол кроется в деталях, а тут этих деталей завались: подложка в степпере, паттерны как иллюстрации, табы, кнопочки и иконочки, шрифт бомбический. Зацените картинку из кейса.
Тут даже айдентикой можно обосновать «карточность» интерфейса, смысловые блоки отделены друг от друга, как клетки в паттерне.
Цветовая палитра выдержанная и приятная. Но мне местами контраста не хватает.
dashboard.cohere.ai
cohere.ai
Господа интерфейсчане, привет! Аккуратный анонс закидываю.
Я познакомился недавно с Колей, админом канала «Домашка», и мы придумали классную активность. Я сделаю задания для дизайнеров, а потом проверю. Круто же! Домашка будет идти с 17 по 30 июля, а потом мы сделаем эфир с разбором.
О чем задания
Это похоже на ежедневные задачи дизайнеров студии: консистентность, редизайн, проектирование флоу. А еще я записал видео, где голосом все рассказал.
🔗 Фигма с заданиями
Немного обо мне
Я дизайн-директор в студии продуктового дизайна «Луч».
В студии руковожу отделом дизайна из 22 человек. Делал дизайн для ПИК, Яндекс, Авито, VK, Хоумкредит банк, Mindbox, Инвитро, Инград, Нетфликс и многих других.
Подробнее о Домашке
Авторский канал с заданиями для самотренировки дизайн скиллов 🖤
В канале регулярно и полностью бесплатно публикуются задания для дизайнеров разной сложности — от перерисовки 1в1 до дизайн-концептов.
Подкачивайте свои слабые стороны и тренируйте самостоятельность при поиске ответов и решений задач с Домашкой!
💪 Подписаться на Домашку
📠 Вкатываемся в 3D! Рассказываем о блендере и его использовании в дизайне
DSGNERS! продолжает свой цикл лайвов по дизайну. Теперь к ним в гости заглянули крутые парни из Cedro с идеей провести мастер-класс по 3D.
Эльвин Назурметов, 3D-дизайнер студии, покажет, как создавать сцену, настроить камеру и освещение для ваших будущих проектов. Чтобы получалось так же классно, как в работах Cedro.
Мастер-класс подойдет для начинающих и тех, кто ещё не знаком с 3D. Сначала Эльвин расскажет про основы интерфейса, а после — создаст первую сцену.
Где и когда? На платформе DSGNERS! 11 июля в 19:00 по Москве.
❗️ Вписаться на бесплатный эфир!
Реклама
Админка twingate очень забористая.
Люблю такой чистый дизайн с классным зонированием. Тут и плашки с обводками, и таблицы, и подложечки серые — набор «юный конструктор интерфейсов» прям.
Нравится серая отдельная зона в верхней части страницы и хлебные крошки, когда внутрь сущностей проваливаешься. Понятно четко, куда попал, что происходит.
Таблица вкусная. У нее нет ховера на строку и полосок между строками, но все считывается хорошо. А панелька с поиском и сортировками прижата книзу серой области, так решен воздухом версточный прикол, когда не можешь заголовок с панелью заверстать.
Два уровня табов выглядят по-разному: глобальный без подчеркиваний, а второстепенный с подчеркиванием и иконкой. Такой контраст приятно смотреть и ориентироваться
Настройки аккуратно сверстаны, навигация слева без свестилок, а контент с узкой колонкой
Еще нравится, когда на страницах слева рабочая область, а справа либо подсказки, либо какие-то контролы для продолжения работы.
И последнее, обращаю внимание, что в админке не обязательно на всех страницах контейнер должен быть одной ширины и прижат к левому краю!
В общем, вкуснятина прям, буду подглядывать во время работы точно.
twingate.com
Rarible мне из nft маркетплейсов больше всех нравится по дизайну
Верхушка страницы коллекции элегантно сверстана, все аккуратно стоит на своем месте, а дополнительная инфа справа в отдельной плашке.
Гладкие карточки. Стоимость и ставка по-интерфейсному сверстаны в отдельную серую плашку. Обычно цены тяжко верстать, а тут еще и намек на то, что это цифровой сервис. Приятные детали: ховер на карточку и выделение товара, который я добавил в корзину.
Каждому фильтру свой дизайн. Например, в фильтре по цене есть кнопка apply. Так вот решили проблему обновления каталога при вводе значения в поле
Палитра в градациях серого не отвлекает от контента, ведь он оч пестрый и сочный. Интерфейс отходит на второй план, а фокус на картинках. Но в такой цветовой палитре легко фокусировать внимание на чем-то важном для сервиса. Например, кнопка маркетплейс в шапке справа. Ее жмякнуть хочется прям.
rarible.com
***
Лендинг создания маркетплейса тоже можно глянуть, там базированная структура для подобных страниц
rarible.com/community-marketplace
***
Онлайн-кинотеатр Иви выпустил шоурил. Наверное, многие из вас его видели. Так вот мы с подачи Мити Осадчука пригласили ребят к нам рассказать про процесс и показать мудбордики. Очень классно посидели, шоурил — классный инструмент для бренда
💫 Чекнуть на ютубе
Самый вкусный драгндроп, который я видел. Тяну блок, а у него инерция есть, можно залипнуть на минутку легко.
Решил еще поддушить блок с лого дизайн-комьюнити, хотел в углу дать другой размер, а дизайн меня переиграл в итоге.
Очень легкий конструктор онлайн-визитки.
bento.me
Сайт дизайнера bento
* * *
Рома Местер, продуктовый дизайнер в беспилотных технологиях Яндекса, приходил в рефодушку и показал классные интерфейсы музыкального оборудования — крохотные, но функциональные. Выпуск очень нравится
👀 Посмотреть на ютубе