Wstęp
Edgeframe to marka edukacyjna o tradingu krypto, prowadzona przez zawodowych traderów. Jej obietnica jest praktyczna: naucz się znajdować okazje, zarządzać ryzykiem i zabezpieczać środki, a potem handluj samodzielnie — albo na koncie z kapitałem od jednego z jej partnerów.
Pracowaliśmy z Edgeframe dwa razy. Najpierw, w 2022 roku, strona typu one-page we Framerze, żeby przetestować ofertę i zbudować społeczność na Discordzie; potem, kiedy ludzie zaczęli prosić o uporządkowaną naukę, aplikacja dla kursantów w Webflow — produkt, do którego logują się co tydzień.
Co robi aplikacja:
- Konta zakładane e-mailem albo przez jedno z czterech kont społecznościowych i lekcje tylko dla członków
- Ścieżki nauki, strony kursów z postępem i odtwarzacz lekcji wideo
- Czterotygodniowy kurs grupowy z sesjami na żywo, zadaniami i certyfikatem
Poznaj Edgeframe
Edukatorzy Edgeframe handlują krypto od czasów, gdy DeFi nie miało jeszcze nazwy. Ich główny instruktor, Mattheu Draper, jest traderem na pełen etat i uczy przez sesje na żywo, społeczność na Discordzie i uporządkowane kursy.
Odbiorcy to zarówno zupełni początkujący, jak i ludzie, którzy już handlują samodzielnie — więc produkt musi przyjąć jednych i drugich i każdemu zawsze pokazać następny krok.
Wyzwanie, z którym się zmierzyliśmy
Trzy produkty, jeden kursant
Darmowy warsztat, czterotygodniowy kurs grupowy za 499,99 $ i kursy we własnym tempie — każdy obiecuje coś innego. Musiały sprawiać wrażenie jednej szkoły, z jednym kontem.
Bez gubienia wątku
Traderzy uczą się w krótkich przerwach między sesjami tradingowymi. Aplikacja musiała pokazywać, gdzie jesteś w kursie, co masz już za sobą i co dalej — na każdym ekranie.
Treści w rękach zespołu
Kursy, lekcje i terminy kursów grupowych ciągle się zmieniają. Zespół musiał publikować je bez developera.
Tylko dla członków, bez własnego LMS-a
Lekcje miały być za logowaniem, z postępem dla każdego kursanta — bez kosztów i ryzyka budowy własnego systemu LMS.
Chciałem platformy, a nie landing page z linkiem do Discorda. Teraz warsztat, kurs grupowy i kursy są za jednym logowaniem — a lekcję mogę opublikować sam, między jedną transakcją a drugą.
Mattheu DraperGłówny instruktor, EdgeframeEdgeframeSzkic cytatu · czeka na akceptację klienta
Nasze podejście
01Test oferty na v1
W 2022 roku strona typu one-page we Framerze przedstawiła pomysł — ucz się od traderów, którzy robią to na pełen etat — i kierowała ludzi na sesje na żywo na Discordzie. Pokazała, że jest popyt na uporządkowaną naukę.
02Projekt systemu nauki
Ścieżki nauki prowadzą do kursów, kursy do modułów i lekcji, lekcje do zadań. Ciemny interfejs oparty na motywie sześcianu Edgeframe, z miętową zielenią zarezerwowaną dla postępu i następnego kroku.
03Narzędzia, które zespół obsłuży sam
Kursy i lekcje to kolekcje w Webflow CMS, Memberstack obsługuje konta i strony tylko dla członków, Vimeo streamuje wideo, a w Notion są opisy zadań. Zespół dodaje lekcję tak, jak pisze wpis na bloga.
04Jedna ścieżka od darmowego do płatnego
Darmowy warsztat na Zoomie, kurs we własnym tempie i płatny kurs grupowy dzielą jedno konto, więc uczestnik warsztatu jest o jedno kliknięcie od zapisu.
Nie zbudowaliśmy LMS-a. Zaprojektowaliśmy tych kilka ekranów, z których kursant naprawdę korzysta — ścieżkę, kurs, lekcję, zadanie — a najcięższą robotę zostawiliśmy Webflow, Memberstack i Vimeo.
Maks MiśkowZałożyciel, Pace LabsPace LabsAplikacja od środka
Aplikacja dla kursantów to właściwy produkt Edgeframe. Poniżej zrzuty z działającej wersji w Webflow stoją obok ekranów, które odtworzyliśmy w kodzie — odtwarzacz lekcji na podstawie projektów oraz ekrany koncepcyjne: panel kursanta, plan kursu grupowego i ocenę zadań, zbudowane z prawdziwych lekcji kursu i opublikowanego programu kursu grupowego.
Funkcja po funkcji
Dziewięć funkcji, od rejestracji po certyfikat. Część ekranów to zrzuty z działającej wersji w Webflow; pozostałe odtworzyliśmy w kodzie — na podstawie projektów albo jako koncepty zbudowane na prawdziwych danych produktu.
Działająca wersja
Konto w jednym kroku
Memberstack obsługuje konta wewnątrz Webflow: e-mail i hasło albo jedno kliknięcie przez konto społecznościowe. Każda strona lekcji sprawdza członkostwo, zanim cokolwiek pokaże.
- Rejestracja e-mailem albo przez Google, Facebook, GitHub i LinkedIn
- Reset hasła i ustawienia konta bez własnego kodu
- Lekcje i strony kursu grupowego tylko dla członków
Pod maską
Każda część aplikacji to narzędzie, które zespół już umie obsługiwać — połączone w jedną stronę i jedno konto kursanta.
Na czym działa akademia
Webflow CMS
Kursy, lekcje, kursy grupowe i blog jako kolekcje
Memberstack
Konta, logowanie społecznościowe, strony tylko dla członków, postęp
Vimeo
Wideo lekcji, streamowane i osadzone
Notion
Opisy zadań i ocena końcowa
Discord
Społeczność, sesje tradingowe na żywo, codzienne wsparcie
Zoom
Darmowy warsztat na żywo
Trustpilot
Opinie kursantów
Zespół Edgeframe
Publikuje lekcje i prowadzi kursy grupowe z CMS
Bez własnego backendu: każde zadanie trafia do narzędzia stworzonego właśnie do tego, a Webflow spina je w jedną stronę z jednym logowaniem. Nic tu nie wymaga developera na co dzień.
Dwie wersje, rok różnicy
Aplikacja istnieje, bo pierwsza strona zadziałała. v1 powstała, żeby dowiedzieć się, czego ludzie chcą; v2 — żeby to sprzedać i dostarczyć.
- 01
2022 · v1 we Framerze
- Jedna strona: oferta i traderzy, którzy za nią stoją
- Sesje tradingowe na żywo na Discordzie
- Koncepcja dashboardu przyszłego produktu
- 02
2023 · Aplikacja w Webflow
- Darmowy warsztat, kurs grupowy i kursy we własnym tempie
- Konta w Memberstack, lekcje tylko dla członków, postęp
- Kursy i kursy grupowe prowadzone z CMS
Ścieżka kursanta
Każda strona wskazuje następny krok, od darmowej próbki po samodzielny trading — a w kursie każda lekcja prowadzi do następnej.
Od darmowego startu do kapitału
Jedna szkoła, cztery kroki
- 1Darmowy warsztat DeFiNa żywo na Zoomie · 11 lekcji · 2 ekspertów
- 2Czterotygodniowy kurs grupowy16 h na żywo · 21 zadań
- 3Kursy we własnym tempieŚcieżki nauki, dożywotni dostęp
- 4Społeczność i kapitałDiscord · konta z kapitałem do 500 tys. $
W środku kursu
Zawsze jest następna lekcja
- 1Ścieżki naukiWyselekcjonowane zestawy kursów
- 2Przegląd kursuPostęp: ukończone lekcje z 12
- 3LekcjaWideo z Vimeo + lista lekcji
- 4ZadanieOpis w Notion, sprawdza mentor
Planujesz coś podobnego? Omówmy to razem.
Maks MiśkowZałożyciel, Pace LabsWyniki
Edgeframe przeszło od jednej strony do szkoły z aplikacją: trzy produkty edukacyjne za jednym kontem i model treści, który zespół obsługuje sam.
- Produkty edukacyjne za jednym logowaniem
- 3
- Lekcji wideo w pierwszym kursie, w dwóch modułach
- 12
- Wideo z lekcjami — poniżej dziewięciu minut na lekcję
- 1 h 45 min
- Nauki w kursie grupowym, z czego 16 na żywo
- 54 h
- Sposobów logowania: e-mail i cztery konta społecznościowe
- 5
- Developerów potrzebnych do opublikowania nowej lekcji
- 0
DeFi Trading Fundamentals · wszystkie lekcje
12 lekcji · 1 h 45 min
Średnio 8 min 47 s na lekcję
01Pierwsze kroki5 lekcji · 36 min 47 s
- Wprowadzenie do tradingu kryptowalut, cz. 1
- 10:18
- Wprowadzenie do tradingu kryptowalut, cz. 2
- 9:32
- Analiza fundamentalna
- 4:23
- Tokenomika
- 7:11
- Wprowadzenie do TradingView
- 5:23
02Wchodzimy w szczegóły7 lekcji · 1 h 8 min
- Wprowadzenie do analizy technicznej
- 10:18
- Zaawansowana analiza techniczna, cz. 1
- 12:26
- Zaawansowana analiza techniczna, cz. 2
- 16:08
- Zarządzanie ryzykiem, cz. 1
- 7:21
- Zarządzanie ryzykiem, cz. 2
- 6:39
- Bezpieczeństwo
- 10:19
- Jak w pełni rozwinąć swój trading
- 5:23
Podsumowanie
Najpierw małe, potem uporządkowane: strona we Framerze potwierdziła popyt, a aplikację zaprojektowaliśmy wokół tego, o co prosili pierwsi kursanci.
Opierając się na Webflow, Memberstack i Vimeo zamiast na własnym LMS-ie, Edgeframe dostało konta, lekcje tylko dla członków i śledzenie postępów bez płacenia za budowę od zera — i zachowało pełną kontrolę nad swoimi treściami.
