1 added
1 removed
Original
2026-01-01
Modified
2026-02-21
1
<p><a>#статьи</a></p>
1
<p><a>#статьи</a></p>
2
<ul><li>17 дек 2019</li>
2
<ul><li>17 дек 2019</li>
3
<li>0</li>
3
<li>0</li>
4
</ul><p>Роберт Майер рассказывает о UI-китах "на продажу", о том, какие в этом процессе есть тонкости и к чему надо быть готовым.</p>
4
</ul><p>Роберт Майер рассказывает о UI-китах "на продажу", о том, какие в этом процессе есть тонкости и к чему надо быть готовым.</p>
5
<p> vlada_maestro / shutterstock</p>
5
<p> vlada_maestro / shutterstock</p>
6
<p>Дизайнер, фрилансер. Сотрудничал с агентствами AdLabs, King Kong (Au). Среди клиентов Adobe, Invision, Škoda, Electrolux, Webflow, "Музторг".</p>
6
<p>Дизайнер, фрилансер. Сотрудничал с агентствами AdLabs, King Kong (Au). Среди клиентов Adobe, Invision, Škoda, Electrolux, Webflow, "Музторг".</p>
7
<p><strong>об авторе</strong></p>
7
<p><strong>об авторе</strong></p>
8
<p>Дизайнер, фрилансер. Сотрудничал с агентствами AdLabs, King Kong (Au). Среди клиентов Adobe, Invision, Škoda, Electrolux, Webflow, "Музторг".</p>
8
<p>Дизайнер, фрилансер. Сотрудничал с агентствами AdLabs, King Kong (Au). Среди клиентов Adobe, Invision, Škoda, Electrolux, Webflow, "Музторг".</p>
9
<p>UI-кит - это гибкий набор элементов и компонентов, из которых можно быстро собрать нужное интерфейсное решение. Основная идея - освободить дизайнера от рисования дизайна с нуля на каждом новом проекте.</p>
9
<p>UI-кит - это гибкий набор элементов и компонентов, из которых можно быстро собрать нужное интерфейсное решение. Основная идея - освободить дизайнера от рисования дизайна с нуля на каждом новом проекте.</p>
10
<p>UI-киты могут быть разного размера - от небольшого набора до гигантской полноразмерной дизайн-системы, - а также часто имеют специализацию: для ecommerce-проектов, для dashboard-систем и так далее.</p>
10
<p>UI-киты могут быть разного размера - от небольшого набора до гигантской полноразмерной дизайн-системы, - а также часто имеют специализацию: для ecommerce-проектов, для dashboard-систем и так далее.</p>
11
<p>Дизайн-системы имеют кучу настраиваемых элементов и компонентов и легко адаптируются под разные задачи. Например, такой системой является<a><strong>Slice Design</strong></a>, c помощью которой можно не только собирать веб-сайты или приложения, но и автоматизировать рутинные задачи: настройку цветов, типографики, ресайз лэйаута и так далее. В итоге это даёт огромную экономию времени для дизайнера.</p>
11
<p>Дизайн-системы имеют кучу настраиваемых элементов и компонентов и легко адаптируются под разные задачи. Например, такой системой является<a><strong>Slice Design</strong></a>, c помощью которой можно не только собирать веб-сайты или приложения, но и автоматизировать рутинные задачи: настройку цветов, типографики, ресайз лэйаута и так далее. В итоге это даёт огромную экономию времени для дизайнера.</p>
12
<p>Самая распространённая ситуация в моей практике - покупают ради какого-то конкретного экрана или части интерфейса: вырезают фрагмент из исходника и используют в своей работе. Значительно реже работают с китом как с конструктором или используют его регулярно.</p>
12
<p>Самая распространённая ситуация в моей практике - покупают ради какого-то конкретного экрана или части интерфейса: вырезают фрагмент из исходника и используют в своей работе. Значительно реже работают с китом как с конструктором или используют его регулярно.</p>
13
<p>По моим наблюдениям, чаще всего это эмоциональная покупка. Из категории "увидел классную штуку, хочу с ней поработать в редакторе" - покрутить, поменять цвета, поиграть со шрифтами. Скорее всего, такая работа никуда не пойдёт и останется в ноутбуке у дизайнера.</p>
13
<p>По моим наблюдениям, чаще всего это эмоциональная покупка. Из категории "увидел классную штуку, хочу с ней поработать в редакторе" - покрутить, поменять цвета, поиграть со шрифтами. Скорее всего, такая работа никуда не пойдёт и останется в ноутбуке у дизайнера.</p>
14
<p>Дизайн-системы покупают студии, чтобы наладить процессы разработки продуктов, повысить качество и сократить временные расходы. UI-киты пользуются спросом у фрилансеров junior- и mid-уровней. У них основная задача - сделать проект вовремя и красиво.</p>
14
<p>Дизайн-системы покупают студии, чтобы наладить процессы разработки продуктов, повысить качество и сократить временные расходы. UI-киты пользуются спросом у фрилансеров junior- и mid-уровней. У них основная задача - сделать проект вовремя и красиво.</p>
15
<p><strong>Роман Банкс</strong></p>
15
<p><strong>Роман Банкс</strong></p>
16
<p>сооснователь<a>Slice Design</a></p>
16
<p>сооснователь<a>Slice Design</a></p>
17
<p>Как и в любом бизнесе, тут нет никаких гарантий и однозначных цифр. Тем более мало что можно спрогнозировать на старте. Нет и связи между вложенным в кит трудом и его финансовой отдачей: один из UI-китов, на который я потратил месяц активной фултайм-работы, в первые месяцы принёс меньше пятисот долларов и до сих пор остаётся наименее прибыльным и популярным.</p>
17
<p>Как и в любом бизнесе, тут нет никаких гарантий и однозначных цифр. Тем более мало что можно спрогнозировать на старте. Нет и связи между вложенным в кит трудом и его финансовой отдачей: один из UI-китов, на который я потратил месяц активной фултайм-работы, в первые месяцы принёс меньше пятисот долларов и до сих пор остаётся наименее прибыльным и популярным.</p>
18
<p>Почти на всех площадках статистика продаж продукта закрыта от внешних посетителей, так что о реальных показателях там можно только догадываться. Но есть одна с открытыми данными -<a>Themeforest</a>. Это единственное место, где можно узнать точную информацию о прибыльности того или иного продукта. Хотя сразу отмечу, что это не самая популярная площадка по продаже китов.</p>
18
<p>Почти на всех площадках статистика продаж продукта закрыта от внешних посетителей, так что о реальных показателях там можно только догадываться. Но есть одна с открытыми данными -<a>Themeforest</a>. Это единственное место, где можно узнать точную информацию о прибыльности того или иного продукта. Хотя сразу отмечу, что это не самая популярная площадка по продаже китов.</p>
19
<p>Возьмём для примера один из самых продаваемых китов на площадке -<a>Baikal UI Kit</a>от потрясающих ребят из Great Simple. Его цена $58, он был куплен 368 раз, это значит, что выручка составляет $21 344!</p>
19
<p>Возьмём для примера один из самых продаваемых китов на площадке -<a>Baikal UI Kit</a>от потрясающих ребят из Great Simple. Его цена $58, он был куплен 368 раз, это значит, что выручка составляет $21 344!</p>
20
<p>Но не спешите радоваться. Во-первых, комиссия площадки за неэксклюзивное размещение составит $2 + 55% от стоимости продукта. Это означает, что из всей суммы продаж доход авторов - лишь $9 273. Кроме того, UI-кит был размещён на площадке в декабре 2015 года, что в пересчете даёт нам всего $201,5 в месяц!</p>
20
<p>Но не спешите радоваться. Во-первых, комиссия площадки за неэксклюзивное размещение составит $2 + 55% от стоимости продукта. Это означает, что из всей суммы продаж доход авторов - лишь $9 273. Кроме того, UI-кит был размещён на площадке в декабре 2015 года, что в пересчете даёт нам всего $201,5 в месяц!</p>
21
<p>Эти цифры покажутся совершенно несерьёзными, если вы сравните их с <a>самым популярным шаблоном для WordPress</a>. Всё ещё хотите делать киты? Кстати, в этом видео Алексей Рыбин из Great Simple подробно рассказывает о том, как они работали над этим и другими продуктами:</p>
21
<p>Эти цифры покажутся совершенно несерьёзными, если вы сравните их с <a>самым популярным шаблоном для WordPress</a>. Всё ещё хотите делать киты? Кстати, в этом видео Алексей Рыбин из Great Simple подробно рассказывает о том, как они работали над этим и другими продуктами:</p>
22
<p>Любые инструменты и ресурсы, которые позволяют дизайнерам работать лучше или быстрее. Например:</p>
22
<p>Любые инструменты и ресурсы, которые позволяют дизайнерам работать лучше или быстрее. Например:</p>
23
<ul><li>иллюстрации;</li>
23
<ul><li>иллюстрации;</li>
24
<li>наборы иконок;</li>
24
<li>наборы иконок;</li>
25
<li>шаблоны для Webflow/Tilda;</li>
25
<li>шаблоны для Webflow/Tilda;</li>
26
<li>плагины и скрипты для Figma/Sketch;</li>
26
<li>плагины и скрипты для Figma/Sketch;</li>
27
<li>мокапы;</li>
27
<li>мокапы;</li>
28
<li>3D-объекты;</li>
28
<li>3D-объекты;</li>
29
<li>конструкторы флоучартов;</li>
29
<li>конструкторы флоучартов;</li>
30
<li>шаблоны презентаций;</li>
30
<li>шаблоны презентаций;</li>
31
<li><a>паттерны</a>.</li>
31
<li><a>паттерны</a>.</li>
32
</ul><p>Чем успешнее ваш продукт решает задачи дизайнера, тем популярнее он будет. Однажды мне надоело каждый раз кропать лица из фотографий в Unsplash для аватарок пользователей, и я подготовил нарезку в трёх форматах. Разместил её на Behance, в Dribbble и Twitter. На сегодня её скачали 5000 человек и прислали мне $65 чаевых. Да, это мелочь - но и сам продукт небольшой, я потратил на него не больше пары часов. Так что продуктом или инструментом в данном случае может быть всё что угодно.</p>
32
</ul><p>Чем успешнее ваш продукт решает задачи дизайнера, тем популярнее он будет. Однажды мне надоело каждый раз кропать лица из фотографий в Unsplash для аватарок пользователей, и я подготовил нарезку в трёх форматах. Разместил её на Behance, в Dribbble и Twitter. На сегодня её скачали 5000 человек и прислали мне $65 чаевых. Да, это мелочь - но и сам продукт небольшой, я потратил на него не больше пары часов. Так что продуктом или инструментом в данном случае может быть всё что угодно.</p>
33
<p>Прежде чем замахиваться на крупный продукт, начните с небольшого, чтобы "прощупать почву", почувствовать, как это работает, увидеть обратную связь от пользователей. Самое сложное - довести работу до конца, так что даже небольшой завершённый проект станет вашей победой.</p>
33
<p>Прежде чем замахиваться на крупный продукт, начните с небольшого, чтобы "прощупать почву", почувствовать, как это работает, увидеть обратную связь от пользователей. Самое сложное - довести работу до конца, так что даже небольшой завершённый проект станет вашей победой.</p>
34
<p>UI-киты не отличаются принципиально от любых других цифровых продуктов. Это значит, что вы можете использовать любые стандартные инструменты и стратегии маркетинга. Однако есть несколько важных и специфичных аспектов.</p>
34
<p>UI-киты не отличаются принципиально от любых других цифровых продуктов. Это значит, что вы можете использовать любые стандартные инструменты и стратегии маркетинга. Однако есть несколько важных и специфичных аспектов.</p>
35
<p>Важная сторона любого коммерчески успешного продукта - пиар. Начиная с определённой планки качества людям уже не так понятно, чем ваш продукт лучше другого, похожего, поэтому важно быть на виду и демонстрировать собственный профессионализм. Писать статьи, рассказывать о себе и своих продуктах. В этом особенно преуспели UX Power Tools - их блог на Medium сейчас читают больше 24 тысяч человек. При этом их основной продукт - дизайн-система для Sketch App.</p>
35
<p>Важная сторона любого коммерчески успешного продукта - пиар. Начиная с определённой планки качества людям уже не так понятно, чем ваш продукт лучше другого, похожего, поэтому важно быть на виду и демонстрировать собственный профессионализм. Писать статьи, рассказывать о себе и своих продуктах. В этом особенно преуспели UX Power Tools - их блог на Medium сейчас читают больше 24 тысяч человек. При этом их основной продукт - дизайн-система для Sketch App.</p>
36
<p>Запуск продуктов на Product Hunt до сих пор даёт мощный импульс вашим продажам. PH - прекрасная платформа для привлечения новых пользователей и получения ценных отзывов. Но к запуску на ней нужно хорошо подготовиться.</p>
36
<p>Запуск продуктов на Product Hunt до сих пор даёт мощный импульс вашим продажам. PH - прекрасная платформа для привлечения новых пользователей и получения ценных отзывов. Но к запуску на ней нужно хорошо подготовиться.</p>
37
<p>Стандартная практика - предлагать часть продукта или урезанную версию бесплатно, так называемое<em>freebies</em>. Это очень эффективное средство продвижения платных продуктов.</p>
37
<p>Стандартная практика - предлагать часть продукта или урезанную версию бесплатно, так называемое<em>freebies</em>. Это очень эффективное средство продвижения платных продуктов.</p>
38
<p>Например, вы сделали платный пак из 1000 иконок, а набор из 50-ти предлагаете скачать бесплатно. Десятки сайтов собирают и размещают подобные ресурсы, включая ссылки на авторов. Таким образом, вы получаете довольных пользователей, упоминания в сети и бесплатную рекламу ваших платных продуктов.</p>
38
<p>Например, вы сделали платный пак из 1000 иконок, а набор из 50-ти предлагаете скачать бесплатно. Десятки сайтов собирают и размещают подобные ресурсы, включая ссылки на авторов. Таким образом, вы получаете довольных пользователей, упоминания в сети и бесплатную рекламу ваших платных продуктов.</p>
39
-
<p>Если у вас нет внушительного количества подписчиков и лояльной аудитории дизайнеров, скорее всего, продавать продукты на собственном веб-сайте на первом этапе будет проблематично. Поэтому лучше стартовать с маркетплейсов, параллельно работая над собственным брендом и его продвижением. Наиболее активные площадки сейчас:</p>
39
+
<p>Если у вас нет внушительного количества подписчиков и лояльной аудитории дизайнеров, скорее всего, продавать продукты на ��обственном веб-сайте на первом этапе будет проблематично. Поэтому лучше стартовать с маркетплейсов, параллельно работая над собственным брендом и его продвижением. Наиболее активные площадки сейчас:</p>
40
<ul><li><a>UI8</a>;</li>
40
<ul><li><a>UI8</a>;</li>
41
<li><a>Envato Elements</a>;</li>
41
<li><a>Envato Elements</a>;</li>
42
<li><a>Designmodo</a>;</li>
42
<li><a>Designmodo</a>;</li>
43
<li><a>Creative Market</a>;</li>
43
<li><a>Creative Market</a>;</li>
44
<li><a>Craftwork Design</a>;</li>
44
<li><a>Craftwork Design</a>;</li>
45
<li><a>Themeforest</a>.</li>
45
<li><a>Themeforest</a>.</li>
46
</ul><p>Многие маркетплейсы принимают не все продукты и внимательно проверяют их перед размещением. Так что не забудьте прочитать правила площадки и как следует проверить свою работу.</p>
46
</ul><p>Многие маркетплейсы принимают не все продукты и внимательно проверяют их перед размещением. Так что не забудьте прочитать правила площадки и как следует проверить свою работу.</p>
47
<p>Площадки типа UI8, Creative Market не раскрывают данные о твоих покупателях. Без этих данных невозможно построить грамотную коммуникацию и маркетинг.</p>
47
<p>Площадки типа UI8, Creative Market не раскрывают данные о твоих покупателях. Без этих данных невозможно построить грамотную коммуникацию и маркетинг.</p>
48
<p><strong>Роман Банкс</strong></p>
48
<p><strong>Роман Банкс</strong></p>
49
<p>сооснователь<a>Slice Design</a></p>
49
<p>сооснователь<a>Slice Design</a></p>
50
<p>Кроме сложностей, связанных с непредсказуемостью успеха и доходов, есть также ряд проблем, которые касаются этой деятельности как таковой.</p>
50
<p>Кроме сложностей, связанных с непредсказуемостью успеха и доходов, есть также ряд проблем, которые касаются этой деятельности как таковой.</p>
51
<ul><li>Если ваш UI-кит классный, скорее всего, его быстро скопируют и появится десяток подобных. Я видел случаи, когда копии оказывались гораздо популярнее, чем оригинал.</li>
51
<ul><li>Если ваш UI-кит классный, скорее всего, его быстро скопируют и появится десяток подобных. Я видел случаи, когда копии оказывались гораздо популярнее, чем оригинал.</li>
52
<li>Эта работа может быть крайне однообразной и изматывающей.</li>
52
<li>Эта работа может быть крайне однообразной и изматывающей.</li>
53
<li>На UX и логику в компонентах почти наверняка придется забить и делать дриббл-дизайн. Это может стать плохой привычкой для продуктового дизайнера.</li>
53
<li>На UX и логику в компонентах почти наверняка придется забить и делать дриббл-дизайн. Это может стать плохой привычкой для продуктового дизайнера.</li>
54
</ul><p>Вполне реально зарабатывать $5-10 тысяч долларов в месяц на продаже одних только UI-китов и готовой графики. Такие примеры есть, и, я уверен, при правильном подходе можно найти свою нишу - рынок большой и динамичный. Другой вопрос, насколько вы готовы работать в условиях, когда все вокруг выпускают очень похожие продукты, а крупные компании в любой момент могут свести на нет все ваши усилия.</p>
54
</ul><p>Вполне реально зарабатывать $5-10 тысяч долларов в месяц на продаже одних только UI-китов и готовой графики. Такие примеры есть, и, я уверен, при правильном подходе можно найти свою нишу - рынок большой и динамичный. Другой вопрос, насколько вы готовы работать в условиях, когда все вокруг выпускают очень похожие продукты, а крупные компании в любой момент могут свести на нет все ваши усилия.</p>
55
<p>Хочу напоследок показать пару ссылок и интервью с крутыми профессионалами, которые во многом сформировали эту индустрию и не перестают радовать качеством своих продуктов.</p>
55
<p>Хочу напоследок показать пару ссылок и интервью с крутыми профессионалами, которые во многом сформировали эту индустрию и не перестают радовать качеством своих продуктов.</p>
56
<ul><li><a>L Store</a>;</li>
56
<ul><li><a>L Store</a>;</li>
57
<li><a>Files.Design</a>;</li>
57
<li><a>Files.Design</a>;</li>
58
<li><a>Slice Design</a>;</li>
58
<li><a>Slice Design</a>;</li>
59
<li><a>UX Power Tools</a>;</li>
59
<li><a>UX Power Tools</a>;</li>
60
<li><a>Nice Very Nice</a>.</li>
60
<li><a>Nice Very Nice</a>.</li>
61
</ul><a>Научитесь: Веб-дизайн 3.0 Узнать больше</a>
61
</ul><a>Научитесь: Веб-дизайн 3.0 Узнать больше</a>