tgoop.com/webium_design/284
Last Update:
Уявімо ситуацію: у твого замовника є емейзінг контент, який може вирішити чи не всі проблеми людства та допомогти світу стати кращим. Але його так багато, що люди втрачають увагу та йдуть із сайту, не дійшовши до середини. Тож тобі, як крутому дизайнеру, треба зробити так, аби аудиторія догортала до кінця. Mission impossible? 🤯
Не поспішай з висновками, бо тут на допомогу приходить scrollytelling. Так-так, той самий, про який я розповідав у пості про тренди 2023.
🧐 Скролітелінг (скролінг + сторітелінг) — це формат контенту, який перетворює довгі лонгріди на прості інтерактивні історії. Це як серіал, де головну роль відіграють сенси, а шрифти, анімації, фото та відео — другорядні персонажі, які роблять сюжет цікавішим. Так і народжується картина, від якої не можна відірватися.
Окей, звучить круто, але як це втілити?
1️⃣ Створи героя. Хай це буде анімований ведмідь або інший намальований персонаж. Важливо зробити так, аби читач бачив, з ким він має справу.
2️⃣ Додай звук. Аби підсилити ефект присутності, додай відповідну мелодію, тріск, зойк тощо. Мені дуже подобається, як це зробили в адаптації книги письменника Нам Ле «Човен».
3️⃣ Візуалізуй дані. Так, ще один хак з минулого посту, який можна і треба використовувати у скролітелінгу. Це спростить життя читачеві та відмовить його від думки покинути сайт через складні цифри. Ось тут гарно показали, як це втілити на практиці.
4️⃣ Анімуй. Все що можеш (і що не можеш теж 😅), бо важливий компонент скролітелінгу — динаміка.
5️⃣ Спрощуй. Нашому мозку складно уявити, що таке 10 000 м2. Але це можна спростити, показавши, що у цій площі можна розмістити місто Київ 12 разів. Або ось приклад того, як показати відстань між космічними об’єктами.
А які приклади скролітелінгу зустрічав ти? Ділися у коментарях, обговоримо 🙄