sharlovych 🇺🇦 ui/ux та графічний дизайн


Гео и язык канала: Украина, Украинский
Категория: Дизайн


UI/UX дизайнер на Work.ua, 10 років в професії
Тут ти знайдеш експертний досвід та секрети роботи:
⏳ як швидко стати дизайнером
💪 прокачати проф. навички
💸 заробляти на улюбленій справі
🍻 трішки про життя дизайнера
Написати мені: @sharlovych_vlad

Связанные каналы

Гео и язык канала
Украина, Украинский
Категория
Дизайн
Статистика
Фильтр публикаций


Портфоліо

Немає портфоліо — немає роботи або клієнта. Тож воно у вас повинно бути, якщо ви хочете заробити грошенят.

Які питання можуть виникнути:
+ якого розміру повинно бути портфоліо? (на бехансі від 8-9 екранів)
+ які роботи додавати, а які ні?
+ про що писати опис?
+ що робити, якщо я новачок та немає виконаних комерційних проектів?
+ чого точно не повинно бути в портфоліо?
+ це все? можливо ще щось додати?

#портфоліо

Які роботи додавати, а які ні?

Додавайте ті роботи, по яким ви хочете працювати. От є у вас досвід створення лендингів, але ви хочете змінити профіль та, наприклад, працювати над більш складними багатосторінковими сайтами — додавайте їх в портфоліо. Раніше робили логотипи, але вирішили піти в іллюстрації — додавайте іллюстрації.

Додавайте ті роботи, що відображають ваш поточний рівень навичок. Тобто ідея публікувати роботу 2х-річної давнини або роботу після купи клієнтських правок не дуже хороша ідея.

Про що писати опис?

Пишіть те, що буде цікаво та корисно знати вашим клієнтам. Поставте себе на місце клієнта — що йому важливо знати? Що він повинен побачити, щоб обрати вас серед інших дизайнерів? Особисто я створював свій сайт-портфоліо для зарубіжних клієнтів на фрілансі, тому кейс формував наступним чином: розписував хто мій клієнт, яке було завдання, який термін виконання проекту, а також всі цікаві рішення, що застосував в дизайні. Але, до речі, мені це не завадило знайти роботу в продуктовій компанії.

Що робити, якщо я новачок та немає виконаних комерційних проектів? Що ж додати?

— Придумай собі проект. Чому б й ні? Ліньки думати — чат GPT прийде на допомогу та напише тобі завдання.
— Зроби редизайн уже існуючого сайту. Перероби білборд, що висить біля дому. Заверстай свою версію меню з улюбленої кафешки. Обгрунтуй свої рішення, розпиши що покращив/ла.
— Виконуй тестові. Це дуже хороший варіант поконтактувати з роботодавцями та отримати перший досвід.
— Зайди на біржі фрілансу та візьми звідти завдання.

Це все? можливо ще щось додати?

Так, в портфоліо не завадять твої контакти. При чому під кожною роботою. Клієнт чи роботодавець повинен мати можливість в будь-який момент часу знайти як з тобою звязатись для контакту. Телефон, електрона пошта, мессенджери, тощо.

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

Скажіть, була інфа корисна? Якщо так, то підтримайте реакцією ❤️

Якщо хочете отримати рекомендацію по покращенню портфоліо — прикріпіть його в комментах👇


Шаттерсток, тут про тебе меми пилять. Та й не тільки про тебе...


Видео недоступно для предпросмотра
Смотреть в Telegram
У Figma додали кастомні курсори, погратись можна буде до 11 квітня.

https://www.figma.com/blog/april-fun-day-cursors/


А тепер до дизайну))

Дизайн це проектування.

У дизайна є всього дві функції:
1) допомогти людині/бізнесу продати товар/послугу
2) зробити товар/послугу зручною для людини/бізнесу

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

UI/UX дизайнер також поєднує ці дві речі: розробка зручного інтерфейсу для продукту може допомогти бізнесу отримати більший прибуток. Так, наприклад, я в Work.ua працюю над покращенням інтерфейсу та новими функціями сайту і застосунку. Зручний інтерфейс допомагає в тому, щоб шукачі роботи користувались сервісом. А роботодавці будуть готові платити гроші за розміщення вакансій тільки тоді, коли з допомогою сервісу зможуть знайти гарного працівника.

Дизайнер банерів для таргету допоможе в продажах товарів/послуг.

Тобто ці дві функції можуть йти як разом, так й окремо. Але головне — якщо ти хочеш бути успішним та багатим дизайнером — продавай не картинки, а користь твоєму потенціальному покупцю (ЦА). Покажи, що твій дизайн вирішить проблему клієнта й допоможе заробити багацько грошей — й сам/а отримаш багацько грошей за свої послуги.


Як влаштований світ 🌍

На планеті Земля живуть люди, цікаві такі тваринки. У них є різноманітні проблеми: болить зуб, пустий холодильник, нудно, холодно, немає відносин, є проблеми в відносинах, не подобається ремонт, тощо. Вони шукають вирішення цих проблем. Вирішенням їх проблем, як не дивно, займаються також люди. Але одна людина вміє вирішувати одні проблеми, наприклад, лікувати зуби, а інша вміє робити ремонт в квартирі. Й часто так буває, що вони не хочуть напряму бартером обмінювати лікування зубу на ремонт. Бо у цих двох послуг може бути різна цінність, затрати часу, час потреби (зуб треба поремонтувати вже сьогодні, а ремонт буде потрібен через кілька років). Тому для зручного обміну одних товарів і послуг на інші існують гроші — самий цінний та жаданий товар. Гроші можуть мати різну форму: раніше це було золото та срібло (рідкісні метали), потім паперові клаптики, а наразі взагалі циферки на екрані можуть бути грошима.

В процесі економічного життя люди дійшли до того, що іноді проблему одна людина не могла вирішити. Наприклад, одна людина не може побудувати корабель. Тому люди почали освоювати різні навички, а потім кучкуватися, щоб разом робити товар/послугу, яка б вирішувала проблему інших людей. Так й з'явились компанії. Компанії, як і люди, мають проблеми та звертаються за їх вирішенням до людей/компаній. Але не забуваємо, що компанії то також люди: вирішення проблем компанії (ремонт в офісі, печиво на кухні чи редизайн сайту), то вирішення проблем людей, що працюють в ній.
________

👉 Отже, якщо ти людина, то у тебе є проблеми, які ти хочеш вирішити. Вирішення проблем можливо за допомогою грошей. Що ж потрібно, щоб отримати ці самі гроші? Потрібно дати іншим людям цінність: товар або послугу, за яку люди будуть готові платити. А люди готові платити за щось лише, якщо це вирішує їх проблеми. Прослідкуй за своїми витратами, впевнений, що там немає речей, які б не вирішували якусь твою проблему.

Як заробляти багато? — давати велику цінність якомога більшій кількості людей. Проаналізуй, хто в першій сотні самих найбагатших людей планети Земля. Згадай, кого ти знаєш багатого та успішного в своєму місті та чим вони займаються.

Й це все що я розписав вище прекрасно вкладається в концепцію грошового квадранту Кіосакі:
— найманий працівник отримує гроші за користь, що приносить компанії
— фрилансер/малий бізнес отримує гроші за користь, що приносить різним людям/компаніям
— великий бізнес отримує гроші за користь, що приносить мільйонам людей/тисячам компаній
Тільки блок з інвесторами відрізняється, бо інвестиції то метод збереження та приумноження грошей. Але інвестори ж ті гроші не беруть з пустоти — вони можуть бути з будь-якого блоку)) Та й інвестиції це вкладення грошей в бізнеси — а значить все одно повертаємось до принесення користі людям/компаніям.

⬇️⬇️⬇️


Вихідний. Й якщо всі адекватні люди відпочивають, то я дивлюсь курс BRAND FATHER від Андрія Федоріва.

Він в першу чергу для бізнесменів, АЛЕ... Але я вважаю, що це мастхев для дизайнерів також. Чому?

Бо дизайнер повинен знати як працює або ж має працювати бізнес. Хто цільова аудиторія, які в неї болі, чого вони хочуть, як компанія себе позиціонує на ринку, яке УТП, тощо. Бо у дизайнера ЦА — бізнес 😅 Тобто все це одночасно й має знати дизайнер, якщо прагне знайти клієнта чи роботодавця, а потім з ним плідно співпрацювати.

А ще мені тупо сподобалось як він нахвалює дизайнерів та вважає, що їх недооцінюють. От да, купився на це 😂


Якби Figma з'явилась в 2002-му на Windows XP


Дизайн — самий недооцінений інструмент маркетингу на пострадянському просторі. Він важливий, бо напряму апелює до серця споживача. Бо споживач тягнеться до двох речей: порядку та прекрасного.

Дизайн в першу чергу це порядок, система, що переконує споживача, що товар/послуга це щось якісне. А в другу, саме дизайн робить продукти красивими, саме дизайн породжує незрозуміле бажання володіти.

© Fedoriv Vlog, курс Brand Father


Скільки заробляє нормальний фрілансер?

Більше, ніж витрачає.

Незалежно від розміру доходу, якщо за результатами місяця залишилося більше грошей, ніж за цей місяць було зароблено, значить усе гаразд.

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

Навіть покупки здійснюються більш раціонально. Більше уваги приділяєш питанню якості, а не ціни. При цьому це не означає, що купуєш усе дороге. Просто прибираєш цю змінну (вартість) з рівняння і орієнтуєшся вже на інші параметри (на відгуки споживачів, наприклад). Купуєш оптом і економиш на цьому. Якщо береш підписку на щось, то відразу на рік.

А абсолютні показники заробітку мало про що говорять. Залежно від регіону різна зарплата матиме різну цінність і купівельну спроможність. А ще у всіх різні витрати. Фрілансер в Києві, який заробляє 100 тис. грн на місяць, може постійно йти в мінус, тому що витрачає 120 тисяч на сім'ю з чотирьох людей (в якій є єдиним джерелом доходу) і велику квартиру. Виходить по 40к на людину, що дає змогу жити набагато гірше, ніж, наприклад, самотньому фрілансеру з Кропивницього із зарплатою в 20к, з якої той ще й відкладає до 30% на місяць.


Видео недоступно для предпросмотра
Смотреть в Telegram
Прикольно на сайті сексшопу зробили рухливі іграшки. Відразу можна зрозуміти що як рухається.

Й правильно, що зробили анімацію лише для 2-3х товарів на сторінці. Це привертає до них увагу, виділяючи серед інших. Інакше б ця анімація дратувала.


Три речі, що цікавлять будь-якого замовника (дизайну, та й не тільки):

1) Чи зможе виконавець зробити те, що йому потрібно
2) Скільки часу займе
3) Скільки буде коштувати робота

Все інше, то вже додаткова інформація, яка тільки показує твій професіоналізм, продає, але вже не стосується безпосередньо замовлення.


Видео недоступно для предпросмотра
Смотреть в Telegram
grids.obys.agency — класний сайт про сітки від харківського Obys Agency. Крім цікавого лейауту та скролінгу ефектів тут можна подивитися на приклади використання різних модульних сіток у реальних проектах. Також є непоганий список книг на тему. Рекомендую 😉

P.S. Спробуйте натиснути "Crazy mode" у шапці. Відмінний приклад ігрового елемента, який додає ще один шар контенту.


У розетки знайшов віконце як знімати мірки для визначення розміру одягу. В тексті нумерація, на картинці A, B, C...

#ux_errors


Залишити макет помаринуватися

Коли ти пиляєш макет кілька годин поспіль, то стає складно дивитися на роботу об'єктивно. Ти не бачиш дрібниць, косяків, бо очі замилені до біса.

В один момент потрібно чесно визнати, що ти тут нічого більше не зробиш, розвести руками і залишити роботу на день-два помаринуватися.

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

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


Головне правило прокачування навичок (скілів - від англ. skills)

На початку року багато хто планує прокачати скіли. Дам непрохану пораду щодо прокачування, яка заощадить час і гроші.

Хардскіли — це володіння конкретними інструментами і навичками.

Так ось, хардскіли є сенс прокачувати тільки тоді, коли ви зможете закріплювати знання постійною практикою, або коли є конкретна мета застосування скілів. Наприклад, немає сенсу вчитися працювати у Фігмі, якщо на практиці вам це не потрібно. Немає сенсу вчитися будувати CJM, якщо ось прямо зараз вам їх не треба будувати. Не обов'язково вчити англійську тільки тому, що всі її вчать.

Коли немає потреби і практики — хардскіл засвоюється погано і забувається швидко. Щойно буде потреба, тоді й вивчиться швидко і закріпиться практикою.

Софтскіли — м'які навички або особисті якості.

Так ось, софтскіли прокачувати можна завжди, оскільки практикувати їх можна регулярно і вдома, і на роботі.

Загалом, не витрачайте час на глибоке занурення в те, що не потрібно на практиці.


Якщо ви хочете чогось досягти в житті — прислухайтесь до тих, хто вже досягнув.

Хочете стати успішним дизайнером — прислухайтесь до успішних дизайнерів. Хочете купити квартиру — поспілкуйтесь з тими, хто вже купив квартиру. Хочете стати мільйонером — прислухайтесь до порад мільйонерів. Хочете мати чудові відносини з партнером — слухайте що кажуть ті, в кого чудові відносини.

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

Взагалі, перед тим як слухати чиїсь поради задайте собі запитання: А чи хочу я жити так, як живе ця людина?


Редизайн Work.ua

Історія цього проєкту почалась ще влітку (а можливо й раніше). А вчора, у святвечір, Work.ua оновив свій дизайн. Команда продукту осучаснила дизайн, переробила різні елементи, змінила шрифти і це більше ніж на 200 сторінках сайту. Радий, що хоч й частково, але був залучений до цього проєкту.

Що саме зробили?
+ збільшили ширину контейнера для контенту та замінили й збільшили шрифт
+ з каркасної системи перейшли на карткову (кожна вакансія окремою карткою зі скругленням)
+ перенесли підказки до пошуку всередину самого пошуку. Вони показуються при введенні запиту.
+ розширений пошук по вакансіям перенесли з шапки вниз до сортування

На скрінах показав до-після, але ви заходьте на сайт та дивіться власними очима. Й не забувайте ділитись враженнями в коментарях, мені цікава думка кожного!

Всіх зі святами, котики! 🎉❤️


— Підскажіть будь ласка який розмір шрифта зазвичай використовують у мобільних версіях дизайну для основного тексту?

Зазвичай такий же розмір, як у десктопу залишається або ж трішки меньше.

Наприклад, якщо на десктопі 18, на мобілці можна понизити до 14-16. Але можна й не змінювати взагалі, треба по дизайну дивитись.

Якогось прям чіткого правила який розмір використовувати немає. Головне, щоб текст зручно зчитувався.
_____

📩 Залишай свої #запитання в коментарях до цього допису, буду по можливості відповідати на них👇


— Добрий день , хочу бути графічним дизайнером , можете будь ласка порекомендувати програми ?

Привіт!

Для графічного дизайнера список такий:
+ Illustrator,
+ Photoshop,
+ Power Point (якщо презентації плануєш робити),
+ Figma (знаю граф. дизів, що у фігмі роблять ті ж прези чи банери, та й в цілому для загального розвитку зайвим не буде).

Ще додатково не завадить уміти в 3D, хоча б мінімально, там можна Blender або простенький Spline опанувати.

Але Illustrator то топ-1 для граф. дизайнера, без нього не обійтись.
_____

📩 Залишай свої #запитання в коментарях до цього допису, буду по можливості відповідати на них👇


Отримав сьогодні адвент-календар для працівників work.ua. Наша графічна дизайнерка чарівниця, що робить дуже круті ілюстрації 🥰

Як вам малюнки?

Показано 20 последних публикаций.