Layered: web, který prodá kurz a odbaví účastníka
Web pro vzdělávací značku, který propojuje prodej kurzů, kapacitu, platby, fakturaci a vstupenky. Účastník si vybere termín, zaplatí a dostane doklad i vstupenku. Pořadatel má přehled účastníků bez ručního přepisování.
Kurzy se prodávaly bez webu
Layered do té doby žádný web neměl. Kurzy se domlouvaly přes sociální sítě a e-mail, platby se párovaly ručně a faktury vypisovaly po jedné. Na místě se docházka odškrtávala v tištěném seznamu.
Stavěli jsme tedy na zelené louce: značka potřebovala první web a zároveň celou linku od prodeje místa po odbavení účastníka na vstupu.
Šest částí, které na sebe navazují
Web na Astro (SSR)
Serverově renderovaný web s obsahem, který si klientka spravuje sama v Directusu.
Prodej kurzů
Výběr termínu, platba kartou přes Stripe Checkout nebo převodem, cena počítaná na serveru.
Kapacita v reálném čase
Poslední místo nejde prodat dvakrát. Rezervace běží v databázové transakci a nedokončená platba drží místo po omezenou dobu.
Fakturace přes Fakturoid
Proforma s QR platbou vznikne sama, po zaplacení Fakturoid vystaví konečný doklad. Organizační potvrzení posíláme přes Resend ve značce Layered.
Obsah v Directus
Kurzy, termíny, lektoři a texty na jednom místě, bez zásahu vývojáře.
Vstupenky přes Walio
Termín napojený na akci ve Walio vydá po zaplacení vstupenku do peněženky. Systém hlídá, aby se vstupenka nevystavila dvakrát.
Cesta od kurzu k rezervaci
U každého kroku je vidět, co dělá účastník a co za něj řeší systém.
Nabídka kurzů a detail termínu
Vstupní stránka řadí kurzy podle nejbližšího termínu. V detailu je program, lektor, cena a počet zbývajících míst. Obsah spravuje klientka v Directusu, nasazení není potřeba.
Stránka hlavní akce
Vrcholem roku je třídenní akce se zahraničním lektorem. Má vlastní stránku s vizuálem, místem a jazykem konání, aby fungovala i jako samostatný odkaz v kampani.
Program rozdělený po dnech
Každý den má vlastní blok: pro koho je, co se probírá a v jakém čase. Účastník tak před nákupem ví, jestli chce jen přednášku, nebo i praktickou část.
Rezervace a platba na tři kroky
Účastník vybere termín, doplní údaje se souhlasem se zpracováním a zaplatí kartou nebo převodem. Cena se počítá na serveru, místo se po dobu platby drží a po zaplacení odchází doklad i vstupenka.
Od platby po skener na vstupu
Po zaplacení web zavolá Walio API, které vydá vstupenku s QR kódem do Apple nebo Google Wallet a pošle ji účastníkovi e-mailem. Na místě ji pořadatel načte skenerem. Doklad vzniká ve Fakturoidu: nejdřív proforma s QR platbou, po zaplacení konečná faktura.
Vstupenky vydává Walio, náš vlastní produkt. Servisní poplatek platí kupující, takže Layered na vstupenkách nedoplácí ani nevydělává. Platit jde kartou i převodem, příchozí platbu spáruje Fakturoid a pošle nám webhook.
Detail WalioČtyři etapy, každá s výstupem
Zadání a struktura
Prošli jsme, co klientka prodává a jak dnes eviduje účastníky. Z toho vznikla struktura webu i datový model.
Návrh rozhraní
Nejdřív jsme odladili nákupní cestu a stránku kurzu, teprve pak zbytek webu.
Vývoj a napojení
Web na Astro SSR, obsah i rezervace v jednom Postgresu. Platby přes Stripe, doklady ve Fakturoidu, vstupenky přes Walio API.
Spuštění a provoz
Web běží, obsah spravuje klientka. Design se bude ještě měnit, funkčnost je hotová.
Dvě rozhodnutí, která šetří ruční práci
Platby přes Stripe, ne vlastní formulář
Údaje z karty přes náš web vůbec neprojdou. Klientka tím nenese odpovědnost za jejich uložení a my neřešíme certifikace okolo plateb. Cenou je, že platební stránka není naše.
Poslední místo nejde prodat dvakrát
Kapacitu drží databázová transakce a nedokončená platba blokuje místo po omezenou dobu. Radši ať zákazník uvidí obsazeno, než aby se dva lidé sešli na jednom místě a klientka to řešila telefonem.
Web, obsah a rezervace
Obsah i rezervace sdílejí jednu databázi v Neonu. Klientka mění texty a termíny v Directusu bez nasazování.
Rozsah řešení
Přišla jsem s tím, že chci prodávat kurzy online. Odešla jsem s webem, který za mě řeší i faktury a vstupenky. Poprvé jsem u akce nemusela nic odškrtávat v papírovém seznamu.
Řešíte něco podobného?
Napište nám, co dnes děláte ručně: platby, faktury, evidenci účastníků. Ozveme se do dvou pracovních dnů.
Co jsme dělali dál
Walio: věrnostní systém pro podnikyKarta v peněžence, terminál pro obsluhu i portál s reportingem.
Branuál: brand manuál jako web, ne PDFStránky, bloky a knihovna assetů s publikováním. Vlastní produkt studia.
SinClinic+: web kliniky, který si klinika spravuje samaZákroky, lékaře i ceník edituje klinika v Keystaticu.