Autorskie sceny 3D
Interaktywne sceny szarf i przyrządów przenoszą sceniczną sztukę artystki do sieci, z adaptacyjnym renderowaniem i dopracowanymi widokami statycznymi.
Adele Deliss
Wielojęzyczna platforma dla artystki akrobatyki powietrznej, łącząca autorskie sceny 3D ze zintegrowaną przestrzenią roboczą studia do obsługi lekcji, karnetów i poczty e-mail.
Projektowanie produktu i inżynieria full-stack od początku do końcaOD CYFROWEJ SCENY PO OPERACJE STUDIA
Zajęcia w studiu i karnety
Zajęcia cykliczne, miejsca w ramach karnetów, lista obecności i reguły dni wolnych łączą panel ucznia z przestrzenią roboczą artystki.
Wbudowany Mailroom
Przychodzące zapytania, wątki rozmów, załączniki i spójne wizualnie odpowiedzi są obsługiwane bezpośrednio w panelu administratora.
JAK DO TEGO DOSZEDŁEM
Występy międzynarodowe. Codzienne nauczanie.
Organizatorzy wydarzeń potrzebowali przejrzystego sposobu na poznanie repertuaru i kontakt z artystką. Nowi uczniowie szukali prostej ścieżki zapisu na lekcję, a stali uczestnicy chcieli sprawdzać swoje terminy i obecności. Dla Adele prowadzenie studia oznaczało konieczność bieżącej obsługi zapytań, grafików i wiadomości od uczniów — bez gubienia istotnych szczegółów.
Ekspresyjna scena. Praktyczny system dla studia.
Zaprojektowałem i zbudowałem publiczną stronę internetową opartą na autorskich scenach 3D w powietrzu i wielojęzycznej prezentacji. Na zapleczu dedykowane panele ucznia i administratora łączą akceptację lekcji, harmonogramy zajęć cyklicznych, karnety oraz pocztę studia w jeden spójny system.
Projekt produktu, inżynieria frontendu i backendu, logika harmonogramu i karnetów, panele ucznia i administratora, infrastruktura poczty e-mail oraz autorskie sceny 3D — z adaptacją materiałów graficznych klientki do identyfikacji wizualnej.
01 / 04LIVE SITE
AD / Autorskie sceny 3D
Autorskie sceny 3D
Interaktywne sceny szarf i przyrządów przenoszą sceniczną sztukę artystki do sieci, z adaptacyjnym renderowaniem i dopracowanymi widokami statycznymi.
02 / 04MATERIAŁY Z PRODUKTU
AD / Zapytania o lekcje i konta uczniów
Zapytania o lekcje i konta uczniów
Uczniowie mogą sprawdzać dostępność, wysyłać zapytania o lekcje i korzystać z własnego panelu konta, by śledzić rezerwacje oraz obecności.
Przykładowy interfejs · dane demonstracyjne
03 / 04MATERIAŁY Z PRODUKTU
AD / Zajęcia w studiu i karnety
Zajęcia w studiu i karnety
Zajęcia cykliczne, miejsca w ramach karnetów, lista obecności i reguły dni wolnych łączą panel ucznia z przestrzenią roboczą artystki.
Przykładowy interfejs · dane demonstracyjne
04 / 04MATERIAŁY Z PRODUKTU
AD / Wbudowany Mailroom
Wbudowany Mailroom
Przychodzące zapytania, wątki rozmów, załączniki i spójne wizualnie odpowiedzi są obsługiwane bezpośrednio w panelu administratora.
Przykładowy interfejs · dane demonstracyjne
MATERIAŁY Z PRODUKTU
Autorskie sceny 3D
Interaktywne sceny szarf i przyrządów przenoszą sceniczną sztukę artystki do sieci, z adaptacyjnym renderowaniem i dopracowanymi widokami statycznymi.
Przeniesienie ruchu akrobatyki powietrznej do sieci.
Styl i charakter strony wywodzą się bezpośrednio ze sztuki akrobatyki powietrznej: szarfy, koło, rura i pasy stają się interaktywnymi scenami 3D zamiast płaskiej galerii zdjęć. Jasny i ciemny motyw oraz tryby z ograniczonym ruchem zostały wbudowane od samego początku.
Zbudowany wokół rzeczywistego rytmu nauczania w studiu.
Zgłoszenie na pierwszą lekcję wymaga zatwierdzenia przez artystkę, podczas gdy cykliczny karnet rezerwuje stałe miejsce w cotygodniowych zajęciach. Zbudowałem je jako osobne ścieżki, łącząc dostępność, generowanie terminów, limity miejsc, listę obecności i konta uczniów — zamiast wtłaczać każdą rezerwację w ten sam generyczny formularz.
- Zgłoszenie ucznia
- Zatwierdzenie przez artystkę
- Potwierdzona lekcja
- Zajęcia cotygodniowe
- Terminy zajęć
- Zarezerwowane miejsca
- Obecność
Zgłoszenia mogą również zostać odrzucone lub otrzymać propozycję alternatywnych terminów. Miejsca w ramach stałych karnetów podlegają własnym zasadom rezerwacji i obecności.
Skrzynka pocztowa studia wbudowana bezpośrednio w panel roboczy.
Stworzyłem Mailroom, aby zapytania o występy, prośby o lekcje i odpowiedzi uczniów mogły być obsługiwane bezpośrednio obok grafiku zajęć. Moduł przenosi przychodzącą pocztę e-mail, wątki rozmów, wyszukiwanie, załączniki i spójne wizualnie odpowiedzi do panelu administratora.
- Przychodząca wiadomość e-mail
- Surowy e-mail i wątek
- Bezpieczny czytnik
- Wysłana odpowiedź
Przejrzyste reguły biznesowe. Czyste granice infrastruktury.
Strona publiczna, panel ucznia i przestrzeń administratora komunikują się ze sobą przez bezpieczne pod kątem typów kontrakty usług. Dzięki oddzieleniu reguł studia od kodu bazy danych i poczty, logika harmonogramu może być testowana lokalnie i niezawodnie działać na Cloudflare.
Jeden system dla sceny i studia
Odwiedzający mogą poznawać twórczość artystki i zamawiać występy lub lekcje, uczniowie zarządzają rezerwacjami we własnych kontach, a Adele prowadzi zajęcia, karnety, obecności i pocztę z jednego miejsca.
Next.js, React i TypeScript stanowią rdzeń aplikacji, podczas gdy Three.js, GSAP i Lenis napędzają interaktywne doświadczenie publiczne. OpenNext uruchamia aplikację Next.js na Cloudflare Workers, z D1 dla rekordów i R2 dla surowych plików poczty e-mail. Better Auth obsługuje konta uczniów, Resend wysyła pocztę wychodzącą, a Cloudinary dostarcza multimedia.
Największą wartością tego projektu było połączenie dwóch zupełnie różnych światów: stworzenie artystce ekspresyjnej przestrzeni do prezentacji jej sztuki na scenie oraz zbudowanie praktycznych narzędzi, które ułatwiają codzienne prowadzenie studia.
Zbudujmy coś, co ma znaczenie.
Nowy produkt. Lepszy system. Trudny problem, który warto rozwiązać.
[email protected]