Направихме 1 502 000 долара през 2018 г., продавайки UI Tools. Ето какво научихме.

Обратно изображение с Kanye West! Изображение от https://unsplash.com/@karinacarvalho

Звучи клише, но да имаш страхотен продукт е от решаващо значение. Казвах това много пъти и следваме това правило от началото на Creative Tim. За нас страхотен продукт = Страхотен дизайн + Страхотна поддръжка на клиенти + Страхотно потребителско изживяване.

Ако искате да научите повече за това как започнахме всичко преди 5 години, от Starbucks, моля, проверете тази статия: Как моите приятели и аз превърнахме нашия страничен проект в бизнес на стойност 17 000 долара на месец. Тази статия е написана преди точно 2 години и бих ви препоръчал да я прочетете, преди да продължите към тази, за да можете по-добре да разберете цялото пътуване.

Много от стратегиите, които ще представим тук, могат да бъдат приложени към други онлайн бизнеси и ще видите пример как някой създаде успешен стартъп въз основа на другата статия, която публикувахме.

Защо споделяме „всички тези тайни“?

Всичко, което изградихме, се основаваше на безплатна информация и безплатни ресурси, които бяха намерени в мрежата и мисля, че е наша отговорност да върнем обратно. Има много предприемачи, които искат да започнат бизнес или искат да мащабират такъв, но не знаят как да придобият нови потребители, без да използват платен канал. Искаме да помогнем на тези хора, за да могат да прилагат някои от техниките и да прекарват по-малко време в експерименти.

В този случай ще ви представя как увеличихме месечните си приходи ~ 5 пъти, от $ 17 000 на $ 106 000, докато сме на много пренаселен пазар (теми и шаблони). Ето преглед на статията:

  1. Стратегии за партньорство (В момента, в който се откажете, е моментът, в който губите)
  2. Ако искате да сте страхотни, останете в близост до страхотни компании
  3. Хакерство за растеж: от тенденцията на началната страница на Github до непрекъснатите стартирания на Product Hunt
  4. Колко сме различни от нашите конкуренти и защо това ни работеше
  5. Дайте обратно: Образование, спонсорство и уроци
  6. Могат ли хората да прилагат нашите стратегии в различни бизнеси?
  7. Какво следва?

Нека да започнем! :-)

1. Стратегии за партньорство

Ако сте прочели другата статия, знаете, че след опит и грешки в различни области, от предоставяне на дизайнерски компоненти на нашите потребители и някои хакерски растежи, най-накрая намерихме продуктовия пазар Fit. Имахме около 226 000 посещения, направени от 77 000 души и събрахме 22 000 долара от около 400 платени клиенти. Докато продължихме да пускаме нови продукти, разбрахме, че има ограничена сума пари, която тези хора могат да изразходват.

Това означава, че ако имате 10 премиум продукта със средна стойност от 55 долара, ще има 400 души, които ще купуват. Но ако натиснете още 10 премиум продукта, тези 400 души все пак ще купят само 1 продукт, тъй като се нуждаят от 1 продукт за своя проект, а не 2 или 3. Това е същото нещо като да отидете в супермаркет с 10 долара, за да купите 1 бутилка мляко, няма значение дали супермаркетът носи още 25 вида мляко, няма да похарчите 30 долара, за да купите 3 бутилки мляко, само защото там има много мляко.

Беше ни болезнено да открием това, тъй като си мислехме като „а-а-а… бизнесът е доста прост, стартираме повече, правим повече“. Така че следващото нещо, което трябваше да направим, докато пускахме нови продукти, беше да намерим нови партньори, които искаха да се присъединят към нас и да помогнат при доставката на нашите безплатни и платени продукти на по-голяма аудитория.

„Стреляй за луната. Дори да пропуснете, ще кацнете сред звездите. "

Започнахме да търсим уебсайтове, които имат 3–10–20 или дори 100 пъти трафикът, който имахме. Тъй като основахме целия си бизнес на най-популярната рамка за предния край, Bootstrap, започнахме да търсим всички уебсайтове, които бяха свързани с Bootstrap. След много имейли и заявки и отхвърляне, въпреки че беше достатъчно готино и лудо, за да се опитаме да направим партньорство със създателите на Bootstrap. През повечето време хората мислят така: „Имаше много хора, които ни игнорираха, няма да ги питам, защото те са твърде големи и те ще ни пренебрегнат. По-добре да остане в моя ъгъл. "

Така на 7 юни 2017 г. се свързахме със създателите на Bootstrap и им представихме какво правим, какво искаме да постигнем с шаблоните Bootstrap и каква беше нашата мисия.

Доста се шокирахме, когато получихме техния отговор. Защо?

  1. Беше положителен отговор, който казваше, че в бъдеще ще се случи нещо и те ще се върнат с някои идеи.
  2. Бяхме развълнувани, че смятат за наш бизнес. Основно имаше хиляди други компании / хора, които правят Bootstrap шаблони.
  3. Те всъщност се върнаха. Обикновено 99% от хората няма да отговорят на вашите предложения.

По-късно същата година те се свързаха с нас и ни казаха, че ще пуснат официален пазар на Bootstrap и искат да ни представят в първата партида от 5-7 компании.

Най-важната част тук не беше фактът, че ще започнем да печелим повече пари и ще доставим на повече хора с това партньорство. Това беше фактът, че започнахме да разговаряме директно със създателите на Bootstrap и получихме отзиви за това как трябва да се подобрим и да работим над Bootstrap. По този начин по-ценното от парите и дойде като поредно потвърждение за нас, че предоставяме висококачествени продукти.

„Създателите на рамка са най-квалифицирани, за да ви дадат най-добрите отзиви за това как трябва да работите с техния продукт.“

Следващо партньорство: WordPress. През годините знаехме, че WordPress захранва около 30% от всички уебсайтове по света, но никога не сме правили нищо от тази страна. Имаме в разработчиците си и уеб агенции, които знаят как да кодират. Когато правите нещо за WordPress, знаете, че е възможно да имате някой, който не е технически, който ще се опита да "инсталира с 1 клик" вашия продукт и това ще има проблеми. Тогава те ще се притекат за вашата подкрепа, ядосани от опита му.

Тъй като никога не сме правили нищо за WordPress, но искахме да видим дизайна си на WordPress теми, търсихме солиден партньор в тази област. Открихме ThemeIsle, компанията, която изгради една от най-популярните теми на WordPress, Zerif. Те са от същата страна като нас, така че започнахме да говорим за начини за сътрудничество.

Разбрахме, че чудесно комбо ще бъде да мигрираме най-популярния ни UI Kit, Material Kit, към WordPress. По този начин създадохме Hestia, WordPress тема, която използваше нашия дизайн.

Хестия имаше голям успех. Той е изтеглян сто хиляди пъти и понастоящем има 100 000+ активни инсталации. Нещо повече, той е в топ 10 на най-популярните WordPress теми за всички времена. Направихме и друг продукт, Orfeo, който беше изграден върху Paper Kit 2 и е в топ 50 на най-популярните теми за WordPress. Да имаме този партньор беше наистина важно за нас, когато влязохме в нов свят, който не можехме да направим сами.

Следващото партньорство, което създадохме беше нещо, над което работим около две години. За съжаление, това е изключително партньорство, така че не можем да дадем подробности кой стои зад това. Ще ви покажа защо ни бяха необходими две години, за да го изградим. Ако погледнете първия имейл, който изпратих, ще забележите някои грешки, които направих:

  1. Говорих само за моята компания и за мен и никога не съм му казвал какво може да постигне от това партньорство (експозиция, пари, опит и т.н.)
  2. Не дадох никакви подробности, като „очакваме да имаме 10 000 изтегляния от вашия източник“ или „смятаме, че вашите потребители ще изтеглят 2 пъти повече продукти заради високото качество“ и т.н.
  3. Не казах нищо за това, което бихме могли да направим за него, за да помогне в бизнеса му

Така ми отне 26 имейла за 21 месеца, за да разбера, че трябва да променя съобщенията си, за да дам нещо на евентуален партньор, преди да получа нещо от него. Понякога трябва да го научите по трудния начин.

В крайна сметка партньорът ни беше доволен от новото сътрудничество и се чувствам добре, че продължих да го „спамвам“ и никога не се отказах.

"Научихме един важен урок, че трябва да дадете нещо, преди да получите нещо!"

2. Ако искате да бъдете страхотни, останете близо до страхотни компании

Винаги сме имали философията да учим и да се вдъхновяваме от други по-изявени компании, които имат десетки години опит в дадена област. В миналото вдъхновявахме от Apple, Rolls Royce, Heroku, Invision, Airbnb, Stripe, Dribbble и др. Мисля, че ако се учите от тези компании, можете да създадете солидна основа. Тогава, когато имате всички умения и знания, можете да започнете да играете с тях и да създадете нещо ново и уникално, както каза Пабло Пикасо.

В тази статия сме писали повече за това как изграждаме продукт и как е стратегията и прилагането: „Анатомията на таблото за зареждане на Bootstrap“.

Търсейки източници на вдъхновение и след това следвайки InVision в продължение на много години, решихме да вземем вдъхновение от един от най-популярните им UI комплекти, наречен Now UI, който беше лансиран през 2015 г. и беше достъпен само за дизайнери. Искахме да го използваме като основна основа за нов UI Kit, създаден за разработчици.

Получихме одобрението на Invision и на 8 ноември 2016 г. ни беше разрешено да изградим кодираната версия за разработчиците. След 4–5 месеца проучване, планиране въз основа на принципите на Invision и разработване, пуснахме HTML версията, базирана на Bootstrap.

Резултатът и начинът, по който нашите разработчици получиха новия продукт, беше невероятно добър. Дизайнът беше страхотен, защото Invision го направи, а кодът беше много добре структуриран и следваше принципите на Bootstrap 4. Това беше страхотно комбо от гледна точка на дизайн + код + документация. По-късно разбрахме, че успехът на този продукт е, защото ние взехме един от най-добрите UI комплекти, който беше на разположение, и го направихме по-добър, като дойде с кодираната версия и нови елементи / страници.

„Вземете най-доброто, което съществува, и го направете по-добро.“ - Хенри Ройс (съосновател на Rolls Royce)

3. Хакиране на растежа: от непрекъснати стартирания на Product Hunt до тенденция на първа страница или функции на Github в нашата страна преса

Тъй като първоначалният тласък за creative-tim.com дойде от Product Hunt, решихме да продължим да пускаме продукти там. Разликата между пускането през 2014–2015 г. и пускането през 2018 г. беше доста голяма, тъй като общността се разраства много и ежедневно се пускат много нови продукти. Това прави наистина трудно да се откроиш от тълпата.

Стратегията за стартиране на Product Hunt стана наистина сложна и ние работим около една седмица, преди да направим действителна публикация там. Всичко трябва да бъде настроено и трябва да се включат много хора. Някои неща, които трябва да мислите:

  1. Трябва да подготвите всички изображения, описания на продуктите, връзки и социални профили, преди да започнете действително публикацията. Това ще ви спести много време. Тук обикновено правим чернова на бъдещата публикация и след това обсъждаме вътрешно с целия екип текста и изображенията.
  2. Трябва да сте сигурни, че уебсайтът ви няма да се счупи, тъй като ще има увеличение на трафика. Обикновено изпращаме хора на статично генерирано съдържание, така че са необходими по-малко ресурси на сървъра.
  3. Опитайте се да публикувате в началото на седмицата (понеделник) около 10:15 ч. GMT + 2, тоест 00:15 часа в Сан Франциско, основно когато сървърите за търсене на продукти започват нов ден. По този начин вие се уверете, че имате 24 часа пълна експозиция и получавате колкото се може повече актуализации.
  4. Ако вече имате база от хора, които използват вашия продукт, не забравяйте да им изпратите имейл, за да им уведомите, че сте на лов на продукти и ако те харесат да използват продукта, могат да го оттеглят.
  5. Уверете се, че уведомявате вашите социални фенове (Facebook, Twitter, Instagram), че сте на лов на продукти.
  6. Ако публикувате платен продукт, не забравяйте да създадете купони, които могат да бъдат използвани от общността на продукта за лов. Те ги обичат: D

Използвайки тези стъпки, успешно стартирахме някои продукти, които бяха добре приети от общността:

  • Безплатно Материално табло за управление - 756 фактури
  • Сега UI Kit - 1.556 актуализации
  • Табло за материали Всички технологии (Bootstrap, React, Vuejs, Angular) - 505 актуализации

Докато търсехме нови начини да покажем продуктите си на по-голяма аудитория, открихме тази статия, написана от Даяна Некулай от Froala: Как да стигнем до 3500+ GitHub звезди за една седмица. Беше доста вълнуващо и си мислехме, че ако го направят, може би и ние можем да бъдем в тенденция към GitHub, тъй като вече имаме продукти с отворен код и общността на разработчиците ги обича.

Следвахме всички стъпки, написани в статията, и прилагахме стратегиите, които използвахме при Product Hunt. Подготвихме приятелска страница Readme за Material Dashboard и добавихме всички технологии, които бяха налични за Material Dashboard (Bootstrap, React, Vuejs, Angular). Публикувахме в социалните медии и след това изпратихме бюлетин до 90 000 разработчици, които използват Material Dashboard. След този първоначален тласък, ние бяхме в течение на всички езици за един ден.

Тъй като го повишихме в топ 5 за един ден, започнахме да съобщаваме на аудиторията си, че сме в тенденция към Github и това ни помогна да се включим повече хора. На нашия уебсайт добавихме банер, който беше гледан от над 50 000 души, след което публикувахме това репо в Hacker News, където се е случило магията. Той беше представен на първата страница, привлечен от около 430 души, а 9 800 души дойдоха в GitHub, където ни дадоха около 2000 звезди.

Така че бяхме пред Facebook, Google и Microsoft за тази седмица.

Стартирането на Product Hunt, Hacker News или присъствието на местна преса не е устойчив канал за растеж, както каза основателят на Product Hunt Райън, но е отлична стратегия, която да наемете в началото на вашия бизнес.

4. Колко сме различни от нашите конкуренти и защо това работи за нас

Ние ръководим бизнеса си в много конкурентно пространство: теми и шаблони. Повечето от предприемачите, които съм срещал, смятат, че това е мъртво място и че не можем да създадем нещо уместно. Искахме да докажем, че нещата могат да се правят във всяко пространство, без значение колко е претъпкано, ако имате тайното си оръжие. Ако прочетете първата статия, знаете, че нашето тайно оръжие е да доставяме страхотни продукти, комбинирани с голямо потребителско изживяване и страхотна поддръжка на клиенти.

Нека да разгледаме повечето от нашите конкуренти, които продават продуктите си на различни пазари. Разбира се, има някои изключения, тъй като ние не сме уникални в своята област, но нека да разгледаме 95% от компаниите, които създават подобни продукти с нашите.

Сега, нека да разгледаме нашата крива и да направим кратък преглед на всяка точка:

  1. Ценообразуване: когато започнахме нашия бизнес, установихме, че повечето HTML шаблони / теми / комплекти / табла за управление са на цена между 3 и 19 долара, докато Wordpress шаблоните са между 49 и 69 долара. Нещата се промениха през годините и HTML шаблоните започнаха да струват повече. Направихме някои изчисления и не можахме да поддържаме бизнеса си, ако започнахме в същия ценови диапазон $ 3–19 $. Ние също така четем в някои бизнес книги, че ако цената е единственият ви диференциращ, значи изпадате в големи проблеми. Затова решихме да таксуваме повече за нашите продукти, за да можем да имаме гъвкавостта да изграждаме продукти с най-високо качество и клиентски опит.
  2. Качество: в скала от ниско до високо, повечето от нашите конкуренти доставят средно качество. Това е така, защото те инвестират по-голямата част от своите ресурси, които са комбинация от пари + време, в изграждането на повече страници, повече приставки и повече актуализации за всички тези плъгини и страници. Тези неща, съчетани с натиска на пускането на нови продукти, им дават по-малко време да инвестират в качеството и вниманието към детайлите на своите продукти.

3. Броят на страниците / примери: ако разгледате всички пазари, ще видите, че всички изграждат продукти със стотици или хиляди страници. Проблемът тук е, че всеки продукт се предлага с множество примери за една и съща страница, които обслужват само една цел. Например, ще намерите продукти с пет примера на страница за връзка с нас. Защо трябва да създадете пет добри страници, вместо да изграждате такава, която да е страхотна и проста за клиента?

4. Броят на актуализациите: тъй като дистрибуцията се извършва на платформа, която не се контролира от създателя, когато правите актуализация, вашият продукт получава още по-голяма видимост. Така че хората просто правят много актуализации, без значение дали продуктът се нуждае от такъв или не, само за да се появи пред другите. Проблемът тук е, че ако нямате какво да актуализирате, започвате да добавяте повече страници (точка 3) или повече плъгини (точка 5).

5. Броят на плъгините: същата история може да се види във външните плъгини на трети страни. Например, повечето от нашите конкуренти имат, да речем, 5–7 различни плъгини за JavaScript, които правят едно и също нещо. Вашият клиент ще използва само 1, така че е трудно да премахнат останалите 4–6, за да започнат да изграждат това, от което се нуждаят.

6. Разходи за дистрибуция: тъй като говорим за компании, които продават продукти на популярни пазари, те трябва да плащат 30–55% от приходите си на собствениците на пазара. Това зависи от условията, които има всеки пазар. В нашия случай дистрибуцията се извършва направо на нашия уебсайт.

7. Разходи за развитие: като вземем предвид точки 2, 3 и 5, ние разбираме, че тези компании инвестират много в изграждането на своите продукти. Но инвестицията се прави в количество, а не в качество. В нашия случай създадохме някои вътрешни инструменти, в които пишем код еднократно и това е изграждането на повече продукти въз основа на същите правила за дизайн. По този начин трудната част (писане на кода на продукта) се обработва от инструментите, докато прекарваме по-голямата част от времето в проучване, тестване на нови и различни идеи и отделяйки много внимание на детайлите.

Ако все още смятате, че вниманието към детайлите не е толкова важно, нека да разгледаме някои основни изравнения за Samsung Galaxy S7 (отгоре) и Apple iPhone 6S (отдолу).

8. Контрол на дистрибуцията: тъй като нашите конкуренти продават продуктите си по канали, които не контролират, по принцип те не могат да направят много и зависят от собственика на пазара. Ако собственикът реши да изпрати по-малко трафик на някого или да премести продуктите далеч от избраните зони, не можете да промените това. Или ако мислим в друг случай, който се случи с популярен пазар преди няколко седмици, собственикът спря да плаща на създателите и не отговори три месеца ... Какво можете да направите в тази ситуация?

В нашия случай можем да направим основно всичко, което е добро за нашите потребители. Също така през годините сме променяли и актуализирали нашата платформа стотици пъти въз основа на отзивите на нашите клиенти.

9. Достъп до клиенти: в примерите на нашите конкуренти е трудно да има директен достъп до лицата, закупили продуктите. В повечето случаи получавате достъп до клиента си само когато той се свързва с вас за заявки за поддръжка. Поради това те не могат да правят персонализирани имейл кампании; те не могат да групират своите продукти; те не могат да обявят на всички свои клиенти, когато пуснат нещо ново и т.н.

Това, което представихме тук, е преглед на стратегията за Синия океан. Ако искате да научите повече за начина, по който можете да създадете ново пространство за вашия бизнес и да не се опитвате да се състезавате в Червен океан, моля, проверете книгата за стратегията на Синия океан.

5. Дайте обратно: Спонсорство, образование и уроци

В Creative Tim вярваме в силата на връщането! Горди сме, че спонсорираме училища, университети, хакатони и сме част от събития, където можем да научим хората как да станат по-добри разработчици, дизайнери и предприемачи.

През годините използвахме много от съдържанието на безплатни и с отворен код, направено от други компании и разработчици, така че наша отговорност е да върнем обратно. Преди спонсорирахме лицензи на нашите платени продукти, а отзивите от хората, които използваха продуктите на събитията и от организаторите, бяха отлични. Спонсорирането е нещо добро, дори да отнеме много време, за да говорим и да подготвим всичко за участниците. Освен това получаваме заявки за поддръжка на клиенти след всяко събитие.

В момента имаме спонсорирани над 150 глобални събития и добавяме по 5-10 всеки месец. Ако сте домакин на събитие за разработчици, свържете се с нас на hello@creative-tim.com и ние ще се радваме да работим с вас.

Някои снимки от спонсорирани от нас събития и обучения

Докато бяхме на различни събития, разбрахме, че можем да помогнем само на ограничен брой участници. Така че, ако искахме да помогнем на милиони, трябваше да направим нещо онлайн, което да расте паралелно с нашите офлайн дейности. Така че започнахме да правим уроци за различни теми, които бяха поискани от нашите потребители. Решихме, че е добре да тестваме писмени версии и също записани видеоклипове. Няколко примера:

  • [статия] Как да използвате ReactJS с WebPack Babel и Material Design - 3.9k хлопа
  • [статия] Как да използваме Redux в ReactJS с примери за реалния живот - 1k хлопки
  • [видеоклипове] Ръководства за развитието на предния край - 280 000 преглеждания
  • [casestudy] Анатомията на таблото за зареждане на Bootstrap, което печели $ 1000сеч на месец - 14k хлопки

Също така сме много горди, че чрез нашата принадлежност успяхме да подкрепим много създатели за различни рамки и плъгини, които използвахме. Например, когато беше написана тази статия, през последните 12 месеца допринесохме за 71 555 долара за популярната библиотека за интерфейс на материалите.

Изображение от Open Collective: https://opencollective.com/material-ui#contributors

6. Могат ли хората да прилагат нашите стратегии в различни бизнеси?

Ние вярваме, че има достатъчно място за всяка компания, за да създаде стойност, да генерира добри печалби, а също и да върне на общността, така че не се страхуваме да споделим всички тези стратегии.

„Тайната на творчеството е да знаете как да скриете източниците си.“ - Алберт Айнщайн

Някои хора бяха вдъхновени от първата статия, която написах и успях да създам подобни бизнеси в различни среди. Уилям Кандилон е чудесен пример. Можете да прочетете пълното интервю с него на Indie Hackers.

Ако приложите някоя от нашите стратегии, не се колебайте да ги споделите с общността в коментарите.

7. Какво следва?

През изминалите години успяхме да станем известни в екосистемата Front End за качеството, което доставяме, и сме горди да видим, че имаме над 700 000 разработчици, които са използвали нашите продукти за различни проекти. Все още сме мъничък играч в тази игра и имаме много неща да научим и подобрим. Ние винаги изграждаме всички наши продукти и започваме да мигрираме върху нова рамка въз основа на нашите заявки на клиенти.

  1. [Backend] От тази година с радост ви съобщаваме, че пуснахме първата партида от готови за използване решения Front End + Back End. Сега за нашите клиенти и потребители ще бъде по-лесно да стартират нещо. Можете да проверите примерите на Node.js и Laravel на нашия уебсайт. Ще пуснем още Back End решения въз основа на исканията, които имаме.
  2. [Mobile] Прехвърлихме и един от най-популярните ни продукти, Material Kit, към React Native и засега отзивите са отлични (4.9 / 5). Можете да го проверите и изтеглите безплатно тук. Това е нещо ново за нас и научихме, че създаването на приложение за мобилни устройства е много по-различно от създаването на отзивчив уебсайт. Ще пуснем React Native версии за всички наши дизайни.
  3. [Илюстрации] Видяхме много хора и компании, които започват да добавят илюстрации на своите уебсайтове, за да могат да изразят по-добре това, което искат да споделят. Използвахме и илюстрации в някои от нашите продукти, затова решихме да създадем повече и да ги предоставим безплатно на общността. Така се роди вътрешен проект, наречен Ira Design. Ще продължим да добавяме още илюстрации и персонализиране към този проект.

Ето преглед на това как компанията е нараснала през годините. Обикновено нето около 75% от тази годишна сума, след като плащаме филиали, такси за доставчици, събирани ДДС и други данъци за електронна търговия между държавите.

Благодаря ви за четенето!

Надявам се тази статия да ви даде някои идеи как да тествате или прилагате нови стратегии във вашия бизнес, или дори да създадете нова. Нека да продължим дискусията в коментарите и ако имате въпроси, предложения или искате да работите с нас, не се колебайте да се свържете с нашия екип или с мен.

Намерете мен и нашия екип:

  • Имейл: alex@creative-tim.com
  • Instagram: https://www.instagram.com/alexandru__paduraru/
  • Twitter: https://twitter.com/axelut
  • Официален уебсайт: https://www.creative-tim.com
  • Нашият Github: https://github.com/creativetimofficial