September 16, 2021

Делаем понятную схему для сайта

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

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

Отсюда первый принцип:

Сделал схему — отдохни, взгляни на неё свежим взглядом через час.

Старая схема. Не доносит, то что хотели.


Вынести общие значения в одну линию

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

Перевернули схему, вынесли одинаковые значения наверх

Много элементов — выносим в отдельный блок

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

Выдели схему, где много элементов в отдельный блок

Теперь, всё внимание идет на желтый прямоугольник. Мы этого не планировали, это не главный элемент в схеме. Выделяем два вариант в прямоугольники и меняем цвет на белый.

Сделали красивее

Подписываем схемы и иллюстрации

Добавляем подписи к схеме, чтобы она стала понятнее. Оставляю в таком варианте.

Конечный вариант

Иллюстрация без подписи — не иллюстрация
Схема без подписи — не схема

Хороших вам схем и продаж.