Как мы придумали «красивое». INSTAD.IO — сервис, превращающий скучные диаграммы в прикольные иллюстрации

Простой способ повысить привлекательность ваших постов, статей и презентаций.

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

Проанализировали несколько существующих решений. Не понравились. Все-таки красота — дело субъективное. В итоге решили разработать свое. Красивое ©. Так появился прототип INSTAD.IO.

«Красивое» нас захватило. Диаграммы и схемы, стилизованные под рисунки, цепляли. Хотелось этим делиться. В результате нескольких часов программирования и веры в то, что красота спасет мир, появился самостоятельный онлайн-сервис INSTAD.IO.

Ради фана анонсировали запуск INSTAD.IO на ProductHunt. Рестайлер собрал много положительных отзывов и в течение дня, к нашему удивлению, даже выходил на четвертое место. А дневную гонку завершил на седьмом месте и позже попал в рассылку среди подписчиков продактханта. Согласитесь, неплохо, с учетом того, что мы нигде не анонсировали проект, не просили апвоутов, не тратили денег на рекламу. Ага, такое бывает.

Кстати, Крис Мессина нас тоже «лайкнул»;).

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

Безусловно, диаграммы в стиле «от руки» не подойдут для оформления серьезных отчетов. Там, где важна точность и серьёзность, художественная небрежность не уместна.

Но когда главная цель — привлечь внимание и выделить свой контент за счет красивых картинок с графиками и схемами, INSTAD.IO сработает отлично. Это отдельные виды презентаций и отчетов, посты для соц сетей, картинки для оформления блогов.

Кроме того, что INSTAD.IO умеет рестайлить диаграммы, он неплохо справляется с конвертацией некоторых графических рисунков и даже текстовых заголовков, набранных, например, в MS Word или Pages.

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

Было (шрифт Phosphate):

Стало:

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

INSTAD.IO работает с готовым контентом, то есть он не создает графические изображения, а «рестайлит» их. Устанавливать на компьютер ничего не нужно, сервис работает в браузере. Специальных знаний не требуется.

Диаграммы. Диаграммы и схемы для загрузки в INSTAD.IO должны быть сохранены в PDF или SVG. В Google Sheet сохранить диаграмму в PDF можно в два клика:

Рисунки. Лучше всего для рестайлинга подходят иллюстрации в стиле flat design. В google довольно много сайтов по запросу flat design free. Если нужно, готовы поделиться подборкой в комментариях. Лучше всего работает формат SVG и PDF. (С JPEG пока не всегда выходит удачно).

Было (автор оригинала frik, vecteezy.com):

Стало:

Было (автор оригинала Yuda Rizwan Simatupang, vecteezy.com):

Стало:

Текстовые заголовки. С ними все просто. Пишем текст в любом текстовом редакторе, делаем Print Screen, вырезаем буквы, сохраняем в PNG.

Было:

Стало:

А вот так будут выглядеть ваши схемы, диаграммы из diagrams.net (более известный, как draw.io)

Было:

Стало:

И еще несколько рестайлинговых вариантов:

Организационная структура:

Минималистичная UML-диаграмма «мелом на доске»:

На панели инструментов сервиса есть три основные вкладки:

На выходе вы можете скачать файл в формате SVG или PNG высокого разрешения.

В настоящий момент INSTAD.IO находится на стадии перехода из проекта-хобби в продукт, работающий по модели “freemium”. Нам важно ваше мнение и любая обратная связь. Как бы вы использовали INSTAD.IO в своей работе или неработе?

INSTAD.IO проходит бета-тестирование и продолжает совершенствоваться. В команду проекта подбирается программист и маркетолог.

Протестировать сервис можно тут: https://go.instad.io