Как составить презентацию сайта

Войти на сайт

или

Забыли пароль?
Еще не зарегистрированы?

B2B-сайт во многом похож на презентацию вашего товара или услуги.

Мы регулярно выпускаем такие полезные статьи. Подпишитесь на наш Телеграм-канал, чтобы узнавать о новых публикациях раньше других.

Почему мы пишем об этом?

Мы — разработчики IT-продуктов. Мы — студия ReConcept. Мы профессионально запускаем недорогие сайты на Tilda, разрабатываем интернет-магазины и создаём функциональные сайты-сервисы. Напишите нам в WhatsApp, когда вам это понадобится:

НАПИСАТЬ В WHATSAPP

Александр Кукушкин в «Секрете Фирмы» рассказал как улучшить любую презентацию. Послушайте, да ведь это готовая инструкция как сделать крутой сайт компании. Спойлер: делайте корпоративный сайт как идеальную презентацию.

Корпоративный сайт — это и есть презентация компании, если смотреть в целом.

Шесть шагов к идеальной презентации

По старой-доброй традиции приводим оригинал рекомендаций Александра Кукушкина и адаптируем под веб-разработку.

Impavide progrediamur! (Будем идти вперёд без колебаний, лат.)

Шаг 1: уберите со слайдов весь текст

Вообще весь — все буквы до единой, словно ваш шрифт заблокировал Роскомнадзор. Должны остаться только картинки, графики, линии, цвета, должны остаться только изображения. И попытайтесь с этим материалом рассказать презентацию. Получилось? Всё ли понятно? А интересно ли? Как сильно вам пришлось изменять устную часть презентации?

О чём этот шаг: люди очень быстро читают. Гораздо быстрее, чем вы говорите. Поэтому не надо писать на слайдах то, что вы и так произнесёте, ведь вашим слушателям будет неприятно два раза воспринимать одно и то же. Текста на слайдах должно быть как можно меньше — верните только то, что действительно надо вернуть, а потом подумайте, нельзя ли и это убрать. И сделайте так, чтобы устная часть доклада не повторяла письменную.

А теперь для сайта

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

Правило универсально для любых изображений сайта. Если картинка требует текста, значит с картинкой что-то не та.

Шаг 2: уберите докладчика

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

О чём этот шаг: люди хотят шоу. Если вы используете самый широкий канал донесения информации, то странно не использовать его во всю мощь. Ваши картинки и графики могут не быть произведением искусства, но к этому следует стремиться. Они должны быть хороши и уместны настолько, чтобы отпечатываться в памяти зрителей одним только своим визуальным совершенством. Грустно демонстрировать людям то, что они уже видели. Не следует воспринимать слайды как дополнительный иллюстративный материал — нет, он вполне основной.

А теперь для сайта

На сайте докладчика нет. Вместо него текст. И этот шаг у нас дополняет первый: говорите с аудиторией изображениями, а не текстом. Изображения на сайте должны быть первоклассными. Сайт запоминается не ровными строчками и выверенными колонками. Люди запоминают картинки. Хорошие картинки привлекают внимание и передают смысл лучше текста. Вы ведь хотите, чтобы посетители сайта запомнили вас и ваше предложение?

Стоковые изображения редко говорят по теме. Избегайте их.

Шаг 3: уберите слайды

Да, сделайте устную презентацию. По старинке, как во времена Аристотеля. Всё внимание будет на вас, людям будет нечем любоваться на экране, они будут только слушать оратора и разглядывать его. Осталось ли что-нибудь от вашей презентации после этого?

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

А теперь для сайта

Есть у нас хорошая статья на тему личностного бренда. Почему личностный брендинг работает так здорово? Психологи знают ответ: люди хотят общаться с людьми, а не с безличным сайтом. Записывайте для сайта видеоролики с руководителями и сотрудниками, публикуйте их фотографии, пишите блог. Выстраивайте общение с аудиторией от первого лица. Не прячьтесь за компанией и логотипом.

Шаг 4: уберите 85% презентации

Оставьте только начало и конец. Всё ли нормально? Понятно ли, о чём речь? Ясно ли, что вы хотите сказать, к чему призываете, почему это важно для слушателей? Должно быть ясно и понятно.

О чём этот шаг: люди слушают начало и конец. Нет-нет, в середине они тоже могут слушать, но вот начало и конец они слушают обязательно. Это психология, с ней ничего не поделать. Поэтому начало и конец так важны, поэтому они должны быть очерченными и выделенными. И их одних должно быть достаточно для понимания и принятия всей презентации.

А теперь для сайта

К вопросу лаконичности. Возьмём главную страницу сайта. Если на ней разместить «начало и конец презентации», пропустив «середину», сайт от этого только выиграет. Для «середины» найдётся место во внутренних разделах. Организация контента — краеугольный камень многостраничных сайтов. Велик соблазн написать на главной странице корпоративного сайта всё самое важное. На деле главная страница — 5-7 экранов и выгодно сделать их функциональными. Поэтому работайте с подачей информации, «начало» и «конец» оставляйте на виду, «середину» прячьте структурно ниже.

Шаг 5: уберите вообще всё

Всю презентацию, полностью. Пусть останется лишь описание вашего выступления, например, в программке конференции. Обидно ли вам, что в это описание не влезло всё богатство фактуры, вся интеллектуальная мощь и фантастическая полезность выступления? Если обидно, то надо переделывать — и не только описание.

О чём этот шаг: люди запоминают одну главную мысль. Мы так устроены — любое выступление мы пытаемся превратить в одно предложение, чтобы было легче держать в голове. При необходимости эта мысль развёртывается, и мы вспоминаем всю презентацию, но это при необходимости. Будьте уверены, ваше выступление тоже останется в головах в виде одного предложения. Если вам хочется, чтобы это предложение было правильным (то есть полезным для вас) составьте его, проговорите и подчините ему всю презентацию.

А теперь для сайта

Оффер сайта — это и есть «описание выступления». Напишите чем занимается ваша компания и в чём вы лучшие одним предложением. Это будет оффер сайта. Разместите его на первом экране и проверьте на незнакомых людях, понимают ли они что вы имеете ввиду. Добейтесь, чтобы посетители сайта запоминали главную мысль сайта.

Шаг 6: теперь уберите даже слушателей

Поставьте на их место других. Можете взять совсем других людей. Например, пенсионеров или космонавтов. Но лучше — чуть-чуть других, очень похожих на ваших слушателей, но всё-таки не их. Презентация потеряла смысл? Нет? Должна была потерять.

О чём этот шаг: люди хотят, чтобы обращались конкретно к ним. Не вообще, а конкретно. Легко говорить всем обо всём. Но это бесполезное занятие. Мы хотим, чтобы оратор пришёл к нам, ради нас и решил нашу проблему. Не ориентируйтесь на Стива Джобса — в мире очень мало людей, которые способны обращаться ко всему миру сразу. Говорите с узкой группой людей — они это почувствуют и будут признательны.

А теперь для сайта

Если вам нужно презентовать товар на сайте, то вот вам 6 шагов как это сделать. Это про персонализацию сайта. Вот подходящая статья по теме. Ваша задача — чтобы сайт заговорил на одном языке с целевой аудиторией. Это обычно отсекает остальных людей и так должно быть. Если у вас узкая специализация, проверьте сайт на непрофильной аудитории. Для неё сайт «должен потерять смысл». Если нет, то, вероятно, сайт говорит с посетителями слишком общо. Специализируйте сайт для своих клиентов, они хотят личного подхода.

Как это использовать

В заключении своей статьи Александр предлагает:

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

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

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

Инструкция для создания идеального сайта перед вами! С исполнением поможем, напишите нам:

НАПИСАТЬ В WHATSAPP

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

Меня всегда мучал вопрос про то, как многие дизайнеры и целые студии рисуют по 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 сервисы для презентации.

Концепция – это пример графического решения, то есть один из возможных вариантов оформления сайта. Задача концепции – приблизиться к пониманию, как сайт должен выглядеть, какие эмоции передавать, какие задачи решать, какие элементы содержать в себе. Всё, что входит в концепцию – цветовая гамма, шрифты, фотоизображения – дорабатывается в ходе основной работы.

1. Концепция сайта

Часто сайт – это первое знакомство пользователя с отелем. Поэтому в работе над концепцией закладывались такие понятия как дружелюбие, гостеприимство, аккуратность, комфорт, внимание к деталям. Декоративные элементы, текстуры и цветовая гамма придают сайту большую респектабельность.

2. Отображение на различных устройствах

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

3. Навигация

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

4. Бронирование номеров

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

5. Главная

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

6. Номера

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

Презентация на тему: » Презентация сайта Пример страницы сайта.» — Транскрипт: