​​Нарешті зробив добірку ста кращих своїх слайдів за версією мене.

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

Гадаю, що вам буде цікаво та корисно, а мені не завадить такий челендж, бо давно вже їх не робив. Отже запрошую до #top100slides

​​Слайд №1 з #top100slides

Це один із слайдів презентації для західних клієнтів про крутість українських айтівців для аутсорсу.

Задача конкретно цього слайду — показати, що в Україні дуже багато талановитих та технічно підкованих спеціалістів.

Я поміркував над слайдом та реалізував наступні рішення:
- заголовочок «Hire with confidence», котрий далі обгрунтовується;

- ключове повідомлення крупно та по центру про те, що 20 000 нових крутих розробників випускаються щорічно;

- додаткова раціональна аргументация основної тези. Дуже важливо фактами підтвердити свої гучні заяви, на слово вам навряд чи повірять: 36 000 випускників мають відношення до області STEM, 402 універи та коледжи ну і те, що вони вивчають прикладну математику, дата саєнс та штучний інтелект;

- жовтий колір брав з брендбуку замовника;
ну і на фон слайду я вирішив знайти крутий та асоциативний до технічно підкованих спеців віжуал — неймовірний Чернівецький національний університет імені Юрія Федьковича.

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

​​Слайд №2 з #top100slides

Календар запланованих забігів с перешкодами Spartan Race 2022.

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

- зліва рівнесенько та акуратно розмістив чотири текстові блоки: назва болдом та фірмовим червоним коліром, а варіанти дистанцій — білим регуларом.

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

- ну і також на слайд добре лягли асоциативні з кожної локацією лінійні іконки.

​​Слайд №3 з #top100slides

Титульний слайд, який я розробляв для свого друга, котрий виступав на крутезній конференції SMX Advanced у Берліні.

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

Обмозкувавши це я запропонував спікеру візуальну концепцію презентації у стилистиці легендарної трилогії «Назад до майбутнього». Типу вони теж експерементували, помилялись та винайшли крутезне рішення. Дмитро погодився і у нас вийшла інформативна та прикольна преза у єдиній стилистиці, котру багато слухачів добре сприйняли та запам’ятали. А Дмитро прокачав свій особистий бренд на міжнародній арені.

Презентація в основному виконана в темних тонах з контрастним жовтим коліром заголовків для більшої читабельності. Надпис я сховав позаду Марті за допомогою фотошопу — це ж титулка, все повинно буди ярко та «щоб хотілося облизати».

​​Слайд №4 з #top100slides

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

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

​​Слайд №5 з #top100slides

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

Тут я знайшов круту фотку як раз штучної хвилі та серфера. Фінальний призов до дії «Let's rock» я розмалював у кольори умовного Майамі, що асоціюється з серф-культурою (ну і ще з GTA). Та погрався с текстом, приховавши його за чуваком.

​​Слайд №6 з #top100slides

Слайд з результатами 5-місячної рекламної кампанії «Flint Зоряна битва», яку перформіла команда Promodo для бренду сухариків Flint.

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

Для цього я:
- розмістив показники, починаючи з найважливіших;

- числові значення зробив великим тонким шрифтом, а знизу акуратні текстови підписи;

- всі елементи вирівняні один відносно одного: рівняння по лівій межі Сатурну, одна базова лінія для верхнього рядку, рівняння по центру планету для другого рядку тощо;

- у другому рядку я позбавився текстових значень про реакції в соцмережах «Згадки», «Коментарі», «Вподобайки» та замінив їх на відомі іконки. Таким чином я трохи розгрузив слайд, зменшивши кількість тексту.

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

- праворуч внизу також є посилання на повний кейс для більш глибокого ознайомлення. Ця презентація розповсюджувалась у форматі .pdf

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

Слайд №7 з #top100slides

Слайд, на який у мене був час та натхнення.

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

Хронологія подальших подій:
- я купив пачку чіпсів та насіння;
- роздрукував графіки на А4;
- увімкнув Тапольского;
- обережно розклав чіпси та насіння на надруковані графіки;
- сфоткав на смартфон;
- закинув фотку у гугл-презу;
- додав смисловий заголовок з ключовим висновком усього слайду та підписав дані;
- закрив ноут та пішов за наступним фільтром.

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

​​Слайд №8 з #top100slides

Тут мова йде про перспективність гідроелектростанцій та власне енергію потоку води.

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

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

​​Слайд №9 з #top100slides

Дуже старий слайд. Він важливий з точки зору структури презентації, бо це підведення до подальшої аругментації. Ми кажемо, що світ збожеволів на ЗОЖі і тому наші послуги спортивної анімації актуалізуються. Це логічний та зрозумілий сторітелінг, який відповідає на багато питань клієнта чому саме так, а не інакше.

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

​​Слайд №10 з #top100slides

Слайд про привабливість та перспективність айті-ринку України.

На питання західних клієнтів чи інвесторів типу «А що там та як воно в Україні?» у нас є що відповісти. Вже більш ніж 100 ведучіх компаній світу відкрили у ненькій свої офіси R&D та з розробки софтверу. І далі показуємо топові 16 компаній, які вже тут.

В випадках коли вам потрібно показати багато логотипів, головне — упорядкувати їх, щоб все виглядало нехаотично. Логотипи абсолютно різні за своєю композицієї, тому перш за все треба намалювати собі сітку (тут 6х3), а потім вже розміщати, масштабувати та рівняти по ній логотипи.

А потім я додав затемнену світлину Київа як фонове зображення, а наші лого та заголовок поклав на окремі плашки, щоб зчітувалось три блоки слайду: фон, логотипи, заголовок.

​​Слайд №11 з #top100slides

Доволі популярний тип слайду, де потрібно розповісти про декілька принципів, послуг чи особливостей продукту чи сервісу.

Що я тут зробив:
- великий жирний заголовок, який одночасно є ствердженням та обіцянкою кінцевого результату;

- три підзаголовки під кожну з обіцянок;

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

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

​​Слайд №12 з #top100slides

Титульний слайд для виступу Олександра Колб на iForum 2021, який проходив на НСК Олімпійський у Київі.

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

Напевно більше нічого не скажу про цей слайд. Показав його Олександру, він каже «Норм, погнали далі».

Слайд №12 з #top100slides

Слайд для виступу на конференції у Казахстані 2016 року. Тут треба було розповісти власникам бізнесу, тобто не технічним спецам, що таке SEO простою та зрозумілою мовою.

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

На цьому слайді ми кажемо, що 80% успіху усіх робіт з SEO — це основи. Тому я знайшов цей гарний віжуал, який посилює наш меседж: яйця, як базовий та основний елемент приготування багатьох страв та кухонь різних країн світу. Спочатку розбиваємо яйця, а потім вже додаємо сіль, спеції, трави, змішуємо, смажемо, запікаємо тощо. Але яйця, як і SEO — це основа.

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

Слайд №13 з #top100slides

Слайд, де спікер розповідав про здобутки Гугла за 2020 рік.

Праворуч я розмістив гарненьку світлину СЕО Гугла ще й з логотипом. Плюс його погляд спрямован на зону наших текстів, а глядач часто слідкує за поглядом герою слайду.

Ліворуч розміщені три текстові блоки с ключовими показниками за рік. Жирне накреслення чисел, розфарбованих у фірмові кольори Гугла, та прописний регулар для описів, бо цю презентацію дивилися на стадіоні.

Все вирівняно, є віжуал, акценті числа, описи та повітря з усіх боків текстів, щоб все виглядало добре.

Слайд №14 з #top100slides

Ще один приклад як показати 5 кроків, принципів чи складових.

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

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

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

Тексти вирівняні по центру та мають різний кегль, бо є велики блоки та маленькі на п’ять слів. Намагався якось синхронізувати їх за вагою.

Шрифти на слайді: чудовий Montserrat, накреслення Thin та Regular.

Цікаве та важливе спостереження.

Усі презентації, які наразі у мене в роботі — це виключно український бізнес та волонтерські організації.

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

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

І саме тому я зараз мотивований та спокійний. Я дуже щасливий, що мої навички та діяльність наразі у нагоді. Саме так я можу допомагати. Роби своє.

Слайд №15 з #top100slides

Можна сказати, що це такий собі слайд-постер.

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

Чітке та зрозуміле повідомлення «Bullet is back», яке легко зчитується на фоні самого байку та всього три кольори на слайді роблять його стильним та інформативним.

​​Слайд №16 з #top100slides

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

Уявіть собі, що у вас є якись цінний скін у CS:GO чи Dota 2. Ви щось обрали на умовній Розетці і при виборі спосібу оплати серед варіантів є можливість оплати вашим скіном. Ось для такого сервісу я робив презентацію.

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

Ну і чітке повідомлення-заголовок про те, що ігрові предмети — це нова валюта. А не якесь безлике «Комерційна пропозиція компанії Skinsback».