Дизайн статей (сетки, красивые иллюстрации, верстка, анимации) — это не только красиво но и необходимо Дизайн — дорого. Нужны не только процессы внутри редакции, но и соответствующие инструменты снижающие стоимость производства «сложных» постов Главный челлендж — выпуск «сложных» постов «на потоке», по 50 в день Вкратце как с точки зрения медиаменеджмента и технологий эта задача решалась в Look At Media Проблемы существующих HTML-редакторов Почему мы решили делать свой редактор? Задачи и решения Процесс выпуска и его участники Составные части публикации: контент, стиль, сетка Архитектура Setka Editor Краткое демо продукта с техническими комментариями Текущие цифры и дальнейшие планы

1. Как продукты Setka
помогают создавать
современные медиа
20 апреля 2017

2. Возникновение греческой цивилизации
Во всей истории нет ничего более удивительного и ничего более
трудного для объяснения,чем внезапное возникновение цивилизации в
Греции. Многое из того,что создает цивилизацию,уже существовало в
течение тысячелетий в Египте и Месопотамии и распространилось оттуда
в соседние страны.Но некоторых элементов недоставало,пока они не
были восполнены греками.Чего они достигли в искусстве и литературе,
известно каждому,но то,что они сделали в чисто интеллектуальной
области,является даже еще более исключительным.Они изобрели
математику,науку и философию; на место простых летописей они
впервые поставили историю; они свободно рассуждали о природе мира и
целях жизни,не обремененные путами какого-либо традиционного
ортодоксального учения.Происшедшее было настолько удивительным,
что люди до самого последнего времени довольствовались изумлением и
мистическими разговорами о греческом гении.Однако вполне возможно
понять развитие Греции в научных терминах,и такое исследование стоит
затраченного времени.
Философия начинается с Фалеса.К счастью,можно легко установить,
когда он жил,так как Фалес предсказал затмение,происшедшее,согласно
подсчетам астрономов,в 585 году до н.э.

3. Больше средств для
выражения

11. Нативная реклама

12. 600 брендов

13. 65 премий

18. Красивые материалы —
это дорого

19. Технологии —
путь снижения стоимости
производства

21. 21

22. 22
Редакторов
очень много

23. 23
CKEditorTinyMCE
RedactorScribe
Aloha EditorTrix
Medium.js Summernote
ProseMirror
Squire
goog.editor
Froala
ContentTools
Draft.js

24. 24
TinyMCE

25. 25
CKEditor

26. 26
Trix

27. 27
Froala Editor

28. 28
Проблемы?

29. 29
Редакторы создаются
как инструменты общего
назначения

30. 30
Функций очень мало
или слишком много

31. 31
What You See
is not
What You Get

32. 32
Сложно «подружить»
редактор с существующим
дизайном сайта

33. 33
«Грязный» HTML-код
Проблемы с SEO
Много legacy-кода
Поддержка не всех браузеров
Строгая очистка HTML-кода
Верстка только под десктоп
…

34. 34
Задачи медиа

35. Ускорение выпуска регулярных рубрик
35

36. Верстка нестандартных постов и спецпроектов
36

37. 37
Адаптация под разные экраны

38. 38
Новые форматы дистрибуции

39. 39
При этом…

40. 40
Сохранение привычного UX

41. 41
Интеграция в разные платформы

42. What You See Is What You Really Get

43. 43
Анимация
Многопользовательская работа
Чистый HTML
SEO
Плагины и настройки
…

44. Из чего состоит публикация?

45. 45
Процесс выпуска
АналитикаКорректура Публикация
Подготовка
материала
Фотосъёмка Верстка
🖼

46. 46
Участники выпуска
Корректор
Выпускающий
дизайнер
SMMАрт-директор
Редактор
Фоторедактор
Главный редактор
Издатель

47. Заголовки, текст, ссылки
47

48. Картинки
48

49. 49
Эмбеды

50. Фирменный стиль

52. Шрифты

53. Цвета и разделители

54. Иконки

55. Сниппеты

56. Галереи

57. Сетка

58. 58

59. Колонки и отступы

60. 60
Выносы

61. 61
Архитектура

62. 62
Style Manager
Как всё устроено
Шрифты, цвета,
иконки, сетки
www.example.com
Setka Editor
Верстка постов,
сохранение HTML
editor.setka.io

63. 63
Style Manager

64. 64

65. 65

66. 66

67. 67

68. 68

69. 69

70. 70

71. 71

72. 72

73. 73

74. 74
Редактор

75. 75

76. 76

77. 77

78. 78

79. 79

80. 80

81. 81

82. 82

83. 83

84. 84
Цифры

85. 85
Цифры
100+
модулей
25 000+
строк кода
12
человек
в команде
4,5
месяца
до первого релиза

86. 86
Внедрения

87. 87
Плагин для WordPress

88. 88
Директор по продуктам
khudonogov@setka.io
Роман Худоногов
Ведущий JS-разработчик
yakovishen@setka.io
Егор Яковишен
setka.io