Как презентовать веб-дизайн? / Хабр

Меня всегда мучал вопрос про то, как многие дизайнеры и целые студии рисуют по 5-10 вариантов дизайна веб-сайта и никак не могут продать его клиенту. Мне кажется, это происходит по двум причинам. Первая — неверная постановка задачи со стороны клиента или неверное понимание задачи со стороны студии, про эту проблему мы побеседуем позже. Вторая же причина — отсутствие презентации дизайна клиенту.

Каждому свое

Для начала стоит упомянуть всем известную истину — клиент клиенту рознь. Поэтому стандартного рецепта для всех не существует и каждый раз нам всем приходится извращаться и дополнять ту или иную схему дополнительными «специями». Но всех клиентов можно очень грубо разделить на три части по уровню готовности к диалогу со студией:

• Низкий. Клиент делает веб-сайт впервые, не имеет опыта или специалистов, которые могут адекватно выслушать доводы студии. Пытается привнести своих идей из «офлайна».
• Средний. Клиент знает суть дела, знает какие задачи он хочет решить создавая веб-сайт. Может не иметь большого технического опыта, но готов в определенной мере доверять студии. В меру осторожен.
• Высокий. Клиент сам знает все аспекты, которые следует учитывать при разработке веб-дизайна, он является в большей степени надзирающим органом, чем контролирующим.

Вот очень интересное мнение на тему классификации клиентов от версии 1.0 до 3.0 🙂 Соответственно, чем выше уровень готовности клиента, тем меньше требуется времени на перезентацию и тем легче ее проводить. Ниже небольшой график этой зависимости (10 — самый высокий уровень клиента).

Как видно из этого графика, если клиент имеет средний уровень готовности, то презентация не должна занять более 30 минут. При самом же низком уровне время презентации может переваливать за час, что уже тяжело и не особо продуктивно. В случае высокой готовности с клиентом можно и за 5 минут все обсудить, проверено 🙂

Еще несколько факторов

Но выше мы учли только уровень подготовленности клиента, что является главным фактором, но не единственным. Кроме этого, есть еще два немаловажных фактора:

1. Сложность проекта. Чем больше и сложнее проект, тем больше времени понадобится для его презентации.
2. Количество участников. И снова, чем больше людей будет на презентации, тем дольше она будет проходить.

Но, кривая останется такая же. Если на первом графике у нас была презентация простого веб-сайта «один на один». То ниже можно посмотреть как сдвинется кривая при презентации проекта средней сложности «один на три».

Тут уже видно, что с представителями клиента средней подготовленности на более сложный проект нам понадобится больше времени. Ну и чем сложнее проект и чем больше участников презентации тем дольше мы будем воевать 🙂

Структура презентации

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

1. Введение. Напомните о том, что мы хотели достичь, какие задачи мы ставили и в каких рамках их было необходимо выполнить. Старайтесь не принебрегать введением, это освежает память и направляет клиента в нужное русло. Напомните основную задачу презентации — утверждение концепции. Объясните клиенту, на что ему следует обращать внимание, а что несущественно на данном этапе, чтобы избежать вопросов типа «а почему раздел называется не так?»
2. Расположение информации. Расскажите о том, почему был выбран тот или иной лейаут, какие цели выбор преследовал, какие акценты были сделаны и, главное, как это отражается на выполнении поставленных задач.
3. Оформление. Аргументируйте выбор цветовой гаммы и элементов оформления (будь то требования заданные в корпоративном стиле или же что-то новое).
4. Как это будет жить. Поведайте клиенту о том, как это будет выглядеть в реальной жизни, какие блоки будут меняться чаще, какие реже. Какая свобода будет у клиента для работы с этим дизайном.
5. Про будущее. Какие есть идеи развития дизайна в будущем. Расскажите ваши идеи, или идеи сотрудников клиента, даже если эти идеи не планируются к реализации прямо сейчас.
6. Слушайте и дискутируйте. Выслушайте все мнения, даже если они глупые, все запишите, это позволит вам сформировать более полную картину клиента.
7. Резюмируйте. Подведите итог, зафиксируйте его с клиентом и наметьте следующие шаги (изменения в дизайне, создание нового).

Ниже примерная схема деления структуры презентации в зависимости от уровня подготовленности клиента.

Из схемы можно сделать простые выводы — чем выше уровень подготовленности клиента, тем больше разговор идет по существу, снижается внимание к дизайну и повышается внимание к расположению информации, к вопросам того как это будет жить сейчас и в будущем. Чем ниже уровень подготовленности клиента, тем больше придется защищать дизайн и напоминать о задачах.

Из личного опыта

Из своего личного опыта могу поделиться некоторыми краткими выводами.

1. Презентация по свое сути будет бесполезна, если на ней не будет человека принимающего решение.
2. Презентация превратится в балаган если на ней будет больше чем 7-9 человек.
3. Все потеряют нить разговора, если презентация будет дольше чем 40-45 минут (в среднем).
4. Презентуйте на экране (или проекторе) и выдавайте распечатки для заметок.
5. Никогда не показывайте только одну страницу веб-сайта, сразу нарветесь на вопрос «а как будет дальше?»
6. Не делайте презентацию сразу двух концепций, скорее всего не будет выбрана ни одна.
7. Старайтесь не спорить с клиентом, записывайте его идеи (конечно, если это не полный бред), потом будете их разбирать.
8. Старайтесь узнать кто именно будет на презентации и какая у каждого из присутствующих компетенция.
9. Не является презентацией: отсылка эскиза по э-почте, звонок с объяснением по телефону. Этого надо избегать всеми возможными способами. При удаленной работе с клиентами можно использовать какие-либо online сервисы для презентации.

Курс по заработку на дизайне презентаций PowerPoint Ниндзя от Кима Воронина

POWERPOINT НИНДЗЯ

Без опыта | Новичок в дизайне | Опытный дизайнер

Подходит для любого уровня

Слайд ученика на курсе

Слайд до курса

30 января 2023

Старт 21 потока

Кто часто приходит к нам учиться

Преподаватели

Или те, кто работают
в сфере обучения

Мамы в декрете

Люди, которые хотят найти удаленную подработку

Аналитики

Чтобы научиться упаковывать большое количество контента

Менеджеры

Проектные, продуктовые, клиентские и т. д.

Дизайнеры

Кто хочет начать зарабатывать еще и на презентациях

Спикеры

Люди, которые часто выступают на конференциях и вебинарах

Программа курса

46 уроков

продолжительностью
10-60 минут

23 задания

с персональной
обратной связью

6 вебинаров

с теорией и разбором
вопросов от Кима

Более 30

уникальных слайдов
в вашем портфолио

Практика

Делаем слайды про команду и процессы (таймлайн)

Работаем с графиками

Изучаем верстку текста, выравнивание и иерархию

Создаем 3 типа титульных слайдов и работаем с видео

Результат наших учеников на 1 модуле

Модуль 1 — Основные слайды и правила дизайна

Результат наших учеников на 2 модуле

Практика

Модуль 2 — Цифры и диаграммы

Слайд о себе для портфолио

Нагруженные слайды и работа с мокапами

Слайды для вебинаров, анимация

Диаграммы для корпоративных отчетов

Практика

Модуль 3 — Инфографика

Слайды для инвестиционных презентаций

Инфографика — 2 основных формата

Барчарт и диаграмма Венна

Профессиональная анимация для выступлений

Результат наших учеников на 3 модуле

Практика

Модуль 4 — Чек-листы и схемы

Визуальная метафора в дизайне

Модуль 4 —
Чек-листы и схемы

Результат наших учеников на 4 модуле

Схемы и слайды До/После

Сертификаты и чек-листы

Слайды для выступлений

Практика

Модуль 5 — Дипломный проект

Модуль 5 —
Дипломный проект

Результат наших учеников на 5 модуле

Доводите презентацию до финального вида

Получаете текст или плохую старую презентацию клиента

Разрабатываете структуру и дизайн-концепцию

Вы делаете презентацию для реального клиента с нуля под присмотром куратора

Кроме дизайна презентаций, вы узнаете

3 живых вебинара с теорией от Кима

Как общаться в первый раз и продавать себя

Какие вопросы задавать, чтобы продать и уменьшить количество правок + пакет документов (договоры, ТЗ)

Где искать заказы (биржи, соцсети, группы), что писать клиентам (пошаговый скрипт) и как формировать цену на заказ

Как и где искать клиентов

Как работать на всех этапах проекта, чтобы завершить его в срок, а клиент остался доволен результатом и обратился вновь

Как выстроить работу по ходу проекта

Как работать с клиентами

Пошаговый скрипт общения с клиентами

Живой вебинар с теорией от Кима

Особенности форматов

Как правильно подготовить презентацию под вебинар, под почту, под печать

Разберем продающую структуру на примере 10 реальных презентаций Кима (продукт, услуга, инвестиции, идея)

Продающая струкрура

Чек-лист по созданию продающей презентации

Про структуру и форматы

Практические уроки для повторения

Как создавать стильный визуал для ВКонтакте

Оформление ВК под ключ

Узнаете как сделать главную обложку, меню, оформить услуги и посты

Которые привлекут внимание к продукту или услуге вашего клиента

Рекламные креативы для ВК

Практические уроки для повторения

Как делать карточки для Wildberries в PowerPoint

С нуля по шагам вместе с Кимом сделаете такие карточки в PowerPoint

Узнаете, что важно учитывать при создании карточки для маркетплейсов

Как проходит обучение

Смотрите 1 видеоурок
каждый будний день

• Инструменты PowerPoint
• Принципы дизайна
• Сервисы и сайты
• Анализ контента

Делаете 1 практическое задание в PowerPoint каждый будний день

Получаете плохой слайд
и переделываете его по советам
из видеоурока

Получаете персональный видеоразбор от куратора

Куратор покажет, что конкретно сделано хорошо, а что нужно улучшить (как это сделать и почему нужно улучшать)

Посмотрите первый урок курса

Портфолио в конце курса

Более 30
авторских слайдов

Полноценная презентация
Проект для реального клиента

Проверка портфолио
Куратор (опытный дизайнер) поможет выбрать лучшие работы из курса для портфолио

Портфолио
в конце курса

Более 30
авторских слайдов

Полноценная презентация
Проект для реального клиента

Проверка портфолио
Куратор (опытный дизайнер) поможет выбрать лучшие работы из курса для портфолио

Что еще получат участники курса

Лицензионный Microsoft 365

Дарим лицензию с доступом на 1 год, помогаем с установкой

3 вебинара по основам PowerPoint, знакомство с интерфейсом, основные инструменты

Доступ к закрытому чату с заказами

и вакансиями

Доступ к чату с заказами вакансиями

Для тарифов Ниндзя и Сэнсэй

Заказов и вакансий собрано в чате за год

Именной сертификат

Выполните все домашние задания и финальный дипломный проект и получите именной сертификат

Для всех тарифов

Только для выпускников

Доступ к Базе знаний курса

Более 500 редактируемых слайдов из презентаций Кима

Презентация для выступления

полного процесса работы Кима над инвестиционной презентацией

Более 9 часов

Более 1000 редактируемых слайдов Кима

Презентация для инвесторов

Презентация для топ-менеджмента

Презентация для отчета о работе

Презентация для выступления с анимацией

Как сделать видеоразбор презентации клиента

Как работать с заказчиком на всех этапах проекта от первого созвона, проработки структуры, разработки дизайн-концепции до готовой презентации

Выберите тариф
и оставьте заявку на курс

Ученик

• 46 видеоуроков и 23 задания
• Общий чат с участниками этого тарифа
• Записи разборов работ участников с тарифа Ниндзя
• 6 вебинаров с теорией
  и разбором вопросов
• Доступ к Базе знаний
  на 2 месяца
• Именной сертификат
• Доступ к чату выпускников
• Дополнительный курс «PowerPoint Новичок»

37 900 ₽
Подать заявку на 21 поток

Записаться на курс

Ниндзя

• 46 видеоуроков и 23 задания
• Ежедневная проверка всех
  заданий опытным куратором
• Чат с куратором
  и поддержка 24/7
• 6 вебинаров с теорией
  и разбором вопросов
• Доступ к Базе знаний на 6 месяцев
• Именной сертификат
• Доступ к чату выпускников
• Доступ к закрытому чату
  с заказами и вакансиями
• Куратор проводит аудит
  вашего портфолио
• Дополнительный курс «PowerPoint Новичок»

64 900 ₽
Подать заявку на 21 поток

Записаться на курс

Сэнсэй

• 46 видеоуроков и 23 задания
• Ежедневная обратная связь по всем заданиям от Кима
• VIP-чат с Кимом
• 6 вебинаров с теорией
  и разбором вопросов
• Доступ к Базе знаний навсегда
• Именной сертификат
• Доступ к чату выпускников
• Доступ к закрытому чату
  с заказами и вакансиями
• Ким проводит аудит
  вашего портфолио
• Дополнительный курс
  «PowerPoint Новичок»

129 900 ₽
Подать заявку на 21 поток

Записаться на курс

КИМ ВОРОНИН

в сфере визуальных коммуникаций

11 лет

работал дизайнером
в топ-банках страны

презентаций
для топ-менеджеров

> 1000

Старт 21 потока | январь 2023

Курс прошли сотрудники крупных компаний

Результаты моих студентов новичков после 6 недель обучения

0 ₽ на дизайне до курса

Лена пришла на курс полным новичком в дизайне

Лена взяла свой первый заказ еще во время обучения на курсе

30 000 ₽ за неделю на дизайне после курса

Слайды на курсе

Слайды до курса

0 ₽ на дизайне до курса

Паша был в 11 классе, до курса учился по бесплатным урокам на Ютубе

При этом Паша совмещал работу с учебой

190 000 ₽ за 4 месяца на дизайне после курса

Слайды на курсе

Слайды до курса

Новичок в дизайне

Настя профессионально не работала с презентациями

Слайды на курсе

Слайды до курса

После курса навык Насти высоко оценили на работе

Ее презентации лучшие на работе

0 ₽ на дизайне до курса

Надя недавно окончила ВУЗ и искала свое призвание

После курса Надя устроилась дизайнером презентаций в офис

45 000 ₽ в месяц на дизайне после курса

Слайды на курсе

Слайды до курса

Оставаясь на нашем сайте, вы соглашаетесь с использованием файлов cookie

Создание презентаций, инфографики, дизайна и видео

Что вы создадите с помощью Visme?

Сила визуальной коммуникации в ваших руках. Начните свой первый проект за считанные минуты, даже не имея опыта проектирования.

Создавайте увлекательные интерактивные презентации.

Попробуйте бесплатно

Разработка профессиональных отчетов, предложений и технических документов.

Попробуйте бесплатно

Оживите свои данные с помощью интерактивных диаграмм и графиков.

Попробуйте бесплатно

Создайте контент для социальных сетей, с которым будут взаимодействовать ваши подписчики.

Попробуйте бесплатно

Создавайте привлекательные видеоролики, которые привлекут внимание ваших зрителей.

Попробуйте бесплатно

Визуализируйте идеи и концепции перед их реализацией.

Попробуйте бесплатно

Для профессионалов во всем мире

Используется 15 миллионами человек и

компаниями, такими же, как ваша

«Я абсолютно рекомендую Visme из-за его динамичной функциональности и способности интегрировать постоянно меняющиеся медиа и цифровые технологии. Это в сочетании со средой для совместной работы, которая позволяет нашей команде работать более эффективно с течением времени, было огромным плюсом».

Хайме Келм Директор по стратегии бизнеса и данных | Футбольный клуб Лос-Анджелеса (LAFC)

«Visme позволил нашей группе работать более эффективно по всем направлениям. Возможность беспрепятственного перехода между различными проектами на платформе изменила для нас правила игры».

Ной Нельсон Старший руководитель отдела корпоративных отношений | Kraft Sports + Entertainment

«В Visme легко быстро создать что-то, что выглядит так, как будто мы отправили его в рекламную фирму для разработки. Мы создаем много инфографики, создаем баннеры для анонсов в социальных сетях, мы используем новую версию для создания анимированных электронных книг. Visme действительно стала жизненно важной частью того, что мы делаем».

Энн Маккарти Старший директор по обучению | EmployBridge

«Мы рассмотрели ряд различных решений, и у Visme, безусловно, был самый широкий набор функций по такой разумной цене. Наша исполнительная команда сразу же заметила дополнительные штрихи и интерактивность в нашем контенте, как и наши клиенты».

Рэйчел Томас Специалист по внедрению MS Dynamics в Sunrise Technologies

«Очень прост в использовании, даже если у вас нет опыта проектирования, как у меня. меня уносит! Работать с ним стало очень весело».

Тим Бизнес Дев. Менеджер в Zureli

Возможности

Дополнительные возможности дизайна.

Легкая простота в использовании.

Превратите статистику и цифры в красивые визуальные эффекты

Обращайтесь к новой аудитории с помощью привлекательной визуализации данных, созданной, чтобы влиять и вдохновлять.

Подробнее

Выберите один из тысяч настраиваемых шаблонов

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

Узнать больше

Комплексное создание фирменного контента за короткое время

Легко добавляйте фирменные шрифты, цвета и логотип для создания красивого фирменного контента. Введите URL-адрес своего веб-сайта в мастер создания брендов и откиньтесь на спинку кресла, пока происходит волшебство.

Узнать больше

Создавайте, планируйте и публикуйте свой контент из одного места

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

Узнать больше

Миллионы уникальных фотографий и значков, чтобы выделить вашу работу

Выбирайте из обширной библиотеки фотографий, значков, видео и аудио в высоком разрешении. Добавьте еще одно измерение в свою презентацию с помощью эксклюзивной и привлекательной 3D-графики.

Узнать больше

Привлеките свою аудиторию интерактивностью и анимацией

Создайте интерактивный опыт с активными точками, эффектами наведения и интерактивными меню. Привлеките внимание аудитории, добавив анимированные элементы в свой контент.

Узнать больше

Работа в команде

Для вас и вашей команды

Создавайте, храните и сотрудничайте, поддерживая единообразие бренда во всей вашей команде.

Сотрудничество

Объедините свою команду, где бы она ни находилась. Обсуждайте идеи, оставляйте отзывы и сотрудничайте в режиме реального времени.

Точная коммуникация

Больше никаких электронных писем или сообщений Slack для обратной связи. Позвольте вашей команде комментировать, сотрудничать и мгновенно переходить от черновика к окончательному формату.

Управление активами

С легкостью храните, упорядочивайте и ищите активы и проекты для проектов вашей команды. Создаете ли вы презентацию, отчет или инфографику, найдите все свои загруженные ресурсы в одном месте.

Создавайте от А до Я

От простых фирменных изображений

до полностью интерактивного контента

Как IBM использует инфографику для привлечения и найма лучших талантов

В наш век цифровых технологий социальные сети играют все более важную роль в процессе найма. Согласно недавнему опросу SHRM, около 84% организаций в настоящее время используют его для поиска высококвалифицированных кандидатов.

Хьюберт Яновский Подбор талантов в IBM

Готовы ли вы работать вместе?

Свяжитесь с отделом продаж

Решения для всех

Что Visme может сделать для вас?

Независимо от вашей роли или уровня дизайнерских навыков, мы здесь, чтобы облегчить вашу работу с помощью нашего универсального решения.

Владелец бизнеса

Создавайте профессиональный брендированный контент на 70 % быстрее.

Создавайте контент быстрее

Менеджер по маркетингу

Создавайте идеальный до пикселя контент, независимо от уровня ваших дизайнерских навыков.

Выбирайте из тысяч

шаблонов

Создавайте контент быстрее

Выбирайте из тысяч

шаблонов

Управляйте проектами в стиле

Создавайте и отслеживайте участие

Менеджер проекта

Легко создавайте графики проектов и делитесь ими.

Стильное управление проектами

Менеджер по продажам/аккаунт-менеджер

Делайте эффектные презентации и предложения, которые конвертируют.

Создавайте и отслеживайте вовлеченность

Интеграции

Подключайтесь к инструментам

, которые вы уже используете

Маркетинг

« Beautiful.ai помогает нам быстро создавать четкие и привлекательные презентации, чтобы поделиться нашей стратегией и результатами. Было легко интегрировать наш брендинг и использовать материалы из библиотеки, созданной другими, — создавая сплоченный пакет для совместной работы, который помогает нам продвигать нашу миссию».

Мэгги Куль, вице-президент по исследованиям, Фонд Майкла Дж. Фокса

«Раньше я боялся делать презентации PowerPoint, потому что знал, что добавляю на слайды слишком много текста, но теперь с Beautiful.ai этого не происходит. Слайды лаконичны, полны изображений или диаграмм и впечатляют. Это спасение!»

Шарон Голдмахер, президент/генеральный директор отдела коммуникаций 21

«Мне нравится эта платформа. Такой интерактивный, креативный и отточенный. Я не нашел ничего подобного больше нигде. Вы, ребята, помогаете мне делать выдающиеся презентации с наименьшими усилиями».

Дэвид Хуарес Давила — инвестиционный аналитик в New Mexico Trade Alliance

«Когда мне нужно быстро создавать презентации и делиться ими через Zoom или другие платформы, Beautiful.ai приходит на помощь. Быстро, точно и легко даже для людей без дизайнерского образования. Кроме того, тот факт, что я могу получить доступ ко всем своим слайдам в одном месте, является большим преимуществом».

Гонсало Мена Фуэнзалида, соучредитель компании Normalidad Digital

Предоставьте своей маркетинговой команде инструменты, необходимые им для создания эффективных маркетинговых планов, рекламных кампаний, обзоров эффективности и отчетов в социальных сетях.

Маркетинговые планы и предложения

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

Маркетинговая инфографика и отчеты

Делитесь важными данными со своей аудиторией или коллегами, создавая визуально привлекательную и легко усваиваемую маркетинговую инфографику.

Контент-стратегия и рекламные кампании

Выбирайте из сотен настраиваемых шаблонов и создавайте эффективные и успешные контент-стратегии и рекламные кампании.

Посмотреть все шаблоны

Все, что вам нужно, чтобы ваши маркетинговые команды могли быстро и легко создавать контент.

Синхронизированные обновления слайдов

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

Безопасный доступ с единым входом

Предоставьте сотрудникам доступ к Beautiful.ai через поставщика удостоверений с помощью безопасного единого входа (SSO) на основе SAML.

Безопасный обмен и совместная работа

Работайте с кем угодно и где угодно.