Редизайн презентации для консалтинговой компании

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