«Калькулятор налогов». Интерактивная обучающая статья

Что получится, если не бояться Экселя

Все платят налоги. Что это за отчисления? Куда и кому идут? Какой процент на самом деле удерживается из заработной платы? Узнать это легко с помощью калькулятора налогов — нового проекта «Тинькофф-журнала».

8
человек в команде
33
параметра
130
примеров
АВТОРЫ ПРОЕКТА
  • Лена Глубко
  • Артем Иволгин
  • Анастасия Троянова
  • Антон Дыбов
  • Евгения Изотова
  • Максим Смелов
  • Лариса Бобровникова
  • Андрей Маргиев
ФИНАНСИРОВАНИЕ
  • средства редакции

В интернете полно считалочек про то, сколько налогов платит человек со своей зарплаты, но:

Лена Глубко
Лена Глубко,
шеф-редактор интерактивов «Т-Ж»

Поэтому у меня и родилась идея сделать интерактивную обучающую статью, в которой человек не только считает свои налоги, но и узнает, для чего они, куда идут.

  • они ошибочно формируют мнение, что социальные взносы лежат на плечах работника и что он якобы вместо 13% платит все 40%. Это вредная мысль: за работника платит работодатель. И даже если это бремя у него заберет государство, то вряд ли работадатель оставшуюся сумму отдаст сотруднику. Но человеку, в принципе, полезно знать, сколько, благодаря его деньгам, государство получает налогов и взносов. Это поможет гнать от себя мысли, например, о бесплатной медицине и увереннее отстаивать свои права в той же поликлинике;
  • эти считалочки не учитывают косвенные налоги вроде НДС, акцизов, которые человек также платит;
  • есть считалочки, но нет классного ликбеза, что это за налоги и куда идут.

О тонкостях ресерча

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

Ключевым поворотом стало понимание, что калькулятор должен учитывать и доходы, и расходы пользователя, ведь многие налоги мы платим не в момент получения зарплаты, а в момент, когда ее расходуем. В проекте используется такая формулировка: «Допустим, вы получили и потратили зарплату».

Далее нужно было определиться с моделью калькулятора: насколько она должна быть полной, точной, удобной.

Например: в самом общем случае за наемных работников платят 30,2% страховых взносов. Но есть исключения как в большую, так и в меньшую сторону. А еще есть ИП, самозанятые, люди, получающие доходы, которые не облагаются страховыми взносами, и наверняка кто-то еще. Мы решили посчитать пока самый общий случай — обычная зарплата, обычные 30,2%, без учета разнообразных исключений. А потом, может, добавим когда-нибудь новые блоки.

Артем Иволгин
Артем Иволгин,
редактор проекта

Работая над проектом, я понял, что первичные бюрократические документы — законы, распоряжения, классификаторы и отчеты по статистическим формам — лучший источник информации.

У ресерча нет границ, поэтому нужно было самому их ставить, чтобы не увлекаться. Например, я много часов разбирался в некоторых частностях устройства внебюджетных фондов (ФСС, ПФР, ФМС). Для проекта, в итоге, хватило бы более поверхностного знакомства, а фонды скоро объединят в один, и тема станет вообще не актуальной. Но я не жалею о потраченном времени. Знания пригодятся.

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

Мы переставляли интерактивные блоки и блоки с текстом, группировали, сокращали, расширяли и переписывали. Огромную работу тут проделала редактор проекта Анастасия Троянова.

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

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

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

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

Откуда брали примеры

В калькуляторе 130 примеров, на что могут потратить налоги. Изначально их было больше. В корзину ушло где-то 50. Примеры мы брали в основном с сайта Госрасходы. Это официальная государственная база данных госконтрактов и прочих трат, которая доступна по API.

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

Чтобы примеры правильно склонялись и хорошо выглядели на экранах разного размера, понадобилось каждому из них прописать 12 свойств.

Особенности дизайна и разработки

Дизайном занимались Евгения Изотова и Максим Смелов. Ребята изучили множество вариантов и предложили последнее структурное решение, которое позволило сделать проект короче и проще.

Иногда кажется, что в «Т-Ж» каждый дизайнер — немного редактор, а каждый редактор — чуть-чуть дизайнер. Потому что все думают о пользовательском опыте, а улучшается он иногда текстом, иногда графическими решениями.

Где-то на этапе дизайна придумали еще и рассылку: если пользователь дочитает проект и оставит адрес электронной почты, то ему придут инструкции, как вернуть часть уплаченных налогов. Это и про маркетинг наших инструкций, и про пользовательский опыт тоже. Такой «вин-вин» — пользователь получает полезную инструкцию, а мы увеличиваем базу подписчиков.

В калькуляторе используется 33 параметра. Хранятся они, как и примеры, в Google Таблице. Когда в налоговой системе что-то изменится, редактор обновит пару цифр, разработчик ткнет на специальную ссылку, чтобы калькулятор получал свежие данные из таблицы — и расчеты будут проводиться по новым данным.

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

Текст индексируется поисковиками. Если очень кратко, то мы не создаем калькулятор на странице с помощью JavaScript целиком, а сначала генерируем разметку, которая уже и оживляется с помощью него. Этот фокус не прост в реализации, но положительно влияет на SEO и скорость загрузки калькулятора.

Продвижение калькулятора налогов

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

У «Т-Ж» есть аккаунты во всех социальных сетях. В анонсе проекта, конечно, пошутили, но еще и сделали важную штуку — показали товар лицом, то есть, пошерили проект вместе со скриншотом результатов. Это в разы улучшило конверсию в переходы.

Наш калькулятор налогов задавали изучать в одной свердловской школе на уроках финансовой грамотности для 7–8 классов — пожалуй, это и есть лучший отзыв.

Что не вошло в проект, но важно показать

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

Поэтому в день выхода материала я опубликовал ее вместе с калькулятором в своих канале и паблике «Графики и жизнь».

По сути, это элементарный sankey chart (тип блок-схемы, на которой ширина стрелок пропорциональна расходу), сделанный без всякого программирования в RawGraphs и допиленный в Фигме. Единственная сложность была связана именно с методологией и расчетами: пришлось долго копаться в таблицах.

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

Над материалом работали:
Дмитрий Артюх
Иллюстрации:
скриншоты проекта «Сколько налогов благодаря вам получает государство»

Подводя итоги:

1
Выбирайте актуальную тему
2
Привлекайте экспертов
3
Перепроверяйте факты