super ux/ui
765 subscribers
135 photos
6 videos
78 links
заведующая @darshcherbakova
Download Telegram
давайте знакомиться!

я Даша, заведую этим каналом. ранее работала в стартапах и больших финансовых компаниях, а сейчас — product design lead в международной логистической компании. в этом году вошла в команду Superpowered 🍪

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

мы сделали акцент на том, чтобы помочь вам научиться:

1️⃣создавать дизайн для продукта с нуля, а не просто переделывать старое

2️⃣ работать в продуктовой команде - с менеджером и разработчиками

3️⃣презентовать свои идеи и спокойно проходить собеседования, ведь многие идут учиться ради карьеры

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

🗓приходите на наше мероприятие 22 сентября — я и Миша Розов расскажем про курс, разберем, как делать обоснованный дизайн и представлять решения, а еще пригласим вас поучаствовать в эксперименте 💣

регистрация тут
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8❤41
Почему бизнес часто не воспринимает дизайнеров всерьёз?

Чаще об этой проблеме говорят те, кто только начинает свой путь в дизайне.
В чем причина?

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

2️⃣ Когда мы только учимся и узнаем все модные фреймворки, кажется, что уже лучше разбираемся в пользовательских сценариях, чем кто-либо из бизнеса. Но важно помнить — у заказчиков есть свой опыт и задачи, которые мы не всегда видим сразу.

3️⃣ Мы стараемся говорить на языке пользователя, но иногда забываем слушать, что волнует именно бизнес. А у бизнеса есть свои боли и приоритеты, на которые нужно заострить внимание.

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

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

А как вы «разговариваете» с бизнесом?
8😁11
хочу показать вам очень крутую и продуманную во всех мелочах работу Жанны Земец — редизайн приложения такси для женщин 🌸 слово Жанне:

«Я разработала сервис такси на базе апгрейда устаревшего и проблемного сербского приложения Pink. Приложение помогает женщинам и девушкам чувствовать себя в безопасности: каждая, кто садится в авто, знает, что не станет final girl в поездке. На основе болей пользователей я сделала приложение простым, пошаговым и инклюзивным. Добавила прозрачную оплату без dark-паттернов, адресные шорткаты, опции доступности, список любимых водителей и бронирование с ними.

Также я хотела сделать приложение комьюнитиобразующим за счет программы Uberwoman: часть дохода от поездок на этом тарифе идет на помощь пострадавшим от домашнего насилия. Это усиливает ценность бренда и формирует лояльное сообщество солидарных женщин.

Я обновила дизайн, взяв за основу розовый, сделав его запоминающимся и современным. Решила использовать отсылки к ностальгии по 2000-м и кроссоверить это с яркой girly pop kitsch-эстетикой американского кино о двух девушках, которые едут на крутой тачке через весь штат «Romy and Michele’s High School Reunion».

Так как поездка на такси — это атмосфера поддержки и веселья, как у двух besties. Дополнила стиль хайповыми 3D-рендерами в духе beadcore: пластиковые бусины, сердечки, цветочки, брелоки, кольца и цепи: девчачьи, но с независимым характером. Такси в таком стиле ассоциируется с безопасным пространством для женщин, где можно расслабиться, болтать и быть "своей"».

смотреть работу Жанны здесь
❤‍🔥18🔥62
friendly reminder

Уже 1 октября стартует наша экспериментальная группа с реально крутыми профи, настоящими мастерами своего дела.

Вместе с Игорем, Даном и Жасуром будем заряжаться знаниями на лекциях и осваивать практические фишки! ↗

1⃣Игорь покажет, как сделать сложное редактирование и анимацию картинок с ai. Вместе с ним подготовим mvp концепта в нейросети.

2⃣Дан расскажет, как навсегда забыть про скучный дизайн и сделать что-то по-настоящему классное.

3⃣Жасур поделится лайфхаками по построению крепкой дизайн-системы и отрисует с вами компоненты — практика в деле!

поторопитесь, старт совсем скоро и число мест ограничено 🍪

учиться интенсивно с экспертами
Please open Telegram to view this post
VIEW IN TELEGRAM
5🔥2
А что если?..

Света Гутько пофантазировала в своей домашке на тему: Циан на международном рынке 🌍

Света рассказывает:

«Поработала над главной страницей Циана с целью разгрузить её, не теряя при этом фокуса на главной задаче пользователя – быстром поиске и подборе нужного варианта жилья. Сфокусировалась на покупателях квартир и их пути от поиска до сделки.

Согласно своему позиционированию, Циан представляет собой не просто доску объявлений, а полноценную платформу для безопасного завершения сделок и ипотеки онлайн. Чтобы поддержать эту идею, я добавила концепцию проверенных квартир, а также баннер расчёта ипотеки на карточку объявления.

Что концептуально получилось:
контрастно-хрустящее, монолитное, как бетон, решение – с одним акцентным цветом и ч/б иллюстрациями, укрепляющее доверие и сохраняющее фокус на самой недвижимости».

посмотреть работу Светы здесь
🔥11
вчера у нас прошёл выпускной июньского потока! 🎉

ребята показали проекты, над которыми работали целых три месяца. они собрали отзывы пользователей, перевели их в jtbd и на этой основе сделали осмысленные интерфейсы. а ещё придумали яркий визуал для проектов.

на выпускном мы много смеялись. а строгие арт-директора Вася Беленок и Игорь Яковлев комментировали презентации — так, что ребята почувствовали себя почти как на настоящем собеседовании.

что говорят наши выпускники?

Аня:
«Даша, Артëм, Вася, спасибо вам большое за ваш профессионализм и вовлеченность — вы заряжали нас этим, и мы тоже начинали быть душнилами (в хорошем смысле) по отношению к самим себе и к своим работам. Не знаю как вам это удавалось, но после каждого фидбека усталость как рукой снимало и появлялся азарт сделать круче и прыгнуть выше!»


Галя:
«Именно здесь с вами, правки и ошибки я воспринимала как возможность и рост, для меня это одно из самого ценного, что я здесь получила 🩵 Ну и я очень горжусь, что благодаря интенсиву я сделала так много, что в начале казалось невозможным. Огромное спасибо за терпение, поддержку и знания».


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


приходите учиться и быть superpowered 🍪
❤8🔥22
поговорим об AI. ловите первую часть подборки нейросетей, которые пригодятся UX/UI дизайнеру:

формулирование текстов:

ChatGPT — универсальный инструмент для написания, генерации UX-микроконтента и создания черновиков.
💡можно сохранить в нём редполитику и периодически «обстукивать» об неё cвои тексты

Jasper — генерация текстов в нужном стиле и под бренд, подходит для UX-копирайтинга.
💡хорошо подойдет, чтобы сгенерировать тексты для продающих лендингов

генерация изображений:

DALL·E от OpenAI, Imagen от Google — генерация фото, иллюстраций и креативных изображений с разнообразными стилями и форматами.
💡DALL·E — доступен в СhatGPT, удобно генерировать тексты и изображения в одном месте

Midjourney — генерация фото, художественных иллюстраций в разных стилях для концептов и визуальных идей.
💡люблю Midjourney за стиль фото, близкий к профессиональной фотосессии, когда он по делу. можно сразу сделать анимацию

Krea — многофункциональная платформа, ориентированная на генерацию и доработку изображений, видео и 3D-объектов.
💡Krea подойдет для любителей «20 в 1», по одной подписке можно попробовать много разных инструментов

Recraft AI — генерация фотомокапов и реалистичных превью продуктов.
💡пользуюсь только для генерации быстрых мокапов, которые не будут близко и долго рассматривать. можно сразу натянуть макет интерфейса на устройство без похода в Photoshop

to be continued...

#AI
Please open Telegram to view this post
VIEW IN TELEGRAM
❤13🔥31
пока ты middle — ты не супер,
a после курса ты пупер 🍪

бессрочная скидка -15% на superpowered для самых лояльных по промокоду DASHAPUPER

стать пупер

#стишок
❤11😁9🔥2💊1
Игорь Яковлев, старший дизайнер в Яндексе и арт-директор wannabe, расскажет о второй подборке AI инструментов.

Игорь уверен, что с AI дизайнер больше не ограничивается ресерчем и макетами. сегодня он может сам собрать MVP или фичу — протестировать идею без помощи разработчиков. для этого уже есть инструменты вайб-кодинга:

ChatGPT — не только тексты и картинки, а полноценный помощник для разработки: обсуждает архитектуру, пишет и правит код.

Gemini — можно быстро протестить гипотезы и собрать прототипы, особенно удобно в Google-экосистеме.

Figma Make — создает рабочие интерфейсы прямо в Figma по текстовому описанию.

Builder.io — как Webflow с AI: есть все, от промпта до чистого кода и интеграций с репозиториями.

v0 — превращает идеи в full-stack прототипы, сразу думая про масштаб и безопасность.

RooCode — расширение для VS Code на базе Claude, без лимитов и очередей, которое помогает писать код, исправлять ошибки, разбирать проекты и ускорять разработку.

Cursor — AI-редактор кода: автодополнение, генерация функций и рефакторинг на Python, JS, TS, Go, Rust.

сегодня на встрече в 19:00 Игорь покажет, как собрать прототип лендинга только с помощью AI 🔥

регистрация тут

#AI
🔥6❤5👍1
редизайн сервиса Самокат

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

«Основная задача — сократить время поиска и упростить путь к заказу.

Решения:
1️⃣ перенесла поиск наверх для бо‌льшей заметности
2️⃣ уменьшила баннер и встроила так, чтобы он информировал, но не отвлекал от выбора товаров
3️⃣ перестроила категории в более понятную иерархию — разделила на два типа:
- персональные (сохранённые, уже заказанные, со скидками и рекомендации)
- продуктовые, которые также доступны в общем каталоге

Визуальная основа — темный минималистичный фон, который концентрирует внимание на товарах и категориях.

Яркие акцентные цвета добавляют динамики и помогают быстро ориентироваться в интерфейсе. Категории оформила в виде контрастных карточек с четкой модульной структурой — это упростило навигацию, усилило ощущение системности и сделало экран визуально чище и понятнее».

больше работ от Юли

#UXUI
🔥10❤3🦄1
в среду у нас прошло мероприятие, где Игорь Яковлев, старший дизайнер в Яндекс, показал, как с помощью AI собрать концепт лендинга и перевести его в прототип.

если вы хотите так же уметь работать с AI инструментами, приходите учиться в интенсивную группу, где Игорь проведет воркшопы по AI.

запись открыта до 6 октября. осталось 1 место 🍪

#AI
😍6👍1🔥1
на этой неделе поговорим о дизайн-системах. вот мои личные рекомендации книг на эту тему:

1️⃣ Atomic Design by B. Frost
автор описывает методологию, которая разбивает интерфейс на пять уровней: атомы, молекулы, организмы, шаблоны и страницы.

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

2️⃣ Design Systems by A.Kholmatova
практическое руководство по созданию дизайн-систем, основанное на качестве элементов и взаимодействиях внутри команды.

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

3️⃣ Laying the Foundations by A.Couldwell
честный и конкретный взгляд на создание дизайн-систем с нуля.

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

#дизайнсистемы
❤8🔥2👍11
почему важен системный подход? 🤔

✍️замечаю, что студенты, которые применяют системный подход и используют компоненты, собирают проекты быстрее, и у них остается возможность поработать больше с визуалом и 3d.

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

💡например, в своей работе Саша Гринева сформулировала впечатляющий концепт, освоила системный подход и проработала большое количество сценариев.

посмотреть работу Саши полностью можно тут
🔥7❤5👍1
какой дизайн-системой чаще пользуешься как референсом?
Final Results
34%
Google Material Design 💜
29%
Apple Human Interface Guidelines 💙
11%
IBM Carbon Design System 🖤
11%
Untitled UI 🤍
34%
другой
вижу, что большинство выбирает material design, я тоже люблю его за основательность, но за стиль выбираю ibm carbon

Google Material Design
cамая известная дизайн-система с фокусом на кроссплатформенный современный дизайн, адаптивность и доступность.
📖 предлагает подробную документацию

Apple Human Interface Guidelines
система для продуктов Apple с акцентом на интуитивность и эстетику. документация обширная, но с высоким порогом вхождения.
🥲 мне часто не хватает деталей

IBM Carbon Design System
корпоративная система IBM с акцентом на масштабируемость и доступность.
🖤 отличается продуманной архитектурой токенов и большим количеством компонентов для сложных интерфейсов

Untitled UI
современная дизайн-система с минималистичным и чистым стилем, ориентирована на веб- и мобильные интерфейсы. удобна для кастомизации и быстрого прототипирования.
💡часто использую как референс для wireframes

#дизайнсистемы
❤10🔥3👍1
мне нравится, что домашки позволяют ребятам поработать над маленькой проблемой и предложить разные решения.

Света Гутько подготовила свое видение сервиса Quizlet:

«Нашла несколько возможностей для улучшения:

1️⃣ Обучение происходит на уровне сетов — это главная точка входа для пользователя. Поэтому я предположила, что создавать сеты/папки можно на отдельной странице, а на главной для вовлеченности показать последние сеты пользователя и прогресс по их прохождению.

2️⃣ Папки создаются редко, постоянная видимость им не нужна. Но в период подготовки к экзаменам логично закреплять важные папки на главной — так они становятся дополнительной входной точкой в обучение.

3️⃣ В Quizlet есть не только личные сеты, но и огромная библиотека общедоступного контента, который можно изучать прямо там или копировать к себе. Я добавила рекомендации сетов сообщества прямо на главный экран.

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

ссылка на шот

#UXUI
🔥12❤43
ребята из интенсивной группы уже вовсю делают работы по графическому дизайну: учатся применять в интерфейсах основы композиции, цветов, типографики.

перекос в сторону креативности допустим 👍

#UXUI
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤9🔥2🏆2