Антон из Crauch

«Как же ты запарил со своими анонсами», скажет любитель референсов продуктового дизайна в канале про референсы продуктового дизайна. Сегодня вечером в дизайн-вторнике от Практикума подвожу итог под большим этапом карьеры — как я рвал пространство, чтобы вырасти и стать дизайнером. Расскажу про все, что меня окружало тогда — неуверенность в себе, страдания, трудоголизм, деньги, амбиции. Ну, и любовь к профессии, конечно. Эфир начнется сегодня в 19:00 на ютубе Ссылка на ютуб С меня персональный лайк каждому, кто придет)) Анонс в канале дизайн-вторника от Практикума * * * Раскидался с медийными активностями, вернусь с привычным контентом скоро. Пока астрологи неделю анонсов предсказали. Этот канал трансформируется в скором времени, я уже придумал новые форматы. Хорошего дня!

Новый дизайн-директор, продажи на 20 млн и два топовых клиента Прошел мой первый месяц в Crauch, Антоха собрал даджест, что у нас в студии произошло за октябрь. Это было очень интенсивно. Рисуешь руками, потом на пресейл, потом в офис к клиенту. В общем, простое дизайнерское счастье. Укомплектовали команду, готовы к свершениям! Внутри: • Про меня в роли дизайн-дира • Новые рефодушки • Кейс стади и лекция • Про курс BBE • Про новых клиентов • Новые ребята в студии • Ответы на вопросы октября • Денежкиииииии 🤌 Поддержите и расскажите, норм не норм? Мы тестируем формат, будем постепенно его насыщать мясцом еще больше 📝 Читать статью на vc

Новый Дизайн-директор студии Нет моих сил больше ждать, поэтому рассказываю в режиме быстрого анонса) Антоха Черногоров — наш новый дизайн-директор и мой партнер в студии Crauch! Тоха лидил и делал дизайн для: Mindbox, Яндекс.Маркет, ПИК, HomeCreditBank, Netflix, Invitro, Avito и других. До этого работал в студи Луч. Там прошел путь от джуна до дизайн-директора за 4 года. А это довольно быстро! Еще он ведет каналы Дизайн-комьюнити и Интерфейсы. За 2 недели работы Антон: • забрал у меня 3 сложных и важных проекта на себя • привел 2-х топовых клиентов • сходил на офлайн продажу и защитил КП • дал ебучего заряда мне и всей команде • показал крутую планку качества И это маленький список из того, что сейчас происходит в студии. А происходит куча всего и одновременно, от чего мы с Тохой вдвоем с горящей жопой пытаемся везде все поддерживать и подхватываем что-то друг у друга налету. Короче весело) А вообще, в Крауч Антон будет отвечать за качество дизайна в проектах, культуру дизайнеров, менеджмент и вообще, все производство студии. Обо всем этом еще будем дальше рассказывать и показывать. Ждите новостей! P.S. Надеюсь, выбью у Тохи записать для вас видео-привет 💋

Милый онбординг Jitter создает кинематографическую атмосферу и налаживает со мной контакт до начала работы. Обычно онбординги бесят, только барьером становятся, но тут он настолько веселый, что я бы и 10 шагов прошел. Противоположный пример очень продуктовому онбордингу из недавнего примера За это люблю продукты на ранней стадии развития — в них есть интересные механики, которые еще не обросли метриками и продуктовой продуктовостью. Когда Jitter подрастет, нас там будет ожидать дефолтный онбординг, скорее всего. Если детальнее посмотреть: ✤ Приятные изинги и согласованная анимация ✤ Внизу экрана что-то типа стэппера, но не дефолтный в линию, а волной ✤ За счет стэппера интересно. что будут спрашивать дальше. Дефолтный паттерн сделан интересно и с вниманием к деталям ✤ Ну и как бы приложение для создания анимаций, поэтому движения должно быть много! Интересно, команда в своем же продукте анимировала этот онбординг? Пометки нет, хотя обычно ее пишут в заметном месте. jitter.video * * * 👉 Рандомный пост из прошлого @uirefs

На рефодушке с Вовой Аюевым признался, что использую только 2 набора интерфейсных иконок. В комментах предложили посмотреть хотя бы 10 и на них ориентироваться. Поспрашивал коллег, посмотрел в интернете и определился с теми, которые мне подходят: Feathericons Мой любимый пак с удобным интерфейсом. Remixicon Есть несколько вариаций каждой иконки, разбиты по категориям. Coolicons Аккуратные иконки в трех стилях и скруглениях углов. Стандартные метафоры. IBM icons Много иконок для сложных метафор, очень технологический стиль. Достойны упоминания Craftwork icons Phosphoricons Untitled UI Basil Bootstrap icons Iconoteka Бонус Сборник статей-советов от Сергея Чикина про создание сетов иконок. Считаю базовой штукой для дизайнеров, там про все аспекты — от стиля до сетки. * * * Раз уж мы тут, то посмотрите выпуск с Вовой. Минимализм, эстетика, неочевидные источники вдохновений. 👀 Посмотреть на ютубе * * * Раз в год я делаю поборки, вот прошлая с прайсингами. А я уже собираю новую! @uirefs

CRM для найма с вкусным дружелюбным стилем. Люблю такие рефы для жутких нагруженных билдеров рассылок или веб-страниц. Этот пример заинтересовал смесью приятного дизайна и микро-юиксовых штучек. Мягкие плашки, кофейная цветовая палитра, рукописный логотип — все это привлекает и располагает к себе. Что отметил для себя: ✦ В дешборде располагаются пресеты для создания вакансии и сводные данные. Люблю такие первые экраны, которые основные юзкейсы упрощают. ✦ Есть плотные формы в попапах с навигацией, нравится контраст в форме. Активная область на белой плашке внутри бежевого попапа. Жирок такой интерфейсный. ✦ Но самый жир скрывается в редакторе страницы вакансии. Непривычно даже, что в редакторе фон темный, а не серый и белый, это классно выделяет шаблон от настроек. Настройки разделены в секции и классно реагируют на нажатие. ✦ Если нажать на плюсик между блоками, то раскрывается панель с темплейтами. Можно добавить стандартные блоки, а можно шаблончик использовать. Шаблоны разделены на категории, это очень упрощает работу и снижает порог входа. Да и вообще классный юикс паттерн. ✦ В админке много кайфушных анимаций. Например, как раскрываются подкатегории в панели внешнего вида и как сохраняется драфт. ✦ Цветовая палитра классная, оттенки кофейного хорошо используются и взаимодействую друг с другом. app.homerun.co * * * Друзья, я незаметно на два месяца пропал из этого канала. В жизни много всего происходит. Я покинул Луч и брал месяц на отдых, но отдохнуть особо не получилось, BBE пригласили сделать целый модуль про насмотренность и дизайн-концепции в годовую программу по дизайну. Я там жоско откис, но опыт офигенный! Расскажу о нем в дизайн-комьюнити. А еще много консультирую и менторю студии, продукты и дизайнеров. Поэтому ссылки с кайфушностями лежат в закладках, но щас начинаю их разбирать и продолжать качать насмотренность. Спасибо вам, что вас уже больше пяти тысяч, это офигеть мотивирует!

Начинаем второй эфир с Антоном, на котором продолжаем разбирать ваши работы. 💬 Чатик к трансляции в комментариях под этой публикацией. Подключайтесь, начинаем!

Ловите запись первого эфира с Антоном, где он разбирает ваши задания! 📹 Смотреть на YouTube Повторюсь, что подход к разборам максимально основательный, поэтому решили разбить разбор заданий на несколько эфиров, чтобы не сидеть по 100500 часов за раз. Следующий эфир, кстати, планируем на вторник 8 августа, так же в 19:00. Ставьте напоминалочку, будем продолжать. При записи к сожалению в паре мест был сильный технический брак, пришлось немного резануть, но с 98% контента все гуд. Получается, что часть контента была эксклюзивной частью стрима хах😳 Го смотреть и так как я теперь официально ютубер, то ставьте лайки, подписывайтесь и рассказывайте друзьям 🤣

Есть у меня традиция заходить в аппстор и качать подряд приложения, которые привлекают дизайном. В один из таких разов наткнулся на Endel — сервис генерации музыки для сна и концентрации. Я раньше о нем слышал и постил как-то дизайн их емаил рассылок, но приложение не трогал. Так вот, красивее приложения в этом сегменте я не нашел, ребята прям сильно выделяются на фоне конкурентов. Линейные иллюстрации, заключенные в окружности — кайф, их хочется рассматривать. А анимации с приятной скоростью показывают сюжеты. Дизайн аккуратный и спокойный. Все говорит о том, что тут можно сфокусироваться и расслабиться. Анимации в шапке разделов прикольно вводят в страницу, тут на уровне ощущений ловишь суть раздела. Монохромная цветовая палитра + музыка меня погрузили прям в приложение. В посте видео приложил с анимациями. Оно со звуком, предупреждаю. endel.io apps.apple.com/us/app/endel-focus-sleep-relax

Завтра мне на целый день в руки попадет канал DesignHub 😍😍😍 Я буду в лайв формате и без сценария рассказывать из чего состоит мой день. Завтра будет полный набор: регулярные синки, внутренние воркшопы по UI, менторская встреча, а в конце даже эфир с арт-директором Авито. Где-то по дороге буду стараться питаться чем-то))) В общем, можно будет увидеть как я поддерживаю дизайнеров и прислушиваюсь к арт-директорам, а еще какие советы даю на менторских встречах. 🖐 День стартанет в 9:30, а закончится около 20:30. Будет плотный четверг, расписание дня покажу завтра утром. Все это действо будет происходить у ребят в канале Хаба. 🖖 Подписаться на DesignHub

Редко встречаю, чтобы айдентика так ярко переезжала в интерфейс. Недавно у Pentagram вышел кейс Cohere. А я человек простой, пускает во внутренний интерфейс — я иду. Привычные контролы выглядят свежо, айдентика везде просочилась, но в меру. Преемственность между сайтом и админкой мне очень нравится. Дьявол кроется в деталях, а тут этих деталей завались: подложка в степпере, паттерны как иллюстрации, табы, кнопочки и иконочки, шрифт бомбический. Зацените картинку из кейса. Тут даже айдентикой можно обосновать «карточность» интерфейса, смысловые блоки отделены друг от друга, как клетки в паттерне. Цветовая палитра выдержанная и приятная. Но мне местами контраста не хватает. dashboard.cohere.ai cohere.ai

У меня есть ссылки, в которых привлекают небольшие детали, но в канал их отдельно не запостить. Поэтому я собраю их в один пост. 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

Господа интерфейсчане, привет! Аккуратный анонс закидываю. Я познакомился недавно с Колей, админом канала «Домашка», и мы придумали классную активность. Я сделаю задания для дизайнеров, а потом проверю. Круто же! Домашка будет идти с 17 по 30 июля, а потом мы сделаем эфир с разбором. О чем задания Это похоже на ежедневные задачи дизайнеров студии: консистентность, редизайн, проектирование флоу. А еще я записал видео, где голосом все рассказал. 🔗 Фигма с заданиями Немного обо мне Я дизайн-директор в студии продуктового дизайна «Луч». В студии руковожу отделом дизайна из 22 человек. Делал дизайн для ПИК, Яндекс, Авито, VK, Хоумкредит банк, Mindbox, Инвитро, Инград, Нетфликс и многих других. Подробнее о Домашке Авторский канал с заданиями для самотренировки дизайн скиллов 🖤 В канале регулярно и полностью бесплатно публикуются задания для дизайнеров разной сложности — от перерисовки 1в1 до дизайн-концептов. Подкачивайте свои слабые стороны и тренируйте самостоятельность при поиске ответов и решений задач с Домашкой! 💪 Подписаться на Домашку

Приятный дизайн крипто кошелька. Если нажать на сайте pera web, то даже без регистрации сразу запускает в лк, то есть стартуешь уже изнутри личного кабинета. Есть развилка под разные кейсы, удобно в кошелек попасть Дешборд приятно сверстан, воздуха много и понятно что к чему относится, а под табличкой с аккаунтами всегда быстрые действия есть Выделил еще интерфейсные детали: менюшка слева, стиль иконок пузатый и нотификация. Пузатые иконки приятные, но некоторые выбиваются из стиля, предпочитаю их не замечать))) Напоминает lemonsqueezy чем-то. Дизайн похож на logSnag — тоже без наворотов. Даже базовый, но сделанный аккуратно и с вниманием к деталям, дизайн будет вызывать доверие. perawallet.app

📠 Вкатываемся в 3D! Рассказываем о блендере и его использовании в дизайне DSGNERS! продолжает свой цикл лайвов по дизайну. Теперь к ним в гости заглянули крутые парни из Cedro с идеей провести мастер-класс по 3D. Эльвин Назурметов, 3D-дизайнер студии, покажет, как создавать сцену, настроить камеру и освещение для ваших будущих проектов. Чтобы получалось так же классно, как в работах Cedro. Мастер-класс подойдет для начинающих и тех, кто ещё не знаком с 3D. Сначала Эльвин расскажет про основы интерфейса, а после — создаст первую сцену. Где и когда? На платформе DSGNERS! 11 июля в 19:00 по Москве. ❗️ Вписаться на бесплатный эфир! Реклама

Привет, спишь? Рефодушка с Еленой Сахаровой, независимым дизайнером, вышла на ютубе 💪💪💪 Я провёл всю неделю с энергией, которую получил после эфира, похмелье как будто было. Точно сознание сдвинулось)) Лена безумно крутая, настоящий профессионал со своими принципами. Если вы не видели сайт и бихенс, то посмотрите. А вот канал Лены в телеграме. Вот тут фоллоуап после эфира, там можно подробнее посмотреть рефчики. Вот тут лежит анонс, чтобы подробнее о Лене почитать. Вроде все, я побежал изучать красоты Калининграда, а вам хороших выходных 👀 👀 Посмотреть на ютубе выпуск

Админка twingate очень забористая. Люблю такой чистый дизайн с классным зонированием. Тут и плашки с обводками, и таблицы, и подложечки серые — набор «юный конструктор интерфейсов» прям. Нравится серая отдельная зона в верхней части страницы и хлебные крошки, когда внутрь сущностей проваливаешься. Понятно четко, куда попал, что происходит. Таблица вкусная. У нее нет ховера на строку и полосок между строками, но все считывается хорошо. А панелька с поиском и сортировками прижата книзу серой области, так решен воздухом версточный прикол, когда не можешь заголовок с панелью заверстать. Два уровня табов выглядят по-разному: глобальный без подчеркиваний, а второстепенный с подчеркиванием и иконкой. Такой контраст приятно смотреть и ориентироваться Настройки аккуратно сверстаны, навигация слева без свестилок, а контент с узкой колонкой Еще нравится, когда на страницах слева рабочая область, а справа либо подсказки, либо какие-то контролы для продолжения работы. И последнее, обращаю внимание, что в админке не обязательно на всех страницах контейнер должен быть одной ширины и прижат к левому краю! В общем, вкуснятина прям, буду подглядывать во время работы точно. twingate.com

Оч люблю, когда у продукта целостный дизайн, от сайта до админки. Отличный пример twingate. Кроме сайта, админка тоже классная. В первом экране сайта интересный ход с желтым лучом — вижу тут какой-то сигнал от сервера, который у тебя в компике отражается иконкой в трее. На остальных экранах крепкая и лаконичная верстка сложных вещей. Это все еще обернуто в современный UI, все эти кнопочки и светяшки в стиле linear. Нравится как используется решетчатый паттерн на фоне. Он не напрягает и добавляет иллюстративность. Особенно это заметно в экране со схемой — фон положил под элементы и уже иллюстрация получается. twingate.com

Rarible мне из nft маркетплейсов больше всех нравится по дизайну Верхушка страницы коллекции элегантно сверстана, все аккуратно стоит на своем месте, а дополнительная инфа справа в отдельной плашке. Гладкие карточки. Стоимость и ставка по-интерфейсному сверстаны в отдельную серую плашку. Обычно цены тяжко верстать, а тут еще и намек на то, что это цифровой сервис. Приятные детали: ховер на карточку и выделение товара, который я добавил в корзину. Каждому фильтру свой дизайн. Например, в фильтре по цене есть кнопка apply. Так вот решили проблему обновления каталога при вводе значения в поле Палитра в градациях серого не отвлекает от контента, ведь он оч пестрый и сочный. Интерфейс отходит на второй план, а фокус на картинках. Но в такой цветовой палитре легко фокусировать внимание на чем-то важном для сервиса. Например, кнопка маркетплейс в шапке справа. Ее жмякнуть хочется прям. rarible.com *** Лендинг создания маркетплейса тоже можно глянуть, там базированная структура для подобных страниц rarible.com/community-marketplace *** Онлайн-кинотеатр Иви выпустил шоурил. Наверное, многие из вас его видели. Так вот мы с подачи Мити Осадчука пригласили ребят к нам рассказать про процесс и показать мудбордики. Очень классно посидели, шоурил — классный инструмент для бренда 💫 Чекнуть на ютубе