Jak skutecznie uruchomić internetowy projekt
11 godz. 20 min · Biznes i Automatyzacje
Grzegorz RógIdea ArchitectZarówno w Polsce jak i za granicą uruchomiłem już dziesiątki projektów... Były to zarówno narzędzia, SaaSy jak i infoprodukty. Praktycznie wszystkie uruchomione przeze mnie projekty lądowały na głównej stronie Product Hunt i już od pierwszego dnia - zarabiały. Wszyscy biznesowi mentorzy powtarzali, że "powinienem skupić się na jednej rzeczy". Tymczasem w mojej ocenie, to, co robię daje mi wolność i co równie ważne - pozwala ciągle się uczyć. Moje projekty zarabiają kilka-kilkanaście tysięcy dolarów miesięcznie, co czasem wystarcza, żeby utrzymać niewielki zespół, niekiedy nawet to jest niepotrzebne, wystarczy sporo automatyzacji i produkt, który jest niemal w 100% marżowy. Początkowy etap projektów daje mi ogromną frajdę - lubię sam odkrywać i kreować produkt, który następnie testuję i wypuszczam na rynek. Na przestrzeni lat, w tym zakresie wyrobiłem sobie utarte ścieżki, z których ciągle korzystam, ale też pozwalam sobie na wiele eksperymentów po to, by w ciągle zmieniającym się ekosystemie internetowych produktów - uczyć się, co działa. Późniejszy etap projektów raczej mnie nudzi - zatrudnianie, tworzenie dużego zespołu oraz zarządzanie nim, to nie jest coś co mnie ekscytuje. Zauważyłem też, że wraz ze skalowaniem zespołu często maleją także zyski z projektów, na których mi zależy. Zwykle więc staram się, aby moje projekty... pozostały małe (ale bardzo dochodowe), co daje mi wolność: finansową i czysty kalendarz. Jeśli któryś z nich rozwija się za szybko, myślę o sprzedaży i exicie, ale tym nie będziemy zajmować się w tym Kursie. Sprzedałem w Internecie produkty dla ponad 300 tysięcy osób. Od infoproduktów jak kursy i ebooki, przez narzędzia i SaaSy. Każdy z tych projektów ma swoją specyfikę i konkretne techniki, które wykorzystuję, by go rozwijać. Każdy nauczył mnie czegoś nowego i w każdym z nich popełniłem jakieś błędy. W tym Kursie, chciałbym powiedzieć Ci wszystko, co wiem o uruchamianiu produktów, które są już "w miarę gotowe", czyli są blisko Product Market Fit, bądź czekają na premierę jako infoprodukt czy narzędzie. Chcę przekazać Ci mój sposób na to, jak przygotowuję produkt do premiery, jak myślę o marketingu, automatyzacjach, treściach czy stronie WWW i w końcu jak układam to w taki sposób, aby po prostu działało! Jakiś czas temu udzieliłem wywiadu na temat moich projektów Courtlandowi, twórcy ruchu Indie Hackers, który jest bliski temu, co robię. Jeśli masz chwilę, posłuchaj go tutaj. Jednak moja filozofia ma istotne odchylenie: uważam, że nie każdy projekt powinien być tworzony jednoosobowo. Prawie zawsze stawiam na małe zespoły - kilku co-founderów i kilka osób do pomocy lub na freelance, bo wierzę, że w ten sposób można robić większe rzeczy, dające więcej wartości, z potencjałem na pozyskanie rozsądnego finansowania czy exit.
W trakcie Kursu dowiesz się o trzech kluczowych fazach związanych z międzynarodową premierą projektu: Przygotowaniu do premiery, Premierze oraz działaniach po premierze. Sama premiera jest dość symboliczna i nie ma aż tak dużego znaczenia - to, dlaczego jest ważna, to pozwala wybrać datę, w której to, co sobie założyliśmy w produkcie powinno się zmaterializować. W trakcie Kursu pokażę Ci wiele narzędzi oraz wytłumaczę moje podejście i frameworki, które pozwalają mi co jakiś czas wypuszczać z sukcesami produkty na rynek. Pomówimy o automatyzacjach, które towarzyszą mi na każdym kroku a także doborze stacku w kontekście marketingu. Dowiesz się, co działa dla mnie najlepiej w tym konkretnym momencie. Czy warto stawiać wyłącznie na działania organiczne, czy wspierać się płatną reklamą i innymi kanałami. Gdzie warto się pokazać i co warto robić po to, aby sama premiera dała nam dodatkowy boost i pozwoliła zdobyć wartościowe leady. Mam nadzieję, że zebrane w ten sposób wskazówki, pozwolą Ci uniknąć moich błędów, zyskać mnóstwo czasu a także oszczędzić pieniądze, które inaczej mógłbyś przepalić na niepotrzebne działania.
Idealnie, jeśli masz już produkt lub jesteś blisko MVP, które chcesz wypuścić na rynek. W takim przypadku, możesz razem ze mną podążać po kolejnych obszarach, które poruszam w tym Kursie i tworzyć swój własny plan na premierę. Jeśli jednak dopiero tworzysz czy planujesz uruchomienie swojego produktu - ten Kurs też będzie przydatny tylko pod warunkiem, że nie oczekujesz od niego pomocy we wczesnej fazie - wymyślania i samej kreacji. Jeśli masz jasną wizję tego, co stworzysz, świetnie! Ten Kurs powinien przybliżyć Cię do wyjścia z produktem na rynek na etapie, gdy będzie on już gotowy. Dobrze by było, gdybyś podążając za mną w kolejnych lekcjach, znalazł/a czas na odniesienie moich spostrzeżeń do Twojego projektu i praktyczną pracę nad przygotowaniami do premiery, nawet jeśli ta jest jeszcze odległa.
Ten Kurs jest starannie przygotowany z myślą o:
W tej lekcji chciałbym pokazać Ci, jakie dodatkowe assety trzeba wyprodukować po
to, żeby później było nam dużo łatwiej czy to robić premierę, czy promować
nasze narzędzie, nasze rozwiązanie.
I pokażę Ci właśnie jak to wygląda w filmie.
Jeśli chodzi o kroki, które mieliśmy po kolei, proszę pamiętaj, że właśnie robimy
to w pewnej odpowiedniej kolejności.
Najpierw zrobiliśmy branding, zrobiliśmy te brand assety.
Mogą być one w wersji bardzo uproszczonej.
Na przykład tutaj mam prostą identyfikację dla Alice, która w zasadzie składa
się tylko z kilku ikon i z logo.
Natomiast docelowo powinny być.
Powinno to być zrobione tak, jak pokazywałem Ci wcześniej w Zenlu, gdzie
mamy szereg informacji o brandzie, jak chcemy to obudować, jak nasze logo ma się
prezentować i przynajmniej tych kilka ekranów powinniśmy mieć już gotowych.
Mamy więc kolorystykę, mamy więc te brand assety, mamy inspiracje do
strony, Mamy również stronę, która jest zaprojektowana, ale brakuje w niej jeszcze
kreacji, czyli brakuje w niej obrazków, brakuje obrazków do social mediów, brakuje
pewnych szablonów, które musimy przygotować.
W związku z tym właśnie teraz, tym powinniśmy się zająć.
I moim sposobem jest zlecenie tego, ponieważ jest to oczywiście relatywnie
dużo pracy dla osoby, która się tym nie zajmuje, to jest w ogóle bardzo dużo
pracy, a poza tym warto skorzystać z pomocy profesjonalisty.
Natomiast te zasoby, które już mamy przygotowane na potrzeby naszej premiery i
naszej aplikacji, tak naprawdę będą bardzo pomocne i sprawią, że te assety będzie
można przygotować bardzo szybko.
Jednak żeby taki brief był kompletny, no to po prostu trzeba chwilę nad nim usiąść,
usiąść i trzeba po prostu ten brief dobrze przygotować.
I przykładowo, jeśli chodzi o kontynuację pracy nad stroną internetową, to
zrobiliśmy już projekt strony, który pokazywałem ci w poprzedniej lekcji.
I w tym momencie bierzemy z tego projektu strony te sekcje, do których potrzebujemy
przygotować kreacje, grafiki, a następnie opisujemy je briefem.
Proszę, zwróć uwagę na to, jak szczegółowe i dobre są przygotowane te briefy
na potrzeby poszczególnych stron. Gdzie?
Dla każdego obrazka, który tutaj chcemy przygotować jest szereg inspiracji.
Są informacje o tym, co tam powinno się znaleźć, jakie są nawet słowa kluczowe.
Celujemy, żeby ten obrazek gdzieś tam pomagał nam promować.
I dla każdego obrazka jest przygotowany właśnie tego typu brief.
Dzięki temu osoba, która zajmuje się grafiką, wchodzi sobie w to,
zczytuje to i naprawdę nie ma żadnego problemu z tym, żeby przygotować idealnie
dopasowaną do naszych potrzeb grafikę.
Więc każdy w zasadzie obrazek na stronie jest właśnie w ten
sposób przez nas opisany.
No i to jak to wygląda później w produkcie.
Tutaj mamy na przykład te obrazki dla stron produktowych.
No to jak widzisz, te kolejne obrazki powstają, wyglądają, są spójne z naszymi
inspiracjami, spójne z naszym brandem.
Dodatkowo mają takie informacje, które były w tym briefie jakby
przekazane też więc też służą promocji.
No i dla każdego, dla każdej podstrony te obrazki są właśnie przygotowane.
Następnie oczywiście my eksportujemy sobie te obrazki i staram się, żeby prawie
zawsze były to wektory, żeby dało się eksportować je jako pliki SVG i
w ten sposób używać je w Webflow.
Jeśli już muszę, to eksportuje pliki JPG w dobrej jakości, ale staram się, żeby
wszędzie można było eksportować pliki SVG.
I teraz to, co jest też istotne, no to w momencie, gdy mamy już stworzone taki
zestaw assetów, zwróć proszę uwagę na to, że to też są assety, które będziemy mogli
wykorzystywać sobie później w naszych social mediach w ramach naszych kreacji.
Więc generalnie robimy tutaj szereg kolejnych briefów, na przykład do jakichś
innych obrazków, które potrzebujemy, na przykład do
Open graph, czyli obrazków, które będą pojawiały się po skierowaniu naszego
projektu przykładowo w social media.
Mamy tutaj też sekcję z coverami, w której znajdują się kreacje z ilustracjami do
poszczególnych naszych podstron, ale też prawdopodobnie będą tutaj na przykład
covery do social mediów, do guidów, do YouTube'a, miniaturki,
wszelkie tego rodzaju kreacje.
Mamy też przygotowane na jednej stronie.
No i tutaj właśnie są rozpisane po kolei rzeczy, które potrzebujemy na LinkedIna,
na Instagrama, na YouTube'a, karuzelę, blog, post announcement, jakieś
szablony do bloga, następnie szablony do opublikowania, na przykład case study
i szablony miniaturek na YouTube'a.
No i rzeczy, które mają krótki brief jeszcze nie są przygotowane, więc w tym
jednym miejscu zbieramy wszystkie takie szablony, wszystkie kreacje, które posłużą
nam na stronę, ale też do promowania naszego produktu.
Jeśli chodzi o to, co docelowo powinniśmy przygotować na
premierę, to faktycznie jest to potrzebne.
Natomiast jeżeli chodzi o jakieś prostsze rozwiązanie, no to tak naprawdę na
potrzeby prostych lunchy, w zasadzie minimum, które przygotowuję, to jest ten
prosty brand, taki jak ci pokazałem resources do lunchu, czyli szereg ekranów,
które będą tłumaczyć poszczególne funkcje naszej aplikacji.
I tutaj też do tych ekranów oczywiście zrobiłem sobie jakiś mały research.
Korzystam często z takiej strony, która nazywa się UI Aid,
jeśli chodzi o gotowe zasoby i nie ma problemu z tym, że w momencie,
gdy robimy premierę, żeby skorzystać z tego typu zasobów, szablonów, ikon, tutaj
jest naprawdę mnóstwo bardzo fajnych rzeczy, które możemy sobie ściągnąć jakieś
3D, assety, jakieś ikonsety i tak dalej i możemy to wszystko wykorzystać.
Ja często właśnie na potrzeby takiej premiery, jeśli robię nowe
narzędzie i eksploruję, no to właśnie pobrałem sobie tutaj taki
set ikon z Add i wykorzystałem te ikony po to, żeby przygotować komponenty i w tym
miejscu, w tym przypadku akurat w przypadku Alice i szeregu innych moich
projektów jak system flow czy inne takie prostsze, które uruchamiamy i które
nie wymagają aż tak dużej pracy.
Jak pokazałem Ci przy EasyTools mam po prostu jeden plik firmy, który zawiera
właśnie wszystkie zebrane rzeczy na social media.
Wszystkie zebrane rzeczy i zaprojektowane landing page.
Następnie mam tutaj storyboard do animacji.
To też jest istotne.
Pewnie widziałeś na app.
Jeszcze pokażę Ci tą animację raz jeszcze.
Jest to animacja, którą przygotowałem jako explainer.
Zrezygnowałem w zasadzie w większości moich projektów zrobienia takiego
explainer video, czyli tutaj pokazywania wideo ze mną, gdzie coś tłumaczę, ponieważ
na testach wyszło mi, że po prostu mało osób w to klika, nawet
jeśli jest to krótkie wideo.
Natomiast coś takiego każdy może obejrzeć.
Dodatkową wielką zaletą tego jest to, że to jest ultra lekkie i przygotowane
w pliku SVG, więc jest ultra ostre.
Świetnie wygląda na każdym urządzeniu.
Zwykle przygotowuję takie rzeczy z pomocą aplikacji riffu.
Czy przygotowuje je dla mnie Michał, któremu to zlecam i robi to świetnie?
Więc w aplikacji riffu właśnie możemy tego typu wektorowe interfejsy projektować.
No i mam je w zasadzie prawie w każdym produkcie.
Przygotowuję sobie taki storyboard do tego, jak po kolei ma wyglądać animacja.
Jeśli jest to konieczne, daję do niego jeszcze jakieś wytyczne dodatkowe,
no i po prostu w formie najczęściej właśnie komentarzy w firmie.
No i po prostu zlecam przygotowanie takiego animowanego interfejsu.
Dodatkowo mam tutaj właśnie te ważne lunchresource, czyli kilka ekranów, które
przyda mi się do premiery i na Product Hunt i na jakimś betaliście,
i na wszystkich innych serwisach, gdzie będę Ci mówił, gdzie warto to umieścić.
No i na przykład też do sumo jest bardzo podobny zestaw zestaw screenów, który
trzeba przygotować, więc w zasadzie te launchresource.
Jak przygotujemy sobie szereg plansz, takich na przykład 5 czy 7 plansz, z
których mamy nasze logo, mamy taki główny obrazek naszej aplikacji,
który u mnie akurat wygląda w przypadku Alice w ten sposób i mamy
z 5 czy 7 takich ekranów Full HD, które reklamują nasz produkt
i każdą jego funkcję.
Tak naprawdę będziemy mieli wszystko, co jest potrzebne, żeby pozgłaszać ten nasz
produkt we wszystkie miejsca, przeprowadzić jego premierę i nie
potrzebujemy aż tak rozbudowanego brandu i assetów, które pokazałem Ci na EasyTools,
aczkolwiek docelowo będziemy potrzebowali to zrobić.
No bo wyobraź sobie, że będziemy chcieli teraz na przykład założyć kanał na
YouTube czy spróbować z innymi rzeczami.
Tutaj na pewno będzie nam potrzebne po prostu więcej assetów.
No i ja też w omawianiu tego, co dzieje się po premierze, powiem Ci, jakie kanały
wybrać, jak skupić się na wybranie odpowiedniego kanału,
no i jak je zaadresować.
Wtedy możesz właśnie po premierze sukcesywnie dorabiać sobie te assety na
podstawie tych istniejących i po prostu używać ich na różnych
platformach social media.
Natomiast ważne jest to, żeby mieć na początku ten fundament, dlatego że to jest
coś, co będzie nam po prostu nie będzie nas blokowało później, w trakcie, że
chcemy założyć nowy profil, no i nie mamy tego obrazka, który trzeba znowu
przygotować, albo robimy to sami.
Jak nie potrafimy, to ktoś musi to dla nas zrobić.
Warto się nie zblokować i spróbować przygotować sobie jak najwięcej
tych zasobów wcześniej.
Więc absolutne minimum jest to to, co pokazałem teraz dla Alice
i opcjonalnie ewentualnie ten storyboard do animacji, którą można wykonać
w Rive i w After Effects.
Można wyeksportować to też do Lottie Files.
Lottie to kolejna technologia, którą polecam.
I w Lottie Files możemy po prostu takie bardzo lekkie animacje wyeksportować z
After Effects i umieścić je na naszej stronie w Webflow.
Webflow ma bardzo fajne, natywne wsparcie dla tego typu animacji i można
tutaj masę świetnych rzeczy zrobić.
Są one bardzo lekkie i.
No i w zasadzie z tego korzystam live do budowania tych
animacji LOD i Export After Effects.
I ewentualnie właśnie umieszczanie tego wewnątrz Webflow.
Jeśli nie robisz takich animacji, a mogę Ci pokazać też
właśnie zasoby, które zostały przygotowane na główną stronę EasyTools.
Ponieważ mam tutaj szereg narzędzi do omówienia, to też przygotowaliśmy dla nich
takie mock upy z każdym narzędziem jakby jak wygląda interfejs, który
już jest wypełniony danymi.
Też warto takie rzeczy zrobić po to, żeby po prostu zaprezentować nasze
produkty, jak one wyglądają.
Jeśli zaś chodzi o poszczególne podstrony dla easy, to dla każdej z nich była
zrobiona właśnie tego typu animacja, czyli zrobiona animacja, która pokazuje
wykorzystanie tego narzędzia.
I do każdej z tych animacji oczywiście był przygotowany osobny brief.
Wbrew pozorom wygląda to na super fajną animację i super skomplikowaną, ale wbrew
pozorom nie robi się jej aż tak aż tak skomplikowany sposób.
Te narzędzia, o których Ci powiedziałem pozwalają zrobić takie animacje i
naprawdę w miarę szybko można to ogarnąć.
Jeśli chodzi o te animacje, to tutaj w każdym mock upie
aplikacji, którą tworzyliśmy była taka strona animacja.
No i podobnie jak Ci pokazałem to dla Elis jest przygotowany ekran po ekranie, co ma
się animować, co ma się na nim zmieniać, że tu ma się rozsunąć menu I
jak mamy oczywiście taki design.
System już przygotowany, chociaż taki prosty jak na potrzeby Alice
to idzie to bardzo łatwo.
Dodatkowo jest to tutaj w skrócie opisane poszczególne kroki do animacji.
Jest też nagrany loom z wyjaśnieniem.
Korzystam z Dooma bardzo często do tego, aby objaśnić rzeczy wizualne.
Nie jestem wielkim fanem ani głosówek, ani takich właśnie nagrań ekranu na Lumie.
Pod warunkiem, że to właśnie nie są rzeczy takie stricte wizualne.
Na przykład właśnie tu co ma się jak animować, możemy łatwo pokazać kursorem
i jest do tego loom wręcz idealny.
Ale jak chcemy przekazać prostą myśl Jestem fanem takiej formy tekstowej, w
której się która jest przepleciona z jakimiś obrazami, screenami, więc w
ten sposób szybciej się to konsumuje.
Ale w tym przypadku Lumy akurat są świetne, więc jest to kolejne narzędzie,
którego bardzo często używamy w tym procesie, zwłaszcza briefowania rzeczy,
które są wizualnie wizualne, które chcemy jakoś powiedzieć, co nam się tutaj podoba,
co nam się nie podoba, co można by było przełożyć, przestawić, zmienić itd.
Jeśli chodzi o przygotowanie takiego briefu, no to właśnie ekran
po ekranie to rozrysowujemy.
No i mamy gotową animację, która znajduje się na stronie.
Jeśli nie stać Cię na to, żeby to zrobić czasowo, nie masz w tym momencie na to
przestrzeni, to wystarczą takie screeny, które też są ok.
Albo alternatywnie możesz skorzystać ze wspomnianego przeze
mnie już SuPA demo SuPA.
Demo jest naprawdę również bardzo fajne, ponieważ umożliwia zrobienie takich
właśnie interaktywnych demek, które pozwalają właśnie zamieścić je na stronie
i przechodzić sobie krok po kroku po produkcie.
Oznaczać różne rzeczy i nie wiem, coś teraz zamknąłem, ale
generalnie to jest fajny przykład tego, jak możemy również takie
interaktywne demo umieścić.
Nagramy je na pewno w kilka minut w naszym gotowym narzędziu, na przykład.
To nie jest też głupi pomysł, żeby pokazać ludziom na przykład nasz
infoprodukt w środku.
To jest naprawdę dobra praktyka, która powoduje, że jak ktoś zobaczy na przykład,
jak wygląda cały proces, że on się rejestruje, dostaje dostęp do
społeczności, loguje się na nią albo ściąga ebooka, albo
dostaje dostęp do kursu.
I ten kurs wygląda tak i tak.
I można kliknąć i oglądać lekcje.
To jest dowieziony sposób na to, żeby zwiększyć znacznie konwersję.
Po prostu ludzie mają obawę przed kliknięciem tego guzika.
Spróbuj, ponieważ nie wiedzą, co się stanie dalej, Jeśli powiemy im dokładnie,
co się stanie dalej, przejdziesz przez proces płatności.
Zobacz, on jest taki prosty.
Możesz wybrać BLIK, a możesz później dostaniesz od razu dostęp do kursu.
Tu klikasz i oglądasz.
To bardzo dużo zbijamy obiekcji związanych z samym procesem.
Czy ja sobie poradzę, żeby to kupić? Czy to będzie trudne?
Czy muszę poświęcić dużo czasu, żeby ten produkt uzyskać i dostęp do niego?
No, jeśli to przedstawimy w takim demku, jeśli chodzi właśnie o takie tego typu
info, produkty przedstawimy krok po kroku, jak uzyskać do niego dostęp.
Myślę, że jest to naprawdę fajny pomysł i powinno to znacznie
zwiększyć Twoją konwersję.
No i w sumie to wszystko co chciałem powiedzieć o takich assetach wizualnych,
więc zachęcam Cię do eksplorowania, zachęcam Cię do tworzenia.
Tak jak wspomniałem jest są jakieś drogi na skróty, czyli na
przykład sub demo czy UI, gdzie są gotowe zasoby.
Nie mam absolutnie nic przeciwko ich używaniu, wręcz przeciwnie.
Tak jak pokazałem Ci Waliz, często używam takich rzeczy, takich gotowych rzeczy,
zwłaszcza na tym etapie, gdzie chcę dopracować rzeczy do lunchu, ale jeszcze
nie chcę wszystkiego zlecać czy płacić za dostarczenie tego typu zasobów.
Mogę sobie skorzystać wtedy z gotowców. To wszystko.
Dzięki za tę część i do usłyszenia w kolejnej lekcji.