Редизайн резюме
This post is available in English. See “Resume redesign”
Якщо вам цікаво побачити як моє резюме змінювалось з часом, рекомендую прочитати попередній пост — “Історія мого резюме”. А в цьому пості я опишу як саме я дизайнив моє нинішнє резюме.
Last version (28.07.2023)
Для початку, давайте подивимось на результат.
Хоча можливо вам зручніше буде дивитись на сам PDF. Не забудьте написати в коментарях, що ви думаєте про цей дизайн.
Starting point
Ось з такого резюме я починав. Воно плюс-мінус непогане. Із суттєвих переваг є те, що воно достатньо чисте і мінімалістичне. Хоча це як подивитись — з іншої сторони це мінус — занадто нудто та не притягує увагу.
First experiments
Коли мені розповіли, що з фігми можна експортити PDF в якому будуть працювати лінки, мене дуже сильно захопило натхнення.
І я почав експериментувати з дизайном:
Загравання з асиметрією явно непогано сказуються на візуальному сприйнятті, хоча в деяких випадках мішають сприймати інформацію.
Відкладемо в сторону, давайте подивимось на інші ідеї:
Правий варіант зовсім невдалий. А от лівий варіант цікавий, хоча і недороблений. Запам’ятаємо, що виділити “сайдбар” якимось специфічним чином — це гарна ідея.
Тепер почнемо експериментувати по справжньому:
Кольорові блоки роблять резюме досить унікальним. Процитую відгук: “мені подобається, такий собі блюючий радугою єдинорожка”. Розхлябанність блоків (виражена асиметрією) виглядає цікавим рішенням. Червоний колір виглядає цікаво, але не дороблено.
Але є мінуси: в цих варіантах завеликий візуальний шум.
Тим не менш, продовжуємо експериментувати в тому же направленні:
Як там кажуть: це настільки погано шо навіть добре. Хоча ну якщо чесно, то ці варіанти мені все ж дещо подобаються, але я не можу придумати, як зробити гарну читаємість.
Чорний градієнт в хідері — файно, у всіх інших місцях — таке собі. Із мінусів — градієнти нехило розкачують об’єм файла.
Наступний варіант я спочатку видалив, щоб забути як страшний сон. Але це треба показати:
Не даремно кажуть, що темні теми найскладніші для дизайну. Як бачимо, проектування темних тем це не моє.
Повертаємось до найбільш вдалих варіантів та дороблюємо:
В варіанті зліва вперше з’являється spider chart. Варіант справа показує, що якщо прикрутити яскравість кольорів, то сильно покращиться читаємість.
І ще трошки експериментів:
І ось тут видно зачатки ідеї, що кольорові блоки повинні вигинатись вслід за текстом.
Last position text
Відкладемо трохи дизайн. У мене закінчується проект, треба написати текстовку під останню позицію.
Ця текстовка була мною написана ще декілька місяців тому, коли виникли перші проблеми з бюджетуванням. Тому я почав активно писати всім гарним людям з проекту рекомендації в лінкендіні. А для цього прийшлось створити екстренно опис позиції. Вийшло погано:
Далі через декілька спроб у мене виходять більш кращі варіації. За це я завдячую друзям, які натякнули, що якщо я координую команду клієнта, то треба так і писати, а не мямлити “deep cooperation”/”deep communication”. Ну там взагалі дуже багато рекомендацій було: додати числа тощо. Дивимось варіації:
В принципі вони вже майже непогані. Але ліва завелика. А права може буде допрацьована.
Щоб зрозуміти, чому ліва завелика, пропоную глянути на ці варіанти вписані в резюме:
І далі через декілька ітерацій, знову ж таки, завдячуючи друзям, я приходжу до такого варіанту:
В порівнянні з початковим варіантом це просто космос. Мене тут все таки напрягає, що тепер замість того що “I led a tech team of 5 devs” у мене “I led a team of 8”. Просто у мене є якесь несвідоме сприйняття слова “led” як “they report to me”. Тим не менш, як ми перевірили, я зможу детально пояснити, чому я “led” не тільки девів, а й ui/ux, BA.
Finishing design
Що ж, ми можемо далі накручувати дизайн. Добавляємо кольорові блоки з нахилом, створюємо сильну асиметрію. Щоб місце вверху не пустовало, прийшлось додати “архітектурну” діаграмку. Дивимось:
Нецікаві позиції зроблені в сірих блоках, щоб не фокусувати увагу. Сайдбар не має свого кольору і саме тому він виділяється.
А далі у нас починаються ігри з управлінням увагою. За рахунок вибору між Bold/Regular/Light ми суттєво підвищуємо читаємість:
Як ви могли помітити, в цих дизайнах я ще не використовав останню текстовку, оскільки її я доробив пізніше.
Фінальна версія за рахунок нової текстовки має збільшений розмір шрифту, що дуже покращило читаємість. Окрім цього резюме було переорієнтовано на повністю лідську позицію.
Що далі
На майбутнє я думаю про переорієнтацію свого резюме із Portrait режима в Landscape. Справа в тому, що хоча Portrait і є натуральним для документів, на робочому моніторі він створює проблему читаємості. Ось робоча чорнетка цієї ідеї:
З іншої сторони, Landscape режим не дуже юзабельний на мобільних девайсах.
Окремо встає питання оптимізації. Фігма експортує документ об’ємом в 5 мегабайт, а після компресії результат хоч і стає краще, але залишається невтішним — 1.5 мегабайта. Схоже, це пов’язано з тим, що фігма не експортує шрифти, а конвертує кожну букву в окрему векторну картинку.
Будь ласка, напишіть в коментарях, чи подобається вам моє нове резюме.
