Własny produkt · SaaS · EdTech
Skupia
Korepetytor AI, który nie podaje gotowców
Skupia to nasz własny produkt: platforma do nauki matematyki przed egzaminem ósmoklasisty. Zaprojektowaliśmy i zbudowaliśmy ją od zera, od pierwszego szkicu po płatności. Pokazujemy ją, bo przechodzi przez wszystko, z czym przychodzą do nas klienci: AI, konta użytkowników, abonamenty, maile i dopracowany interfejs.
01 · Problem i cel
Uczeń przepisuje wynik z chatbota, rodzic nie wie, czego brakuje
Przed egzaminem ósmoklasisty rodzice zwykle dowiadują się o lukach dziecka dopiero z egzaminu próbnego. Korepetycje pomagają, ale są drogie i rzadko kończą się jasną listą tego, co trzeba nadrobić.
Chatboty AI rozwiązują zadania za ucznia. Podają gotowy wynik, czasem błędny, i robią to tak pewnym tonem, że trudno to wyłapać. Dziecko przepisuje odpowiedź i niczego się nie uczy.
Cel był więc podwójny. Narzędzie miało uczyć myślenia zamiast podawać odpowiedzi. A jako produkt miało samo się sprzedawać: darmowe wejście, raport, który pokazuje wartość, i płatny plan.
- Dla kogo
- Uczniowie klas 7-8 i ich rodzice
- Problem
- Gotowce z AI i luki widoczne za późno
- Cel
- Nauka przez pytania, wynik zawsze sprawdzony
- Model
- Darmowa diagnoza, potem abonament
02 · Co zbudowaliśmy
Cały produkt, nie sam czat z AI
Skupia składa się z kilku połączonych części. Każdą z nich zaprojektowaliśmy i napisaliśmy sami, łącznie z postacią liska.
- 01
Strona i darmowa diagnoza
Landing z lekcją do wypróbowania na miejscu i diagnoza bez zakładania konta.
- 02
Lekcja z korepetytorem
Rozmowa krok po kroku, klawiatura matematyczna, wzory i rysunki figur.
- 03
Panel ucznia
Mapa umiejętności, plan nauki i egzamin próbny w formacie CKE.
- 04
Panel rodzica
Postępy dziecka, konta połączone kodem i raport co tydzień na maila.
- 05
Płatności i abonamenty
Trzy plany, płatność bez wychodzenia ze strony, odnowienia i anulowanie.
- 06
Zaplecze
Maile transakcyjne, blog, zgody RODO i analityka uruchamiana dopiero po zgodzie.
03 · Kluczowe rozwiązania
Pięć decyzji, na których stoi produkt
3.1Metoda sokratejska
Pytanie zamiast gotowca
Kiedy uczeń utknie, lisek nie pokazuje rozwiązania. Rozbija zadanie na mniejsze kroki i pyta o pierwszy z nich. Przy pomyłce nie ma czerwonego „źle”, jest kolejne pytanie, które pokazuje, gdzie szukać błędu.
- każda odpowiedź korepetytora jest sprawdzana, zanim trafi do ucznia
- wypowiedź, która zdradza wynik, zostaje zatrzymana
- gdy AI nie odpowie, lekcję prowadzi zapasowy, przewidywalny korepetytor
Co to mówi o nasPotrafimy zaprojektować zachowanie AI pod konkretny cel, a nie tylko podpiąć gotowego czata.
3.2Weryfikacja matematyczna
AI prowadzi rozmowę, wynik sprawdza matematyka
Rozmowa i liczenie to w Skupii dwie osobne rzeczy. Każdy krok ucznia trafia do silnika symbolicznego, który sprawdza go deterministycznie, jak bardzo dokładny kalkulator. Model językowy dostaje gotowy werdykt i ma go tylko ubrać w pytanie. O tym, co jest poprawne, nigdy nie decyduje AI.
- krok jest poprawny tylko wtedy, gdy zachowuje rozwiązanie równania
- odpowiedź AI sprzeczna z werdyktem silnika nie trafia do ucznia
- model językowy można wymienić bez ruszania silnika
Co to mówi o nasWiemy, gdzie AI pomaga, a gdzie lepszy jest zwykły, sprawdzalny algorytm. Tak samo podchodzimy do systemów dla firm.
3.3Diagnoza umiejętności
Diagnoza, która mówi, czego dokładnie brakuje
Materiał klas 7 i 8 podzieliliśmy na 93 drobne umiejętności w 18 działach, zgodnie z podstawą programową. Darmowa diagnoza trwa kilkanaście minut i pokazuje, które z nich dziecko już ma. Potem nauka prowadzi po kolei przez luki, a mapa zapala się z każdym tygodniem.
- mapa umiejętności zgodna z podstawą programową
- plan nauki dopasowany do wyniku diagnozy
- egzamin próbny na czas w formacie CKE
Co to mówi o nasUmiemy zamienić rozległą wiedzę dziedzinową w model danych, na którym da się zbudować produkt.
3.4Panel rodzica
Rodzic widzi postępy bez zaglądania do zeszytu
Konto zakłada rodzic, a dziecko loguje się kodem, więc nie potrzebuje własnego maila. W panelu widać, nad czym dziecko pracowało, co już opanowało i co warto powtórzyć. W niedzielę wieczorem przychodzi krótkie podsumowanie tygodnia.
- konta rodzica i dziecka połączone kodem
- tygodniowy raport wysyłany automatycznie
- dane przechowywane na serwerach w Unii Europejskiej
Co to mówi o nasProjektujemy dla dwóch osób naraz: tej, która korzysta, i tej, która płaci.
3.5Płatności
Płatności i abonamenty od pierwszego dnia
Diagnoza i raport są darmowe. Gdy rodzic zdecyduje się na naukę, wybiera jeden z trzech planów i płaci bez wychodzenia ze strony. Odnowienia i anulowanie obsługuje Stripe, a aplikacja na bieżąco wie, kto ma aktywny dostęp.
- Stripe Embedded Checkout i webhooki subskrypcji
- plany za 79 zł miesięcznie, 229 zł za 3 miesiące i 499 zł za rok
- maile transakcyjne wysyłane przez Resend
Co to mówi o nasDowozimy produkt, który zarabia: od cennika, przez płatność, po maile po zakupie.
04 · Design i motion
Lisek, który reaguje na ucznia
Matematyka rzadko kojarzy się z przyjemnością, więc daliśmy Skupii twarz. Lisek jest narysowany w czystym SVG i animowany w CSS, bez ciężkich bibliotek. Myśli, gdy uczeń pisze, naprowadza, gdy trzeba podpowiedzieć, i cieszy się przy „aha!”. Na komputerze śledzi wzrokiem kursor.
Animacje na stronie opowiadają, jak działa lekcja. Zeszyt w hero sam rozwiązuje równanie, rozmowa z liskiem rozwija się w rytm przewijania, a mapa umiejętności zapala się kropka po kropce. Wszystko ładuje się leniwie, żeby nie spowalniać strony. Przy włączonym w systemie ograniczeniu ruchu zostają tylko zmiany miny liska.
Stany liska
- spokój
- myśli
- naprowadza
- aha!
- kibicuje
- zgubiony (404)
Zamiast opisywać metodę, landing pozwala jej spróbować. Odwiedzający wybiera kolejny krok równania i od razu widzi, jak lisek reaguje na dobrą odpowiedź i na pomyłkę.
05 · Technologie
Sprawdzone narzędzia, każde na swoim miejscu
- Aplikacja i API
- Next.js
- Język
- TypeScript
- Konta i baza danych
- Supabase
- Silnik symboliczny
- math.js
- Korepetytor AI
- Gemini / Claude
- Wzory
- KaTeX
- Płatności
- Stripe
- Maile
- Resend
- Animacje
- GSAP i Lenis
- Hosting i harmonogram
- Vercel
06 · Galeria
Skupia na komputerze i telefonie
Cała strona Skupii w przeglądarce i na telefonie. Wersja mobilna to ten sam produkt, ułożony od nowa pod kciuk, a nie tylko zwężony.
07 · Efekt
Czego dowodzi Skupia
- 01
Pełny produkt od zera
Od projektu interfejsu po wdrożenie, płatności i maile. Jeden zespół, bez przekazywania pracy między firmami.
- 02
AI użyte odpowiedzialnie
Model językowy robi to, w czym jest dobry, czyli prowadzi rozmowę. Liczby i decyzje zostają po stronie sprawdzalnego kodu.
- 03
Sprzedaż wbudowana w produkt
Darmowe wejście, raport, który pokazuje wartość, i płatność w kilku kliknięciach.
- 04
Dopracowany UX
Wersja na telefon, dostępność, ograniczanie ruchu i szybkie ładowanie. To samo dostaje każdy nasz klient.
Masz pomysł na produkt albo system z AI?
Opisz go w konfiguratorze. Odpowiemy, co da się zrobić, od czego zacząć i ile to może kosztować.