Роман Пшеничный делится своим 4-х летним опытом работы разработки шаблонов для площадки ThemeForest. Рассказывает плюсы, минусы, подводные камни, а так же причины почему большинство желающих не могут попасть на этот рынок. И показывает рабочий процесс создания шаблона и используемые технологии.

1. ThemeForest:
Как пробиться и стоит ли игра свеч?
Делюсь своим 4-х летним опытом работы на этой
площадке. Расскажу плюсы, минусы, подводные
камни, а так же причины почему большинство
желающих не могут попасть на этот рынок. Покажу
рабочий процесс создания шаблона и
используемые технологии.

2. TimeLine
1. Freelance – Drupal 6 / 7
2. Freelance – UpWork Drupal
3. Freelance / ThemeForest
4. ThemeForest

3. ThemeForest – Hard Reject
Hard Reject – Отклонение заявки, без объяснения
причин
Первый суровый вывод: запрыгнуть на такой
флагман как themeforest очень сложно, если у вас
нет большого опыта работы с дизайном и как
следствие если вы работаете одни. Вам просто
может не хватить времени и сил на всё и сразу.
Ошибка новичков – переоценивание своих
возможностей.

4. Collaboration
Collaboration – Сотрудничество
авторов, обычно предоставляется
PSD/HTML файлы, на основе
которых делается одна из CMS.
Автор CMS сам осуществляет
техподдержку, хостинг,
обновления и выплачивает часть
прибыли.
Даже с топовымими шаблонами
необходимо добавлять
уникальные плагины, типа Layout
Builder и Visual Shortcodes.

5. Berserk
Collaborations привило хороший вкус,
правильность структуры кода и
понимание что надо клиентам.
• 2 дизайнера с ThemeForest
• 1 верстальщик
• 1 Wordpress разработчик с
ThemeForest
• Hubstaff, Trello, GoogleDrive, Invision,
Trello, DigitalOcean, Git, GitHooks, Gulp

6. Management

7. Design
Invision – от частного к целому.

8. BEM Methodology
Методология БЭМ создана в Яндексе для разработки сайтов,
которые надо делать быстро, а поддерживать долгие годы.
Она позволяет создавать расширяемые и повторно
используемые компоненты интерфейса.

9. Libraries
Наш вариант RequireJS

10. Behaviors
Этот функционал я позаимствовал из Drupal. Его суть в том, что мы
записываем весь код, который требуется для обработки
элементов страницы в один объект. Таким образом мы можем
запускать инициализацию этого кода в любой нужный нам
объект. Легко переписать функцию и вызывать после AJAX.

11. Async Loader
Lazyload + Behaviors =
Speed + Money Save
• Google Maps
• ReCaptcha
• Twitter

12. Images
“Lazyload: Delay loading of images until user
scrolls to them”

13. Fonts
Lazyload + BEM + Google Fonts

14. Support & Updates
• Ticksy
• Video instructions
• FAQ Articles

15. Refunds & Ratings

16. Envato Policy
• Office USA - Taxes
• Author-Driven Pricing
• Envato Elements
• Credits
• Envato Taxes

17. So how?
• Опыт работы в других компаниях
• Начать с чего-то простого. Например купить PSD,
сделать HTML шаблон и отдать права на другие CMS
• Пробовать сотрудничество
• Смотреть ОЧЕНЬ много работ конкурентов
• Использовать beta разработки
• Следить за трендами
• Добавлять что-то уникальное и полезное
• Цель != Деньги

18. Meaning of life?
Борьба с прокрастинацией и не знанием что делать.
Делать что-нибудь и в ходе дела откроются новые
горизонты.
Что любишь, умеешь и что надо людям.
Попытки найти себя:
• Design
• Tattoo
• WordPress
• Psychology
• Unicorn Sales

19. Berserk Collaborations
• Joomla
• Drupal
• Magento
• Shopify
• OpenCart
• BigCommerce
• PrestaShop

20. Books
• Дизайн реального мира
• ТРИЗ
• Илон Маск
• Трансёрфинг реальности

21. Contacts
@nikadevs
facebook.com/nikadevs
themeforest.net/user/nikadevs
nikadevs.com