Readymag что это такое
Readymag что это такое
► Во-первых, наш продукт изначально под эти задачи не подходит, нам пришлось бы создать совершенно другой инструмент для массового пользователя.
► Во-вторых, нам и так есть куда расти: ниша большая, и свою аудиторию мы очень хорошо чувствуем, являясь в сущности ее частью.
► В-третьих, никогда не говори никогда.
Инструмент предлагает начать работу с белого листа и не привязываться к шаблонам, хотя в наборе есть готовые решения под разные форматы. Readymag позволяет:
‣ кастомизировать сетку;
‣ выкладывать аудио и фотографии;
‣ выбирать шрифты из коллекции.
Одна из самых сильных сторон Readymag — анимация. То, что разработчики создавали бы месяцами, на Rm делается в пару приемов и за несколько часов. Вот пример от дизайнера студии Anton and Irene Антона Реппонена — сайт о двадцати самых важных изобретениях человечества. В инструменте есть бесплатные интеграции с фотостока Unsplash, коллекции иконок The Noun Project, сервиса почтовых рассылок MailChimp, а также Vimeo, YouTube, Twitter, Facebook и Soundcloud. При этом на free-аккаунте пользователю придется ограничиться десятью страницами на одном проекте, а также будет закрыт набор некоторых функций.
В пакете Creator можно закрепить за проектом домен, загружать свои шрифты, использовать аналитику, настройки SEO и приглашать одного человека для совместной работы. Для корпоративного использования есть professional-план, в котором можно использовать собственный код, добавлять команды для совместной работы и экспортировать код всего проекта. Студентам Readymag дает скидку 50 и 70%.
Интерфейс редактора работает по принципу drag and drop. У платформы есть инструкция и серия образовательных материалов о дизайне — Readymag Almanac. Сейчас доступны три главы: «Типографика», «Сетка» и «Цвет». Готовится к выходу четвертая — «Динамика в вебе». В разделе Explore регулярно появляются гайды по новым фичам и обновлениям платформы.
Что важно: Readymag не стоит путать с сайт-билдером. Он не предназначен для создания онлайн-магазинов или сложноструктурных сайтов. Если вам нужно публиковать новости или посты со стандартной версткой, лучше выбрать сервисы с шаблонными решениями. Кроме того, у Readymag нет встроенной CRM, что сильно усложняет работу редакторам или писателям и открывает почти безграничные возможности для дизайнеров.
Readymag: как российские дизайнеры создали инструмент для интернет-паблишинга, которым пользуются по всему миру
В 2010 году дизайнер и основатель студии «Сила» Антон Герасименко решил придумать простой и красивый инструмент для создания цифровых журналов. Полтора года он рисовал макеты — как хобби после работы над заказами. Герасименко раздражало, что программы с похожими задачами выглядели как Adobe inDesign — с большим количеством панелей, кнопок и с многостраничными мануалами.
Весной 2011 года он рассказал об идее другу и основателю студии web-разработки Astroshock Кириллу Данченко. «Мы с Антоном пытались что-то сделать, но на тот момент интерфейс выглядел сложно. Задача казалась неподъемной, и спустя месяц мы свернулись», — говорит Данченко.
Сделай сам
По словам Данченко, было сложно найти архитектора всего продукта: «Я перебрал тысячи профилей на «Моем круге», Хабре и других точках притяжения программистов. Написал около сотни писем, опросил всех знакомых. Но все опытные разработчики были при деле, а нас не воспринимали серьезно».
Собеседования — около двадцати — шли в дневном кафе клуба «Солянка». Первый нанятый человек не проработал и месяца — не справился. В итоге дизайном занялся сам Герасименко, разработкой — Данченко, Новичихина — юридическими и финансовыми вопросами, было еще два фронтенд-разработчика и один архитектор (full-stack-разработчик).
— Наш офис постоянно мигрировал: сначала был в квартире Кирилла, потом у знакомой (она была в длительной командировке), затем — на малюсеньком чердаке у Китай-города, — вспоминает Новичихина. — Деньги на зарплату и аренду поступали очень постепенно и очень постепенно тратились. Мы брали личные кредиты — иногда занимали денег, чтобы отдать старые долги. Но сотрудникам платили вовремя.
Основатели первые два года зарплату не получали, уточняет Данченко.
В 2010 году Apple выпустила первую модель iPad и у мировых СМИ появилась
надежда, что новый гаджет спасет печатную прессу от медленной «смерти», переведя в цифровой вид. Тогда же по всему миру развивался «самиздат»: профессиональные дизайнеры, журналисты и обычные пользователи верстали и выкладывали в сеть свои «журналы». Это были обычные интернет-страницы — веб-вёрстка только начинала соперничать с печатной, постепенно расширяя возможности визуальных решений.
Америка и ее тонкости
Зимой 2013 года партнеры зарегистрировали (из России, дистанционно) компанию Readymag в штате Делавер, США (доли не раскрываются, но, по словам основателей, они «примерно равные»).
— Мы сразу делали международный продукт. На Западе больше творческих людей используют новые технологии в своей работе. Мы задумывались об инвестициях и хотели защиты Законом об авторском праве в цифровую эпоху (DMCA) от недобросовестных действий пользователей, — говорит Новичихина.
Технические сервисы — платёжный Stripe, иконки The Noun Project, JavaScript-библиотека TinyMCE ( база текстового виджета), шрифты Adobe Typekit, — которые использует R/m, не работают с российскими юрлицами и банками (зато работают с американскими). «Мы лично устанавливали связь с компаниями-партнерами, заключали договоры, переводили отчисления, — рассказывает Данченко. — Мне кажется, российской компании это было бы в разы сложнее, а то и вовсе невозможно».
Погружение в юридическую и финансовую терминологию, работа с документами требуют усилий. «Русскоязычные юристы, которые работают в США, могут помочь, но внутри компании, в любом случае, кто-то обязан разбираться — вычитывать бумаги, задавать юристам правильные вопросы. У нас это Диана». «Так получилось, что наш юрист была знакома с менеджером из американского Citibank. Нам удалось договориться о собеседовании по скайпу. Такое обычно не практикуется», — уточняет Новичихина.
Мешала нестабильная работа банков: они не пропускали оплату сервисов, которые интегрировались в Readymag, блокировали счета из-за «подозрительных» платежей. «Я много бессонных ночей провела в скайпе, общаясь с банковскими сотрудниками, — вспоминает Новичихина. — Но в последнее время такого нет. Мы получили достаточный ресурс доверия».
Что нужно сделать перед регистрацией юрлица в США (по версии Дианы Новичихиной)
Найдите хорошего юриста.
Наймите хорошего бухгалтера.
Выберите онлайн-банк с удобным интерфейсом, в котором можно вводить зарубежные и российские реквизиты, а одноразовый пароль не привязан к смс.
Поймите точно, зачем вам юрлицо именно в США. Необходимость присутствия в Америке никак не связана с необходимостью регистрации юрлица в стране.
Универсальный продукт для узкой аудитории
Запустив весной 2013 года закрытое бета-тестирование на 5 тыс. пользователей (с помощью сервиса Beta List, который собирает заявки от энтузиастов, желающих первыми узнать о новых интернет-проектах), основатели наладили функционал, убрали ошибки и с удивлением обнаружили: R/m пользовались для создания не только цифровых журналов, но и сайтов, презентаций и фотоальбомов.
«Многогранность» R/m создавала проблемы. «Люди понимали, что такое конструктор сайтов или инструмент для презентаций. Но когда им говорили, что R/m делает и то и другое, это вызывало вопросы», — говорит Данченко.
Концепцию переосмыслили. Продукт не вписывался в рамки какой-то одной категории, и предприниматели определили его как Design anything on the Web. На рынке сервисов web-publishing было достаточно конкурентов (Squarespace, Wix), но партнеры считали, что найдут своих пользователей.
— Мы не делали ставку на масс-маркет. Наш продукт — универсальный и гибкий. С R/m дизайнеры могут реализовать свои идеи, как они их видят. Это похоже на Adobe inDesign, только в браузере и без контакта с разработчиком. Остальные сервисы (Tilda, Wix, Squarespace) сфокусированы в первую очередь на шаблонах, — объясняет Новичихина.
Ее словам вторит Антон Герасименко:
— Мы про «короткий метр» — лендинги, спецпроекты, презентации и так далее. Когда есть четко сформулированная идея и нужно максимально быстро и эффектно рассказать о ней людям. Это может быть «дизайнерская картинка», полотно текста или летающие по всему экрану анимированные черные шары. Я считаю, полная свобода в подаче своей истории — главная крутость R/m. Другие платформы не предлагают этого (основатель российского сервиса для создания публикаций Tilda Никита Обухов отказался комментировать работу Readymag. На момент публикации материала ответ из Wix и Squarespace не пришел — Inc.).
Как работает Readymag
Сверстать собственный микро-сайт, интерактивный журнал, фото-историю, портфолио или презентацию может любой предприниматель.
Есть готовые шаблоны для начинающих пользователей.
Профессиональный дизайнер может создать любой контент — ограничений по верстке почти нет.
Пользователь работает с блоками — текстом, изображениями и другими элементами; разбираться в коде не обязательно.
Свой проект можно выложить на отдельное доменное имя (работы хранятся на серверах Amazon, связанных с RM), включить статистику посещений, выбрать шрифты для работы, пригласить коллег в одновременную работу над проектом.
Продвижение через просвещение
В конце осени 2013 года к инструменту открыли доступ, а через год им пользовалось более 16 тыс. человек, — о проекте узнали из соцсетей и по «сарафанному радио». R/m — работающий инструмент, приносящий доход (суммы не раскрываются).
Хотелось расти по выручке. Основатели собирали метрики, строили воронки и пробовали различные маркетинговые каналы — рекламу, публикации в прессе, специальные акции со скидками, — но лучше всего работала «органика». «Выпускаешь обновление, сообщаешь своей аудитории. Люди сами делают крутые проекты, они становятся популярными, и уже другие люди узнают, что есть Readymag», — объясняет Данченко.
В 2015 году запустились образовательный проект Rm Design school и журнал Enso.
R/m периодически участвовал в мероприятиях, связанных с дизайном (например в фестивале шрифтового дизайна Typetersburg), как спонсор — деньгами и скидками, а также сотрудничал с разными компаниями, сервисами и сайтами (институтом «Стрелка», Moscow Coding School, рекламным агентством Bang Bang). «Мы дружим с R/m уже давно и часто проводим совместные кросс-промо, — говорит соосновательница Bang Bang Наталья Климчук. — Полгода назад в рамках нашей образовательной программы запустили онлайн-курс по Readymag. Студентам предоставили месяц бесплатного пользования продуктом».
Инструмент для дизайнеров и домохозяек
Деньги выделялись на новый функционал, пополнение команды (product-направление и контент-маркетинг для развития собственных медийных проектов) и офис в Нью-Йорке.
«Мы вкладывали деньги в отличную команду и продукт с международными клиентами», — говорит управляющий партнер Impulse VC Кирилл Белов.
«Задача Readymag — дать любой домохозяйке инструмент сверстать журнал со своими рецептами или любителю рыбалки поделиться красивым каталогом своих фото с уловом», — говорил три года назад Павел Черкашин, партнер Vestor.in (на запрос Inc. не ответил). Впрочем, Новичихина утверждает, что инвесторы не ставили конкретных задач: «Они вкладывались в наше видение и профессионализм. Фокус компании многократно менялся и будет меняться. Может быть, лет через пять лет нами будут пользоваться домохозяйки или дошкольники».
Сейчас большую часть клиентов стартапа составляют представители творческих индустрий — дизайнеры, фотографы, журналисты. Стартап стал популярен и среди крупных СМИ. Например, английская Al Jazeera делала на основе Readymag интерактивные журналы о городах, The Huffington Post — мультимедийные истории, а Inc. оформлял исследование бизнеса Артемия Лебедева. «Huffington сами нам написали, что делают какие-то спецпроекты и процесс идет неэффективно, потому что на каждый выпуск тратится около месяца работы отдела из шести разработчиков, — говорит Данченко. — Мы созвонились по Google Hangouts, я им показал, как один из их спецпроектов делается на R/m за час-два. Они были в восторге». Сколько компании заплатили за пользование сервисом, не разглашается. На момент публикации представители этих медиа на запросы Inc. не ответили.
Для графического дизайна и не только – Reademag
В настоящее время существует множество программ, позволяющих создавать веб-публикации, будь то презентации, журналы, сайты или лендинги. Среди популярных онлайн-платформ можно выделить Readymag, которая предназначена для разработки контента с анимационными элементами и эффектами.
Для того, чтобы работать в программе, нужно иметь базовые знания в графическом дизайне. На основе популярной платформы было разработано множество сайтов и веб-публикаций. Какими возможностями обладает платформа и как ее можно освоить?
Что это за платформа
Софт пользуется спросом у дизайнеров, журналистов, блогеров, а также всех тех, кто любит публиковать контент и делиться своими историями в сети. Пользователей привлекает простой и удобный интерфейс программы, что дает возможность освоить платформу, не обладая какими-либо специальными навыками и познаниями.
Платформа Readymag предназначена для созданий публикаций и контента в Интернете. Посредством программы можно создавать целые сайты, лендинги, презентации, цифровые журналы и многое другое. Одной из особенностей приложения является экспорт кода с целью переноса созданного макета на собственный хостинг.
Есть несколько возможностей работы с платформой: посредством бесплатного тарифа и подключив платные услуги. Преимуществом платного тарифа является создание и опубликование неограниченного количества контента и проектов. В редакторе имеется набор шаблонов и виджетов для оформления и создания веб-страниц. Помимо стандартного набора фигур и кнопок, в редакторе есть уникальные возможности добавлять анимацию, настраивать видео-фон и многое другое.
История создания
Онлайн-редактор Readymag был разработан молодыми дизайнерами: Антоном Герасименко, Дианой Новичихиной и Кириллом Данченко. Создатели популярной платформы Диана Новичихина и Антон Герасименко познакомились в 2005 году, поскольку все работали в студии Артемия Лебедева. В 2010 году молодые люди познакомились с Кириллом Данченко, который на тот момент владел студией веб-разработки Astroshock.
Идея создать удобный редактор для верстки сайтов возникла у дизайнеров в 2012 году. Уже в 2013 году основатели и разработчики сервиса запустили закрытое тестирование приложения. Надо отметить, что приложение было протестировано успешно пятью тысячами пользователей.
Официальный релиз и выпуск Readymag в «жизнь» состоялся в октябре 2013 года. Новый сервис сразу же полюбился многим пользователям. К концу 2013 года приложением активно пользовались более семи тысяч человек.
Функции редактора
Многофункциональный редактор Readymag предназначен для создания цифрового контента, который может быть представлен в виде статьи, фотоальбома, презентации. Пользователи могут начать создание уникального контента с нуля или воспользоваться одним из заготовленных шаблонов, в зависимости от того, какого плана контент необходимо создать.
Возможности сервиса впечатляют. При желании можно создать целый сайт с элементами анимации. Следует отметить, что возможности сервиса во многом зависят от трафика. Предусмотрен как бесплатный трафик, так и платный с еще большими функциями.
Набор стандартных функций редактора:
Следует отметить, что бесплатный тариф предполагает создание десятистраничного сайта. Есть приобрести платную версию редактора, то появится возможность создавать и публиковать неограниченное количество контента и сайтов.
Разработчики позаботились о пользователях сервиса и дополнительно разработали мобильную версию приложения. Функции в мобильном приложении все те же, что и в обычном.
Как работать на платформе
Прежде, чем приступить к работе в редакторе Readymag, нужно ознакомиться с функционалом инструментов программы, а также научиться соблюдать правила пользования сервисом. Узнать об особенностях использования можно в разных видео и статьях. Также можно обратиться в службу техподдержки сервиса.
Весь процесс создания контента и сайта происходит в редакторе. Экран редактора появляется в случае, когда нужно создать новый проект или отредактировать уже имеющийся. Для того, чтобы воспользоваться виджетами (инструментами для создания контента), следует нажать на иконку «Add widget», которая располагается в левом нижнем углу редактора. Поблизости от иконки «Add widget» находится кнопка, с помощью которой можно выбрать фон проекта, а также настроить сетку.
Работать в редакторе не сложно, достаточно обладать базовыми знаниями в графическом дизайне. Можно создать новый проект с чистого листа или воспользоваться одним из множества предложенных программой шаблонов.
Обучение
Далеко не каждый пользователь может освоиться в редакторе, тем более, что сервис не имеет русифицированной версии. Новичкам может показаться сложным и непонятным интерфейс. Существуют разнообразные спецкурсы и видеоматериалы, ориентированные для начинающих пользователей и помогающие освоить работу в редакторе Readymag.
Список бесплатных обучающих курсов и материалов:
Примеры сайтов, созданных на конструкторе
Конструктор Readymag известен всему миру и пользуется спросом у дизайнеров и разработчиков сайтов разных стран. Благодаря сервису было создано множество цифровых публикаций и сайтов.
Примеры сайтов:
Это лишь немногие из примеров, которые были созданы с помощью популярного редактора. Каждый из сайтов наполнен уникальным контентом, на некоторых можно увидеть анимационные элементы.
Плюсы, минусы и отзывы пользователей
Дизайнерский сервис Readymag имеет множество аналогов и предназначен для создания цифровых публикаций и сайтов. Как и любой сервис, Readymag имеет свои преимущества и недостатки.
Преимущества:
Недостатки:
Если посмотреть на отзывы пользователей, то чаще всего можно увидеть положительные отзывы. Особо отмечается функционал программы, большой набор инструментов, возможность работать над одним проектом совместно. Загружать видео и фотоматериалы можно как с компьютера, так и находить в сети.
Негативные отзывы, к сожалению, также имеются. Отмечается высокая стоимость приложения. Пользователи недовольны однотипностью и небольшим количеством шаблонов. Также многие пользователи отмечают, что без дополнительной инструкции тяжело разобраться с особенностями работы в Readymag.
Полезное видео
Видео по обучению от Skillbox:
Заключение
Многофункциональный редактор Readymag позволяет создавать цифровой контент, различного вида публикации (фотоальбомы, презентации, лендинги, журналы).
Также с помощью конструктора можно создавать целые сайты. Сервис имеет массу преимуществ, доступен как в платной, так и в бесплатной версии (с некоторыми ограничениями). Прежде, чем начать работу в Readymag, желательно изучить обучающие материалы, посетить специальные занятия или пройти онлайн-курсы.
Ваш первый анимированный сайт в Readymag: пошаговая инструкция
Readymag — очень простой в освоении инструмент, в котором удобно создавать анимацию. Рассказываем о главных настройках.
Создание проекта
Запустите Readymag, зайдите в свой профиль и создайте новую папку, назовите ее Projects.
Перейдите в эту папку и внизу нажмите на иконку карандаша (Create), затем, нажав на плюс, выберите R/m Templates, чтобы выбрать предустановленный шаблон.
Автор статей по дизайну. В веб-дизайн пришел в 2013 году, осознанно начал заниматься с 2015 года. Параллельно освоил верстку. Время от времени публикую переводы на хабре.
Настройка шаблона Sleek
Readymag предлагает несколько готовых стартовых шаблонов — в будущем можете воспользоваться фильтром справа и подобрать для себя подходящий. Выберите шаблон Sleek.
Выберите первую страницу, Main Page, нажав на иконку «плюс» рядом с эскизом, и перейдите в рабочее пространство проекта — просто кликните в любом месте вне диалогового окна.
Вы увидите две страницы проекта — чистую страницу и Main Page шаблона Sleek. Удалите чистую страницу, она не понадобится.
Нажмите на «шестеренку» и назовите свой проект.
Подготовительная часть закончена. Перейдите в режим редактирования, нажав на иконку карандаша (Edit).
Вы увидите такой шаблон с подсказками на полях к каждому блоку.
Чтобы подсказки не мешали, их можно удалить или скрыть. Второй вариант предпочтительнее: перейдите на основную панель управления и нажмите на иконке Widgets (Layers) или используйте горячую клавишу Q. Откроется список всех слоев проекта, найдите группу Group в самом низу и нажмите на иконку глаза, чтобы отключить видимость. Вот так:
Элементы шаблона
Перейдите в режим просмотра проекта, щелкнув на иконку глаза на панели просмотра в правом углу экрана, пролистайте и посмотрите, как ведут себя элементы.
Обратите внимание, что меню при прокрутке не фиксируется сверху, а проматывается и становится недоступным.
Давайте сделаем первую настройку макета под себя — зафиксируйте меню в верхней части экрана при скролле. Для этого выберите все элементы шапки — логотип и пункты меню, затем нажмите на иконку Position справа и выберите положение Fix по центру сверху, а затем сдвиньте шапку чуть ниже, как показано на гифке.
Все, теперь меню всегда видимо. Теперь перейдем к настройке непосредственно анимации. Проскролльте чуть ниже до первой фотографии проекта. Выберите ее и нажмите на иконку Animation справа.
Настройки анимации
Анимацию можно включить для любого из четырех состояний — при загрузке, скролле, клике и наведении.