Смысловая иллюстрация — это не картинка. Это элемент, который раскрывает или усиливает сильные свойства продукта, услуги или бизнеса.
Просто картинку можно удалить и смысловая часть блока не пострадает. А вот смысловая иллюстрация, в идеале, должна быть такой, чтобы без неё становилось хуже.
Что может быть смысловой иллюстрацией:
| Формат | Когда подходит |
|---|---|
| Фото продукта | Когда важно показать товар, результат, атмосферу, людей |
| Скриншот | Когда нужно доказать, показать интерфейс, переписку, документ |
| Схема | Когда нужно объяснить процесс, устройство, логику |
| Таблица | Когда нужно сравнить варианты |
| График | Когда нужно показать динамику, разницу, эффект |
| Видео | Когда важно показать продукт в действии |
| До/после | Когда продаём трансформацию |
| Фрагмент документа | Когда нужно подтвердить факт |
| Коллаж | Когда нужно собрать несколько смыслов в один визуальный образ |
| 3D/рендер | Когда реальный объект сложно снять или нужно показать внутреннее устройство |
Какие вообще задачи может решать смысловая иллюстрация — рассказывал в этой статье.
А сейчас разберёмся с тем, как придумывать идеи.
То есть начинаем не с вопроса «Какую картинку сюда поставить?», а с вопроса «Что человек должен понять, почувствовать или во что поверить после прочтения этого блока?»
То есть логика должна идти по такой цепочке:
Например
| Смысл блока | Задача иллюстрации | Формат |
|---|---|---|
| Мы делаем ремонт без увеличения сметы | Снять страх «в процессе накрутят цену» | Скрин договора с фиксированной суммой |
| Наш курс подходит новичкам | Убрать страх «я не справлюсь» | До/после работ ученика с нуля |
| Наш генератор работает в мороз | Доказать устойчивость | Фото/рендер генератора в -40° с датчиком температуры |
| Сервис экономит время отдела продаж | Показать разницу | Сравнительная схема: вручную 7 шагов, с сервисом 2 шага |
От них можно отталкиваться, чтобы не тыкать пальцем в небо.
Естественно — это наша любимая аналитика. Без неё никуда. Даже картиночки классные не получится нарисовать))
Примеры:
Примеры:
Примеры:
Собственно инструменты — можно проходиться по ним перед созданием иллюстрации и выбирать те, которые лучше подходят в конкретном случае.
Подходит для:
Примеры:
| Ниша | Тезис блока | Смысловая иллюстрация |
|---|---|---|
| Коммерческий распил мебели | «Снижаем количество брака на сборке» | Две фотографии: слева — кромка отклеилась, отверстия не совпали; справа — детали после распила с маркировкой, понятной схемой сборки и аккуратной кромкой |
| Юрист по наследству | «Помогаем не потерять долю в наследстве» | Схема «до»: наследство распадается между спорящими сторонами, активы заморожены. «После»: понятная структура раздела, выделена доля клиента, сроки и документы закрыты |
| Онлайн-школа английского | «Через 3 месяца сможете спокойно говорить на рабочих созвонах» | До: человек молчит на Zoom-встрече, рядом заметки “I think… maybe… sorry”. После: тот же сценарий, но ученик ведёт короткую презентацию на английском |
| Склад для ЛВЖ — хранение опасных | «После установки склада проверка проходит спокойнее» | До: бочки стоят в обычном помещении, рядом красные маркеры нарушений. После: сертифицированный склад, маркировка, вентиляция, зона хранения выделена |
| Психолог | «Станет легче понимать, что с вами происходит» | Визуал дневника: до — хаотичные записи «я не понимаю, что чувствую»; после — структурированная карта состояний: триггер → реакция → потребность |
| Франшиза киберклуба | «Из хаоса запуска — в управляемую систему» | До: собственник с 12 открытыми чатами: ремонт, поставщики, персонал, реклама. После: единая дорожная карта запуска с чекпоинтами и ответственными |
Подходит, когда человек выбирает между вариантами или нужно наглядно показать разницу между продуктами.
Форматы:
Пример:
| Ниша | Тезис блока | Смысловая иллюстрация |
|---|---|---|
| Регистрация товарного знака | «Самостоятельная подача часто приводит к отказу» | Таблица из 2 колонок: «Сам» — ищет классы МКТУ, проверяет похожие знаки, рискует отказом. «С нами» — предварительная проверка, подбор классов, стратегия подачи |
| Курсы маникюра | «У нас больше практики, чем в обычных школах» | Сравнение расписания: обычный курс — 70% теория, 30% практика; здесь — теория дома, в классе 80–90% работа на моделях |
| Агентство недвижимости | «Не просто показываем квартиры, а фильтруем фейки и риски» | Две воронки: обычный поиск — 40 объявлений → 20 фейков → 8 просмотров → 2 нормальных. С агентством — 40 объектов → проверка → 6 релевантных → 2 безопасных варианта |
| Подбор персонала | «Мы ищем не резюме, а человека, который останется» | Сравнение: обычный рекрутинг — закрыли вакансию и ушли. Ваш подход — портрет кандидата, проверка мотивации, адаптация, контроль после выхода |
| Производство упаковки | «Дешёвая коробка может стоить дороже на логистике» | Сравнение двух коробок: дешёвая тонкая — 7% повреждений, возвраты, переупаковка. Нормальная — выше цена за штуку, но ниже потери |
| Дизайнер интерьеров | «Не просто красивые картинки, а проект под жизнь семьи» | Слева — визуал «как в Pinterest». Справа — планировка с сценариями: где хранится коляска, где заряжается пылесос, где ребёнок делает уроки |
Подходит, когда от него зависит качество или внутри есть какие-то уникальные свойства / составляющие, которые могут повлиять на принятие решения.
Примеры:
| Ниша | Тезис блока | Смысловая иллюстрация |
|---|---|---|
| Утепление домов | «Дом держит тепло за счёт правильного пирога стены» | Разрез стены: фасад, утеплитель, мембрана, вентиляционный зазор, внутренняя отделка. Рядом подписи: что защищает от влаги, что держит тепло |
| Обучение созданию сайтов | «Сайт собирается не из вдохновения, а из фактуры» | Разрез «смыслового лендинга»: ЦА → конкуренты → оффер → структура → заголовки → доказательства → CTA |
| Франшиза | «Франчайзи получает не просто бренд, а систему запуска» | Визуальный «комплект франшизы»: брендбук, финмодель, план помещения, обучение персонала, рекламные связки, CRM, регламенты |
| Юридическая услуга | «Сильная позиция в суде строится до суда» | Схема дела как конструктора: доказательства, претензия, экспертиза, свидетели, судебная практика, стратегия переговоров |
| Медицинская клиника | «Диагноз ставится не по одному анализу» | Схема принятия решения: жалобы → осмотр → анализы → УЗИ → консилиум → план лечения |
| SaaS-сервис аналитики | «Система показывает не просто цифры, а узкие места продаж» | Интерфейс с подсвеченными слоями: источник лида, этап CRM, причина потери, стоимость заявки, окупаемость канала |
Подходит если продукт сложный, редко используемый, новый, тревожный, с уникальным процессом, с участием клиента или когда этапы показывают простоту подхода.
Примеры:
| Ниша | Тезис блока | Смысловая иллюстрация |
|---|---|---|
| Банкротство физлиц | «Вы понимаете, что будет после заявки» | Таймлайн: консультация → сбор документов → заявление → суд → финансовый управляющий → списание долгов. На каждом этапе: что делает клиент, что делает юрист |
| Переезд офиса | «Переезжаете без остановки работы» | Схема переезда по ночным слотам: пятница упаковка, ночь перевозка серверов, суббота монтаж, понедельник офис работает |
| Производство мебели | «От чертежа до готовой партии без потери контроля» | Карта процесса: ТЗ → раскрой → кромление → сверление → маркировка → упаковка → отгрузка. На каждом этапе фото/иконка контроля |
| Внедрение CRM | «Сначала разбираем продажи, потом настраиваем CRM» | Не «бриф → настройка → обучение», а схема: слушаем звонки → находим провалы → строим воронку → настраиваем поля → обучаем менеджеров |
| Архитектор | «Вы не получите проект, который невозможно построить» | Процесс с контрольными точками: эскиз → конструктив → инженерия → смета → согласование со строителями |
| Кастдев для бизнеса | «Исследование превращается в решения для сайта» | Схема: интервью клиентов → повторяющиеся боли → карта возражений → блоки сайта → гипотезы для CTA |
Примеры:
| Ниша | Тезис блока | Смысловая иллюстрация |
|---|---|---|
| Курсы по Reels | «После курса у вас будет система контента» | Скрин контент-календаря на месяц: темы, хуки, сценарии, даты публикаций, метрики |
| Строительство домов | «Получаете дом, в который можно заехать, а не вечную стройку» | Фото готового дома с наложением чек-листа: отопление запущено, вода есть, электрика проверена, документы переданы |
| Настройка рекламы | «Вы понимаете, куда уходит бюджет» | Дашборд: потрачено, заявки, цена заявки, продажи, окупаемость. Без абстрактной стрелки вверх |
| Юрист по разводу | «Получаете понятное соглашение» | Визуал документа: график общения с ребёнком, алименты, раздел имущества, обязательства сторон |
| Профориентация | «После работы становится понятно, какие профессии подходят» | Карта выбора: сильные стороны, ограничения, подходящие направления, первые шаги, что попробовать в течение месяца |
| Дизайнер сайтов | «На выходе не макет, а готовая смысловая структура продаж» | Фрагмент прототипа: заголовок, блоки, CTA, доказательства, логика переходов между экранами |
Примеры:
| Ниша | Тезис блока | Смысловая иллюстрация |
|---|---|---|
| Профессиональный фонарь | «Освещает рабочую зону на 100 метров» | Кадр: тёмный строительный объект, луч освещает технику и людей на расстоянии |
| CRM для отдела продаж | «Менеджер не забывает перезвонить» | Мини-сценарий интерфейса: заявка пришла → CRM поставила задачу → менеджер видит напоминание → клиент получил звонок |
| Детский развивающий центр | «Ребёнок не просто играет, а тренирует навык» | Фото/видео занятия: ребёнок собирает задание, рядом подписи: внимание, моторика, память, коммуникация |
| Термоконтейнеры | «Температура сохраняется во время доставки» | Кадр курьера с контейнером + термодатчик внутри: было +4°, через 3 часа +4,6° |
| Онлайн-тренажёр мозга | «Упражнения занимают 7 минут в день» | Сценарий: человек в метро открывает приложение, проходит короткое задание, видит прогресс дня |
| Премиальная ручка | «Пишет мягко и не царапает бумагу» | Макро-видео пера на плотной бумаге, рядом след чернил без пропусков и клякс |
Подходит, когда нужно создать ощущение объёма, опыта, силы.
Примеры:
| Ниша | Тезис блока | Смысловая иллюстрация |
|---|---|---|
| Юридическая компания | «У нас большая практика по похожим делам» | Не просто «5000 дел», а библиотека карточек кейсов по категориям: наследство, разводы, бизнес-споры, недвижимость |
| Онлайн-курс | «Внутри много прикладных материалов» | Разложенные «слои курса»: уроки, шаблоны, чек-листы, примеры, разборы, записи эфиров, домашки |
| Сеть киберклубов | «Франшиза уже работает в разных городах» | Карта с точками клубов + мини-фото 3–4 реальных залов, а не просто логотипы городов |
| Производство металлоконструкций | «Можем брать крупные партии» | Фото цеха сверху: несколько зон производства, готовые изделия, погрузка, склад металла |
| Школа маникюра | «60 000+ выпускников — это не просто цифра» | Мозаика из работ выпускниц + карта городов, где они работают |
| Агентство недвижимости | «Проверяем много объектов, чтобы показать клиенту мало» | Воронка: 143 объекта в базе → 38 после первичного фильтра → 12 после проверки документов → 4 на просмотр |
Подходит, когда тезис может вызвать сомнение или без реальной фактуры эффект будет слабее. Только важно не показывать маленьким нечитаемым скрином. А выделить фрагмент, подписать, объяснить, что именно он доказывает.
Примеры:
| Ниша | Тезис блока | Смысловая иллюстрация |
|---|---|---|
| Школа с лицензией | «Документ можно проверить официально» | Скрин записи в реестре + стрелка к номеру лицензии + подпись «проверяется на официальном сайте» |
| Строительство | «Смета не растёт в процессе» | Фрагмент договора: строка о фиксированной стоимости + пример закрытого акта без доплат |
| Маркетолог | «После переделки сайта выросли заявки» | Скрин Метрики/CRM: период до, период после, число заявок, цена заявки |
| Производство | «Контролируем качество партии» | Фото листа ОТК с отметками + фото маркировки конкретной партии |
| Юрист | «Есть практика по делам такого типа» | Фрагмент судебного решения с замазанными данными, выделен результат: иск удовлетворён / требование отклонено |
| Обучение | «Ученики реально внедряют, а не просто смотрят уроки» | Скрины домашних заданий с правками преподавателя и результатом после доработки |
Когда нужно усилить эмоциональную мотивацию.
Примеры:
| Ниша | Тезис блока | Смысловая иллюстрация |
|---|---|---|
| Ремонт квартир | «Без проекта ремонт превращается в череду переделок» | Коллаж: розетки не там, плитка не сходится, мебель не влезает, смета расползается |
| Внедрение CRM | «Заявки теряются в чатах» | Экран менеджера: WhatsApp, Telegram, Excel, почта, звонки — везде клиент |
| Юрист по наследству | «Пока вы ждёте, другие наследники могут забрать контроль» | Таймлайн пропущенных сроков: смерть родственника → 6 месяцев → спор → суд → потеря части имущества |
| Доставка еды для офисов | «Когда обед срывается, страдает не только сотрудник» | Сцена переговорной: встреча идёт, еды нет, администратор на телефоне, гости ждут |
| Курсы для дизайнеров | «Красивый сайт без смысла не продаёт» | Макет с красивым первым экраном, но рядом комментарии: непонятно для кого, нет оффера, нет причины оставить заявку |
| Сервис бухгалтерии | «Ошибка в отчётности всплывает не сразу, а когда уже штраф» | Письмо из налоговой + календарь с пропущенной датой + сумма штрафа |
Подходит для эмоциональных продуктов, когда нужно погрузить человека в определённые ощущения.
Примеры:
| Ниша | Тезис блока | Смысловая иллюстрация |
|---|---|---|
| Финансовый консультант | «Вы понимаете, сколько денег можно тратить без тревоги» | Личный финансовый дашборд: обязательные расходы, подушка, инвестиции, свободные деньги |
| Психолог | «Появится ощущение опоры в сложный период» | Не клишированное фото «улыбка у окна», а визуальная карта: что я чувствую → что со мной происходит → что я могу сделать |
| Турбаза | «Вы реально отключаетесь от города» | Кадр: телефон лежит экраном вниз, рядом чай, лес, тёплый свет в домике. Акцент не на домик, а на состояние тишины |
| Юрист | «Вы перестаёте держать дело в голове каждый день» | Визуал: клиент получает короткое сообщение «заседание перенесли, документы подали, от вас ничего не нужно» |
| Сервис управленческого учёта | «Собственник видит бизнес на одном экране» | Дашборд: деньги, прибыль, кассовые разрывы, долги, план платежей |
| Курс по сайтам | «Ты понимаешь, что писать в каждом блоке, а не смотришь в пустой экран» | Рабочий стол: слева таблица фактуры, справа уже собирается структура лендинга |
Если у аудитории есть сложный выбор, можно дать таблицу, опросник или подборщик, который помогает разобраться.
Примеры:
| Ниша | Тезис блока | Смысловая иллюстрация |
|---|---|---|
| Покупка склада | «Поможем понять, какой склад нужен под вашу жидкость» | Дерево выбора: объём хранения → класс опасности → температура → вентиляция → тип склада |
| Обучение IT | «Помогаем выбрать направление, а не продаём первый попавшийся курс» | Матрица: люблю аналитику → Data; люблю визуал → Frontend; люблю процессы → QA; люблю логику → Backend |
| Клиника стоматологии | «Подберём лечение под состояние зубов и бюджет» | Ветка выбора: скол → реставрация; нет зуба → имплант/мост; кривизна → ортодонтия |
| Франшиза | «Поймёте, подходит ли формат под ваш город и бюджет» | Калькулятор-схема: население города, аренда, конкуренты, бюджет, окупаемость |
| Интерьерный дизайнер | «Можно заказать не весь проект, а нужный этап» | Карта услуг: планировка, концепция, рабочий проект, комплектация, авторский надзор |
| Юрист | «Поймёте, судиться или решать досудебно» | Развилка: сумма спора, доказательства, сроки, готовность к переговорам → стратегия |
Относится особенно к блокам с призывами. Это усиливает безопасность следующего шага.
Примеры:
| Ниша | Тезис блока | Смысловая иллюстрация |
|---|---|---|
| Строительство домов | «Получить расчёт стоимости» | Превью расчёта: коробка, фундамент, кровля, инженерия, сроки, что входит и что не входит |
| Недвижимость | «Получить каталог с ценами» | Разворот каталога: объект, цена, площадь, район, платёж по ипотеке, скрытые плюсы/риски |
| Юрист | «Получить оценку перспектив дела» | Превью заключения: шансы, риски, сроки, документы, стратегия первого шага |
| Курсы маникюра | «Получить программу курса» | Фрагмент программы: день, тема, практика, модель, результат дня |
| Аудит сайта | «Получить мини-аудит» | Пример страницы аудита: скрин сайта, красные пометки, проблема, почему влияет на заявки, рекомендация |
| Производство мебели | «Рассчитать распил» | Пример сметы: материал, кромка, сверление, упаковка, срок, итоговая цена |
Например: Клиент получает не просто консультацию, а готовый план действий после неё.
Что она должна делать?
Найди:
Например:
| Задача | Приём |
|---|---|
| Показать разницу | До/после, сравнение, шкала |
| Объяснить сложное | Схема, разрез, пошаговая анимация |
| Доказать факт | Скрин, документ, фото, график |
| Вызвать желание | Атмосферное фото/видео результата |
| Показать объём | Коллаж, стопка, сетка материалов |
| Убрать страх | Пример результата, гарантия, процесс |
| Подвести к заявке | Превью того, что человек получит |
В этой статье мы обсуждали, за какие ценности люди платят, хотя и не озвучивают их напрямую. Если не читал — прочитай.
| Тип ценности | Что иллюстрировать | Примеры |
|---|---|---|
| Результатная | Что человек получит после | До/после, кейс, график, готовая работа |
| Продуктовая | Что внутри продукта | Фото, схема, состав, скрин интерфейса |
| Процессная | Как всё устроено | Этапы, таймлайн, карта процесса |
| Сервисная | Как с клиентом обращаются | Скрин поддержки, отчёт, уведомления, личный кабинет |
| Эмоциональная | Что человек почувствует | Атмосфера, сценарий жизни, образ результата |
Задача — придумайте 2-5 вариантов разных смысловых иллюстраций, которые помогут усилить такой тезис на сайте.