Przejdź do treści
Cukiernia Jonasz Jankowski · portfolio 3D : wszystkie światy portfolio

Demo na żywo · Jonasz Jankowski

Wypróbuj konfigurator 3D produktu, zanim zamówisz swój

Takie konfiguratory projektuję i programuję na strony firm. Złóż tort z pięter, kremu i dodatków i obróć go palcem, także na telefonie: tak samo Twój klient złoży Twój produkt i wyśle Ci zapytanie z gotowym wariantem. Zakres i ceny opisuję w ofercie konfiguratorów i wizualizacji 3D dla firm, a to, kiedy konfigurator zarabia na siebie, w poradniku.

Przetestuj konfigurator 3D na żywo Zapytaj o wycenę konfiguratora 3D

Zapytanie otwiera formularz kontaktowy, a opis wypełni się sam. Odpowiadam w ciągu jednego dnia roboczego.

Waga sceny, zmierzona u Ciebie scena … · pierwsza klatka … · płynność …
Trzypiętrowy tort w 3D pod szklanym kloszem na paterze w witrynie cukierni

Co dostanie Twój klient? Sprawdź na torcie

Wybierz piętra, krem, dodatki i napis: model zmienia się na żywo, bez przeładowania strony, także na telefonie. Przycisk „Zapytaj o wycenę” otworzy formularz z opisem tego wariantu, więc zapytanie trafi do Ciebie bez przepisywania.

Karta zamówienia

Produkt
Liczba pięter
Biszkopt
Kolor kremu
Wykończenie
Dodatki
Świeczki: 3
Napis na czekoladowej tabliczce

Twój tort: 3 piętra, biszkopt pistacjowy, krem malinowy, polewa z zaciekami.

Zdjęcie pokazuje tort domyślny, a Twój wybór trafi do zapytania.

Zapytaj o wycenę konfiguratora

Otworzy się formularz kontaktowy z opisem tego wariantu. Odpowiadam w ciągu jednego dnia roboczego.

Wybór zostaje tylko w tej karcie przeglądarki i nigdzie nie trafia, dopóki sam nie wyślesz formularza.

Czy konfigurator 3D spowolni moją stronę?

Nie musi: tekst, ceny i przyciski ładują się pierwsze, a scena dopiero po nich. Sprawdzisz to na swoim urządzeniu, bo mosiężna tabliczka mierzy, ile danych pobrała scena, po ilu sekundach pojawił się obraz i ile klatek na sekundę rysuje.

  • Najpierw treść. Scena ładuje się dopiero po wyświetleniu strony, więc tekst, ceny i przyciski widać od razu.
  • Limit pikseli. Rozdzielczość rysowania ma górną granicę i sama spada, gdy telefon nie nadąża.
  • Lekki model. Tort i lampka są zbudowane w kodzie, bez ciężkich plików modeli, a Twój model z rysunków przygotowuję pod pracę w przeglądarce. Licznik trójkątów widzisz na tabliczce.
  • Rysuje tylko, gdy coś się zmienia. Tort obraca się sam jeden raz i staje, a poza ekranem i w ukrytej karcie scena nic nie rysuje.
  • Plan B. Bez WebGL albo przy oszczędzaniu danych zobaczysz zdjęcie tortu, które obrócisz palcem, a karta zamówienia i zapytanie dalej działają.
Waga sceny

Na Twoim urządzeniu:

scena
mierzę…
pierwsza klatka
mierzę…
płynność
mierzę…
trójkąty produktu
mierzę…

Pomiar z tej wizyty, nie z katalogu.

Realizacja 1 z 3 · Kromia · Demo produktu

Czy zrobisz też stronę z katalogiem produktów i panelem?

Tak. Zobacz Kromię, działające demo strony piekarni: 34 podstrony, 14 wypieków z gramaturą i alergenami, mapa sklepów i panel, w którym właściciel sam zmienia ofertę. Konfigurator 3D wpinam w taką stronę albo w Twoją obecną.

Kromia, strona główna: hasło Dzień dobry, Dobry dzień i piekarka z bochenkiem
strona główna
Kromia na telefonie: piekarka z bochenkiem, hasło Dzień dobry. Dobry dzień. i przycisk Zobacz, co pieczemy
na telefonie
Kromia, oferta: katalog wypieków z kategoriami i wyszukiwarką
oferta
Kromia, karta produktu z gramaturą i alergenami
karta produktu
Kromia, sklepy: przykładowe punkty z wyszukiwarką i miejscem na mapę
sklepy

Otwórz w demo Kromii dowolny z 14 wypieków i kliknij „Zapytaj o produkt”: formularz ma już wpisaną jego nazwę. Tak samo działa tort na tej stronie, a w Twoim konfiguratorze do zapytania trafi cały złożony wariant, bez przepisywania.

272
testy automatyczne zaliczone przed wydaniem demo
34
podstrony generowane z góry, gotowe dla Google
40
kolorów marki zmienianych w panelu
14
wypieków w demo, każdy z gramaturą i alergenami

Kromia to fikcyjna marka demonstracyjna, a zdjęcia i filmy w demo są wygenerowane przez AI. W wersji publicznej formularz jest wyłączony, a panelu nie udostępniam; mogę go pokazać podczas rozmowy.

Otwórz demo Kromii w nowej karcie Zobacz szczegóły i zrzuty ekranu Kromii

Na wynos: dwie kolejne realizacje

Czy konfigurator da się połączyć z koszykiem i płatnością?

Tak. Platforma kursów, którą zbudowałem od zera, już sprzedaje przez koszyk: płatność BLIK-iem lub kartą, faktura wystawiana automatycznie i dostęp od razu po zapłacie. Tak samo wybrany wariant może trafić do koszyka zamiast do zapytania. Obie realizacje rozpisałem krok po kroku.

Realizacja 2 z 3 · Własny projekt, działa i sprzedaje kursy

Platforma kursów online

Platforma kursów działa w produkcji i nie pobierze od klienta więcej, niż widział: gdy cena w międzyczasie wzrosła, wstrzymuje płatność i prosi o potwierdzenie, a co 5 min sprawdza też w Stripe, czy żadna opłacona płatność nie przepadła. Tak samo zabezpieczę koszyk, gdy Twój konfigurator liczy cenę wariantu na żywo.

  1. 01Reklama albo link Klient trafia na stronę sprzedażową, także w przeglądarce aplikacji Facebooka.
  2. 02Quiz i wynik 6 pytań, 3 profile, opis profilu i kurs na start.
  3. 03Oferta i koszyk Pełny pakiet albo tańsza alternatywa, dodatek w koszyku.
  4. 04Płatność BLIK, karta, Apple Pay i Google Pay przez Stripe.
  5. 05Dostęp od razu Konto, lekcje wideo z zapisem postępu, materiały.
6 tyg.
od pierwszej linii kodu do uruchomienia
15
automatycznych maili prowadzi klienta od zapisu do faktury
Zobacz schemat działania platformy

Realizacja 3 z 3 · Aplikacja na abonament, przed premierą

Aplikacja AI do scenariuszy wideo

Aplikacja AI do scenariuszy wideo czeka na premierę, a płatności już w niej działają: co godzinę sama pyta bramkę o otwarte transakcje i domyka opłacone, a faktura wystawia się po wpłacie. Gdy Twój konfigurator ma przyjmować zamówienia z płatnością, zbuduję to tak samo: z fakturą i kontrolą wpłat.

  1. 01Temat albo link Temat, profil twórcy albo jeden film jako punkt wyjścia.
  2. 02Analiza filmów Statystyki twórców i tekst z wklejonego filmu.
  3. 03Research ze źródłami Aktualne fakty z sieci, sprawdzone według schematu.
  4. 04Hook i scenariusz Dwie wersje hooka, scenariusz w 74 językach.
  5. 05Lektor i wideo Nagranie głosu i film, sprawdzane przed oddaniem.
74
języki treści: research, scenariusz i lektor
60+
zadań w tle, na kolejkach i według harmonogramu
Zobacz schemat działania aplikacji AI do scenariuszy wideo

Wszystkie realizacje

Jak wygląda współpraca: zdalnie, bez pośredników

Pracuję zdalnie i przyjmuję zlecenia z całej Polski. Zakres, etapy i wycenę ustalamy przed startem, a działającą wersję sprawdzasz na własnym telefonie przed wdrożeniem.

Więcej o mnie

  1. Odpowiadam w ciągu jednego dnia roboczego.
  2. Pierwsza rozmowa przez telefon albo wideo. Pytam o cel i liczby, nie o technologię.
  3. Zakres, etapy, termin i jedna kwota na piśmie, zanim zacznę.
  4. Po każdym etapie działająca wersja, którą przeklikasz na swoim telefonie, a nie same prezentacje.
  5. Płatność po etapach, z fakturą po każdym z nich.
  6. Domena, hosting i konta w usługach na Twoją firmę. Prawa do projektu i kodu przechodzą na Ciebie po rozliczeniu.
  7. Przez 30 dni od wdrożenia bezpłatnie poprawiam błędy objęte zakresem.
  8. Zawsze najpierw projektuję widok na telefon. Dbam też o dostępność dla osób z niepełnosprawnościami, o szybkie ładowanie i o techniczne SEO, czyli stronę czytelną dla Google.
  9. Gdy w projekcie pracuje AI, ważne decyzje zatwierdza człowiek.

Pytania o konfigurator 3D przed zamówieniem

Ile kosztuje, czy spowolni stronę, co przygotować i jak wybór klienta trafi do Ciebie. Odpowiadam konkretnie, z cenami netto i datą cennika.

Ile kosztuje konfigurator 3D produktu?

Konfigurator 3D na stronie: od 8000 zł netto za wdrożenie. Pojedyncze ujęcie produktu: 600 –⁠ 1500 zł netto za ujęcie. Kwoty netto z mojego cennika. Cenę podnoszą głównie liczba typów produktu i kombinacji, wycena wybranego wariantu na żywo, połączenie z koszykiem i magazynem oraz podgląd w rozszerzonej rzeczywistości.

Czy konfigurator 3D spowolni moją stronę?

Nie musi. Scena ładuje się dopiero po wyświetleniu treści, rozdzielczość rysowania dopasowuje się do telefonu, a bez WebGL klient widzi zdjęcie produktu i dalej może wysłać zapytanie. Tabliczka na tej stronie mierzy to na Twoim urządzeniu.

Co muszę przygotować, żeby zamówić konfigurator albo wizualizację?

Rysunki albo wymiary produktu, listę wariantów (kolory, materiały, rozmiary) i informację, co ma trafić do zapytania lub koszyka. Model 3D przygotowuję na tej podstawie, a materiały, światło i kadr uzgadniamy na podglądzie.

Czy klient może od razu wysłać wybrany wariant?

Tak. Wybór trafia do formularza zapytania, tak jak tort z tej strony, bez przepisywania. Połączenie z koszykiem, magazynem i wyceną na żywo wyceniam osobno, bo zależy od Twojego sklepu.

Wizualizacja czy konfigurator: co wybrać?

Wizualizacja wystarczy, gdy potrzebujesz zdjęć produktu do sklepu, katalogu lub reklamy, także wariantów, przekrojów i produktu, który jeszcze nie istnieje. Konfigurator ma sens, gdy produkt ma wiele wariantów i klient chce złożyć swój, zanim zapyta o cenę.

Czy konfigurator działa na telefonie?

Tak. Produkt obracasz palcem, przybliżasz dwoma palcami, a podwójne dotknięcie przywraca widok startowy. Przyciski i formularz działają też z klawiatury, a przy włączonym ograniczeniu ruchu scena się nie kręci.

Twoje ujęcie 1080×1080

Tło zdjęcia

Przytrzymaj zdjęcie, żeby je zapisać, albo pobierz plik.

Pobierz plik