Strona główna›Portfolio›Psycholog Anna Roś
Portfolio

Psycholog Anna Roś

Strona internetowaNext.jsZdrowie
Psycholog Anna Roś
Anna Roś

Serwis z rezerwacją wizyt i sprzedażą kursów

Zaprojektowaliśmy i wdrożyliśmy serwis, który łączy stronę gabinetu z dwoma produktami: rezerwacją płatnych wizyt i sprzedażą kursów online. Front zbudowaliśmy w Next.js i TypeScripcie, hosting prowadzi Vercel, dane i pliki trzyma Supabase, a treścią klientka zarządza w panelu Optiweb CMS. Od zera powstał kalendarz wizyt z płatnością PayU, konto klienta, sklep z kursami wideo i blog ekspercki. Całość opisaliśmy danymi strukturalnymi pod wyszukiwarki i asystentów AI.

Wykorzystane technologie

Next.js
Next.js
Optiweb CMS
Optiweb CMS
Vercel
Vercel
Supabase
Supabase
TypeScript
TypeScript
Tailwind CSS
Tailwind CSS

Czego wymagało to wdrożenie

Brief łączył trzy rzeczy, które zwykle obsługują osobne narzędzia: stronę gabinetu, zapisy na płatne wizyty i sprzedaż kursów wideo. Terminy musiały rozróżniać wizyty w krakowskim gabinecie i online, a nagrania kursów wymagały ochrony przed udostępnianiem poza kontem kursanta.

Projekt graficzny serwisu
Wdrożenie w Next.js
System rezerwacji wizyt
Płatności PayU
Sklep z kursami wideo
Blog i panel CMS
Optiweb

Jak przebiegła produkcja

01
Kierunek wizualny

Postawiliśmy na spokojną paletę głębokiej zieleni, szeryfowy krój Fraunces w nagłówkach i sesję zdjęciową z gabinetu w najważniejszych miejscach strony. Serwis ma budować zaufanie od pierwszego ekranu, bo odwiedzający często trafia na niego w trudnym dla siebie momencie.

02
System rezerwacji

Napisaliśmy własny kalendarz wolnych terminów z pięcioma rodzajami wizyt. Każdy termin ma przypisany tryb, stacjonarny albo online, a na czas płatności w PayU zostaje zablokowany, żeby dwie osoby nie zajęły tej samej godziny. Pacjent widzi swoje wizyty na koncie.

03
Sklep z kursami

Wdrożyliśmy sprzedaż kursów z kontem zakładanym przy zakupie, kodami rabatowymi i cenami premierowymi. Dwie pierwsze lekcje każdego kursu są dostępne bez logowania, więc zainteresowana osoba ocenia materiał, zanim za niego zapłaci.

04
Ochrona nagrań

Lekcje wideo przechowujemy w Bunny Stream i wydajemy przez podpisane linki, które wygasają po godzinie. Kursant ogląda materiał na swoim koncie, a skopiowany adres przestaje działać, zanim ktoś zdąży przekazać go dalej.

05
Blog i SEO

Blog ma kategorie, spis treści i źródła z odnośnikami do publikacji naukowych. Wszystkie typy stron, od gabinetu przez ofertę po kursy i wpisy, opisaliśmy danymi strukturalnymi, a plik llms.txt podaje treść serwisu asystentom AI w uporządkowanej formie.

06
Panel i przekazanie

Serwis wystawiliśmy na Vercel i podpięliśmy do panelu Optiweb CMS, w którym klientka sama prowadzi treści strony i wpisy na blogu. Zgody na pliki cookies obsługuje nasz baner zgodny z Google Consent Mode v2, gotowy pod analitykę bez przebudowy strony.

Zamów bezpłatną konsultację

Zadaj nam dowolne pytanie, wystarczy, że klikniesz poniższy przycisk i skontaktujesz się z jednym z naszych specjalistów.

Zamów bezpłatną konsultację