Редизайн презентації для консалтингової компанії
Про проєкт
Консалтингова компанія Enercor працює на міжнародному ринку послуг з управління та реструктуризації малоефективних підприємств. Раніше клієнт співпрацював із нами в рамках веброзробки, і на момент звернення вже мав свій логотип, фірмовий стиль і дизайнерські макети сайту. Після завершення проєкту клієнт звернувся до нас знову, тільки цього разу за редизайном і розробкою презентації компанії в Microsoft PowerPoint.
До речі, кейсів, коли клієнти повертаються, в нас досить багато. Ні на що не натякаємо, але кажуть, що працювати з нами приємно та ефективно.
Завдання
Отже, слідом за новим вебдизайном компанія Enercor задумала оновити презентацію про компанію, щоб освіжити зовнішній вигляд слайдів відповідно до стилістики сайту. Редизайн – це гарна ідея, адже згодом зовнішній вигляд цифрових продуктів застаріває та потребує оновлення, спираючись на сучасні візуальні тренди.
Що ми маємо
Клієнт надав нам старий варіант презентації, який потребує повного дизайнерського апгрейду. Зміст і структура тексту не вимагали особливих змін, тому послуги наших копірайтерів не знадобились:
Що від нас вимагалося:
- створити сучасну бізнес-презентацію в мінімалістичному європейському стилі;
- витримати фірмовий стиль компанії, зокрема стилістику сайту;
- зберегти текстовий зміст і структуру презентації;
- використовувати виключно світлий фон для слайдів;
- виконати презентацію в Power Point з огляду на широкі можливості програми для анімації та редагування контенту на стороні клієнта.
Розробка та дизайн презентації
Принцип розташування контенту
Всі блоки на слайдах розміщені за принципом візуальної ієрархії: блоки інформації логічно згруповані та пов’язані за змістом, що дозволяє відрізнити головне від другорядного. Ми постаралися організувати весь контент так, щоб слухачам презентації було максимально зручно сприймати інформацію. А щоб презентація не виглядала нудною, практично всі слайди візуально відрізняються один від одного.
Було:
Стало:
Деякі моменти розміщення контенту додатково узгоджувалися з клієнтом. Так, одним із побажань замовника стало розміщення в шапці слайдів логотипа, а навпроти нього, де це можливо, активного посилання на сайт компанії:
Шрифти
Для презентації ми використали той самий шрифт, що й на сайті компанії: Plain — простий, універсальний і досить гнучкий, оскільки має 12 написів і відповідних їм курсивів.
Короткі та влучні заголовки виконані крупними прописними літерами у фірмовому тирлично-синьому кольорі. Цитати виділені курсивом, а як основний текст презентації вибраний до міри широкий і насичений за накресленням шрифт, що не дасть тексту загубитися чи розмитися при демонстрації слайдів на екрані проєктора:
Іконки та ілюстрації
Щоб заощадити час і зменшити вартість дизайну, частину іконок було взято з корпоративного сайту чи стокових сайтів. Однак більшу частину графічних елементів ми відмалювали самостійно у векторному графічному редакторі Adobe Illustrator. Погляньмо, що з цього вийшло.
Було:
Стало:
Фонові ілюстрації у вигляді абстрактних елементів, схожих на нейромережі, були частиною фірмової стилістики компанії, тому нам залишалося грамотно їх розташувати відповідно до всіх принципів композиції:
Инфографіка
Це один із найефективніших способів візуалізації сухої та складної інформації. Структуровані дані у вигляді інфографіки сприймаються в 30 разів краще, ніж звичайний текст. Саме тому ми приділили їй особливу увагу та продумали всі деталі: смислове розміщення елементів зважаючи на зручність сприйняття, витримку стилістики та структуру презентації, а також підбір відповідних анімаційних ефектів.
Було:
Стало:
Було:
Стало:
Зображення
На прохання клієнта більшість зображень було взято із сайту Enercor. У випадках, коли відчувався брак візуального контенту, ми зверталися до стокових сервісів і підбирали відповідні варіанти фотографій із ліцензією на використання.
В роботі із зображеннями ми застосували редактор для растрової графіки Adobe Photoshop, зокрема для видалення зайвих деталей і корекції кольору портретних фотографій.
Було:
Стало:
Анімація
Щоб оживити офіційну бізнес-презентацію, на прикладі вебсайту компанії ми застосували плавні анімаційні ефекти. Різниця в тому, що анімація на сайті спрацьовує при наведенні курсора на елемент інтерфейсу, а в презентації ефекти застосовуються до зображень і тексту та відтворюються при переході слайдів.
Вибір анімації спирався на вже наявні ефекти корпоративного сайту, щоб наголосити на єдності бренду в цифровому (і не тільки) середовищі. Як ми вже згадували, в презентації немає однакових слайдів, за винятком тих, які несуть одне й те ж смислове навантаження. Але водночас усі 28 слайдів презентації пронизує єдність не тільки схожих за стилістикою елементів (наприклад, іконки + опис, заголовки + плашки тощо), а й подібних анімаційних ефектів: поява, підйом, переміщення тощо. В результаті плавний рух об’єктів вселяє слухачам презентації відчуття спокою, а грамотне налаштування напрямку цього руху (зліва направо, зверху-вниз) створює зручність для сприйняття презентації:
Також слайдам притаманна певна послідовність анімацій, реалізована за допомогою налаштування швидкості та тривалості того чи іншого ефекту. А на деяких слайдах анімація дає відгук у відповідь на дію користувача. Так, на слайді з демонстрацією філій компанії можна спостерігати поступову появу поінтів на карті, а також мерехтіння назви тієї країни, де він з’являється:
Підсумки
Консалтингову компанію Enercor можна за правом назвати нашим постійним клієнтом, адже нам вдалося розробити для них не тільки стильний і функціональний сайт, але й схожу за стилістикою бізнес-презентацію, що відповідає всім вимогам сучасного дизайну та конкретним маркетинговим завданням компанії. Усі слайди презентації витримані у фірмовому стилі, а весь масив складної інформації представлений у зручному форматі у вигляді динамічної інфографіки. Плавна анімація не лише підтримує інтерес, а й фокусує увагу слухачів на головному.
