Marus Design UX/UI

Ви просили - я зробила! ▶️Сьогодні на каналі вийшло перше відео мого БЕЗКОШТОВНОГО курсу про UX/UI дизайн з нуля 🥳 Дуже довго я мала супротив перед створенням курсу - ще одного із сотень на просторах інтернету. Цей супротив пройшов, коли я вирішила зробити цей курс безкоштовним 😅 Я бачу неймовірний попит, бо навіть дизайнери, які вже пройшли навчання деінде, часто не мають відповідей на купу практичних питань. Тож впевнена, що це буде корисно навіть тим, хто вже навчається або навіть закінчив курси, адже буду давати інсайти з власної практики та говорити про те, що на курсах часто не розказують. Перше відео для тих, хто хоче познайомитися з професією: • Хто такий UX/UI дизайнер; • Яка його роль в проєкті на різних етапах; • З ким йому доведеться працювати в команді; • Перспективи зросту та суміжні професії; • Зарплата UX/UI дизайнера різних рівнів. Всідайдесь зручніше, я запрошую вас до перегляду 👀

Figma викатила розширення для Chrome, яке автоматично імпортує будь-яку вебсторінку у Figma, розбиваючи її на повністю редаговані шари. І того: - Миттєвий імпорт: Весь контент (тексти, іконки, кнопки) одразу готовий до редагування. - Робоча структура: Розширення зберігає ієрархію шарів, що значно пришвидшує роботу над редизайном або аналізом конкурентів. - Економія часу: Більше не потрібно з нуля перемальовувати базові елементи сайту. @berestux

Шукаю дизайнера з досвідом моб інтерфейсів, треба стронг джун - мідл для виконання задач, які я зараз не можу взяти) Якщо зацікавлені - вкажіть будь ласка одразу свій рейт та покажіть які маєте роботи з мобайлом. Якщо ми вже працювали разом або ви були на консультаціях - у вас пріорітет)) Пишіть мені 🙌

🪄 Коли дизайн-система побудована на variables, працювати з нею стає простіше: нові рішення легше масштабувати, а підтримка інтерфейсів потребує менше зусиль. 6 червня на воркшопі «Системний дизайн із Variables у Figma» разом із Віталієм Дячуком ви опануєте роботу зі змінними на професійному рівні та побудуєте гнучкі дизайн-системи для реальних продуктів. За 4 години практики ви навчитеся структурувати токени для зручного масштабування, розберетеся з усіма типами змінних, створите власну систему та зможете застосовувати її в реальних проєктах. Приєднуйтесь до воркшопу та отримайте 10% знижки за промокодом MARUS10 🫶

Несу вам інструкцію, що робити, якщо на ваше зважене, аргументоване рішення клієнт пропонує дурню 🤪: 1. Не сперечайтеся. Вислухайте. Запитайте, чому він вважає що його варіант підходить більше. Іноді на цьому етапі може виявитися, що це не така вже й дурня. 2. Якщо все ж таки дурня, скажіть що оба варіанти чудові і ви проаналізуєте їх, щоб обрати той, який найкраще спрацює для його продукту. 3. Зробіть документ або сторінку в Конфлюенсі. Коротко опишіть обидва варіанти та зробіть порівняльну таблицю за важливими критеріями. Їх має бути не дуже багато, але вони мають бути переконливими, короткими, дуже влучними. Три колонка: назва критерію, і як з ним співвідноситься перший варіант та другий варіанти (або у вас їх може бути більше). 4. Уникайте оціночних суджень, пишіть максимально сухо та конструктивно. Ніяких вказівок на "це хороше, це погане", бо якщо клієнт все ж обере свій варіант, у нього лишиться осад що ви вважаєте його ідею дурнею (він не має про це знати 🤭). 5. В кінці зробіть підсумок і дайте свою рекомендацію. Так і так, згідно з нашими цілями та контестом, зважаючи на критерії перераховані вище, я вважаю варіант Х більш підходяшим. 6. Якщо він з вами погодився - святкуємо. Якщо не погодився - приймаємо те, що нам не все підвладно. Це його продукт, його гроші, ви зробили все що могли. Відпускаємо ситуацію. Іноді навіть якісь мінорні рішення потребують аналітичного підходу, і повірте, ваш клієнт або команда це оцінять. 💭 До речі, те саме можна застосувати не до клієнта, а до менеджера або розробника. Головне - будьте обʼєктивними, іноді треба вчасно визнати, що чиясь ідея дійсно вдаліша.

💭 Друзі, щира рекомендація для графічних дизайнерок. Моя чудова знайома запускає практикум для прокачки ваших хард та софт скілів, щоб підняти чек та почуватися з ним впевнено. Якщо вам актуально - обовʼязково перейдіть та ознайомтеся 🔥

Як організувати дизайни у Figma файлі зручно? Було натхнення зібрати для вас декілька улюблених лайфхаків ❤️‍🔥

Щойно Клод пофіксив мені компоненти, поки я була в дзвінку 🥲 Мені треба було оновити беджі, щоб ліва іконка була в середині слота (потрошку оновлюю дизайн систему після того апдейту фігми) та вимикалась з boolean. Почала вручну, але у нас 66 варіантів цих беджів - вирішила як раз потестити свого ШІ джуна. Дала йому завдання, пішла в дзвінок, а завершила - вже все готово. Йомайо, прикольно)) Буду нарощувати складність 👀 Тримайте корисні відоси, якщо теж хочете почати юзати Claude+Figma: 📹 Як підключити Cladue до Figma MCP 📹 Як побудувати дизайн систему з Claude + Stitch + Figma MCP 📹 Як створити бібліотеку компонентів з Claude + Figma

Друзі, погодьтеся - айдентика без єдиного принципу змушує щоразу починати з нуля, забирає ваш час та псує репрезентацію бренду 🖥️ 9 травня на воркшопі «Як створювати айдентику на одному візуальному прийомі» разом із Дмитром Булановим, провідним графічним дизайнером у League Design Agency, ви навчитеся будувати айдентику як цілісну систему. За 4 години ви розберетеся, як знаходити єдину форму, що точно передає задум, створювати послідовні рішення для різних носіїв і відрізняти декоративні підходи від змістовних. Ви вийдете з воркшопу з готовим кейсом для портфоліо, який демонструє концептуальне мислення. 👉 Приєднуйтесь онлайн, а за промокодом MARUS10 отримайте 10% знижки 😉

Читаю перед сном ваші відповіді на форму і якось мимоволі "емпатнула" - відчула ваш страх так, ніби сама зараз через це проходжу. Дуже хочеться вас підтримати, хоч причини "чому ще ні" в усіх різні: ⛔️відсутність досвіду ⛔️складно зробити портфоліо ⛔️страшно подаватися на вакансії та йти на співбесіди ⛔️заважає знецінення та синдром самозванця ⛔️нерозуміння що треба вчити в епоху АІ ⛔️сумніви в собі через досвід поганої комунікації від команди ⛔️нестача комʼюніті та підтримки ⛔️світчерів лякає перспектива знову починати з нуля. Словом, те, що так чи інакше проходить багато хто з дизайнерів та (особливо) дизайнерок на початку свого шляху (та й не тільки - бо багато страхів часто лишаються з нами й надалі). Дехто з вас уже у відповіді відрефлексував та визначив, що треба робити. Наприклад, дуже сподобався цей фрагмент однієї з відповідей, поділюся ним з вами, бо в ній ключ до вирішення: Тривожно іти на івент - іти. Незвично писати пости в лінкедін - писати. Некомфортно казати що я дизайнерка - казати. Страшно подаватися на вакансії чи писати рекрутерам - робити це. Саме так досягається успіх: боятися, тривожится, але не переставати робити! 💭Пропоную вам взяти аркуш або планшет (щось, де можна малювати) та відповісти на ці питання: 1️⃣ Яка моя мета (або мрія - якщо слово "мета" тисне) 2️⃣ Що найбільше мене лякає? (напишіть маленькими літерами) 3️⃣ На кому я фокусуюся в цьому страху? На чиїх потребах і думках варто фокусуватися насправді? 4️⃣ Яку мою дію цей страх саботує, що він заважає мені зробити? 5️⃣ Що найстрашніше трапиться, якщо я спробую? (напишіть великими літерами) 6️⃣ Що трапиться, якщо я не спробую? 7️⃣ Яким позитивним досвідом я можу себе підтримати? (Згадайте моменти, коли спробували, і вдалося. Напишіть стільки, скільки зможете, і обведіть їх). 8️⃣ Хто з мого оточення підтримує та вірить в мене? (Напишіть їх імена навколо свого імені. Можете писати там і моє імʼя, бо я точно у вас вірю 💪) 9️⃣ Які три маленькі дії я можу зробити вже завтра? (вони мають бути справді маленькі: оформити кейс в портфоліо - це велика дія, а написати план для нього - маленька). 1️⃣0️⃣ Чи обіцяю я собі їх зробити? Ця вправа допоможе не тільки в подоланні страхів на шляху до професії, а перед будь-якими змінами. У мене, повірте, хоч є гарна робота, але є власні переживання перед іншими бажаннями - і це допомагає з ними справлятися) Бажаю вам приємної рефлексії 😊

Я часто бачу дизайнерів та дизайнерок, які загорілися професією та пройшли навчання, але так і не наважилися почати практикувати. Часто причина не в нестачі знань, а в страху, внутрішніх бар’єрах чи нерозумінні, з чого почати цей шлях. Якщо ти відчуваєш щось подібне — я дуже хочу почути твою історію. Мені важливо зрозуміти, що саме зупиняє тебе: це синдром самозванця, страх фідбеку, невдачі, чи, можливо, складність із тим, як оцінювати власну роботу? Якщо це про тебе — запрошую заповнити анонімну форму за посиланням. Твої відповіді допоможуть мені краще зрозуміти біль дизайнерів, які опинилися заблоковані на своєму шляху і хочуть почати рухатися вперед.

Відкриття, яке економить мені купу часу — робити low-fi вайрфрейми у FigJam. Раніше я будувала прототипи всіх рівнів деталізації у файлі Figma, але виявилося, що швидкість народжується там, де немає місця деталям. А на цьому етапі вони й не потрібні. Що забезпечує FigJam: ✨ Швидкість: усі базові інструменти під рукою, блоки та тексти створюються миттєво. Текст додається одразу в прямокутник, а не окремим шаром. ✨Ієрархія: вона вже закладена в системі — не треба підганяти розміри шрифтів вручну, просто обираєш із дропдауну. ✨ Проєктування сценаріїв: конектори дозволяють накидати флоу будь-якої складності з турбо-швидкістю. ✨ Нотатки: стікери для питань команді чи стейкхолдерам не виглядають чимось зайвим, вони органічно вплетені в процес. ✨ І найголовніше - фокус: обмежений функціонал не дає потонути в деталях завчасно. Прямокутник замість кнопки, еліпс замість іконки — і ти думаєш виключно про логіку, а не про елементи. Все це дає свободу помилятися і переробляти все за секунди. А вже коли структура готова і затверджена — переношу її в основний файл і збираю компонентами. Це реально значно прискорило роботу. Навіть якщо у вас є потужна дизайн-система, на полірування деталей у Figma йде забагато часу, поки логіка ще сира. Ви теж фанати FigJam для вайрфреймів чи все ще будуєте все одразу у Figma?

На різних етапах карʼєри дизайнер залучений у вирішення проблем різного рівня. Кожен із них критично важливий для результату, але вони мають різний масштаб впливу на продукт. Я бачу свій шлях розвитку як поступовий перехід через три рівні, на кожному з яких змінювався фокус моєї роботи. 1. Executioner: як обрати правильний елемент? Як має виглядати та працювати навігація? Як зробити інтерфейс гарним? Як зобразити, намалювати, показати? 2. Problem Solver: Яку проблему вирішує для юзера наш продукт? Як виглядає юзер флоу? Які рішення він буде тут приймати? Як ми можемо пропрацювати заперечення? 3. Product Thinker: Як моя експертиза допомагає бізнесу? Як контексти поза інтерфейсом впливають на конверсію? Як пріоритезувати функціонал, щоб оптимізувати ресурси команди та які метрики допоможуть виміряти успіх? Це - про постійне розширення контексту. Спочатку в межах екрана, потім - продукту, а врешті - всього бізнесу. І розширювати його допомагає, перш за все, ваша цікавість і готовність розбиратися в тому, що здається страшним і не зрозумілим. До якого рівня відносите себе ви?)

Через розвиток AI тривога в сфері дуже відчутна. Професія видозмінюється - деякі навички стають менш актуальними, інші - ціннішими. Треба добре розуміти, що качати і куди рухатися, щоб не опинитися за бортом. Я ніби підстилала соломку, бо моїми супер скілами стали як раз ті, які АІ ніяк не покриє - софт скіли та наставництво. Рутину і операційку може взяти на себе АІ, але люди хочуть працювати з людьми, і це ніколи не зміниться. Але можна піти і іншим шляхом - максимально прокачуватися в роботі з AI. І, якщо чесно, я поки намагаюсь всидіти на обох стільцях (тим паче мій поточний проєкт дає для цього всі можливості). Але в освітній діяльності мені все рідше цікаво фокусуватися на хард скілах, і все частіше я говорю на консультаціях про процеси, комунікацію та стратегічний вплив замість впливу на пікселі. Думаю, як перенести це і в свої соц мережі та на ютуб. Якщо маєте питання про софт скіли, процеси, продуктове мислення або розвиток у сфері в цілому - велкам, це дуже допоможе мені з контент планом)

P.S. до вчорашнього - якщо ви коли-небудь переглядали записи ваших колів, на яких, як вам здавалося, ви сильно тупили - ви знаєте, що для вас в процесі мислення час іде повільніше, і співрозмовник може навіть не помітити паузи, яка вам здається вічністю 😁

То ж чому обидва разі співбесіди виявились успішними? 👆 В першому випадку наприкінці співбесіди вони підкреслили як сильну сторону те, що я не даю швидкої відповіді, міркую та перебираю варіанти перш ніж зупинитись на якомусь. Сподобалось і те, що я не погоджувалася з усім, що вони кажуть, а аргументовано дискутувала - бо це аутсорс, і часто з клієнтами саме так і буває (зробила висновок, що всі ті дурні питання та спроби загнати мене в кут були провокаціями). А в другому кейсі вони оцінили, що навіть з неідеальною мовою я не соромилася перепитувати, уточнювати і ставити дурні на перший погляд питання, бо як інтернаціональна команда, неідеальну англійську вони толерують, а от інертність і байдужість - ні. Тобто те, що, мені здавалося, виставляє мене в слабкому світлі, насправді стало грін флегом в обох випадках - я мала прогалини в практиці або ж в мові, але вони не стали критичними, бо я мала і переваги по софт скілах, які були пріорітетні для цих команд. Із цього можна зробити наступні висновки: 1. Не варто боятися «тупити» і намагатися швидко дати правильний варіант. Показати процес мислення або виправити свої ж помилки може бути по-хорошому дуже показовим. 2. Завжди знайдеться команда, яка буде цінувати саме твої сильні сторони. Варто шукати саме таке місце. 3. Софт скіли дуже впливають. Дуже. Так було, є і буде.

Як я отримала роботу, бо тупила на співбесідах 😁 Розкажу вам два випадки. 1️⃣ Перший - я влаштовувалася в компанію після тривалої перерви на догляд за дитиною. В моєму портфоліо не було проєктів, які б відповідали вимогам вакансії на 100%, але на співбесіду запросили. Я (не дуже, як мені здалося) впевнено розкладала на етапи роботу над уявним проєктом, який придумали інтервʼювери, дискутувала з ними - десь поступалася зауваженням, десь наполягала на своїй думці. Я не відповіла правильно на всі технічні запитання, бо не мала практичного досвіду роботи з користувачами. Розмова про процес взагалі пішла дуже дивно, лід ніби валив мене абсурдними питаннями, які заганяли мене в кут. Мені здавалося, що я страшенно тупила, довго шукала відповіді на запитання. Але я отримала чудовий фідбек та в результаті - ту роботу. 2️⃣ Другий випадок був на співбесіді в продуктову команду. Це була моя перша співбесіда англійською, і мовний барʼєр зробив мені немало стресу. Знов здавалося що я задовго думаю, а потім було питання, яке я все ніяк не могла зрозуміти через притаману британцям завуальованість. Я вибачалася та перепитувала декілька разів перш ніж зрозуміти, відчувала себе повною незграбою, але не хотіла відповідати навмання. На інше питання я відповіла не впевнено, вони вже поставили наступне, а я попросила доповнити попереднє, бо впустила дещо важливе. Офер був одразу після дзвінка. То чому так і який фідбек я отримала? Як думаєте?🤔

👉 Помилки, на які часто не звертають увагу початківці (і не тільки) : 2/2. А ви що почули в кінці: "не пишіть" чи "напишіть"? 😁 А ще: 10 помилок у роботі з Figma файлом, які видають в вас новачка. P.S. Глядачі останнього відео на каналі також в курсі про промокод на кишеньковий гайд, де зібрані аж 75 помилок, на які варто перевірити дизайн перед відправкою, та купа навчальних матеріалів 😉