Przejdź do treści
Kategoria

3D i interakcje

Darmowa pierwsza makieta

Cennik

Wycena indywidualna

Zamów wycenę

Interaktywne sceny 3D i konfiguratory produktów. Wyższa konwersja, lepsza prezentacja.

Zakres usług

  • 01Interaktywne sceny 3D dla stron internetowych
  • 02Konfiguratory produktów w przeglądarce
  • 03Animowane sekcje hero z grafiką 3D
  • 04Niestandardowe efekty WebGL i shadery
  • 05Integracja 3D z istniejącymi stronami
  • 06Optymalizacja wydajności scen i interakcji

Wycena indywidualna, każdy projekt omawiany osobno.

Co dostajesz

03 · 3D i interakcje

Interaktywne 3D, które robi to, czego nie pokaże zdjęcie.

  • 01

    Konfiguratory produktów

    Klient obraca model i przełącza warianty w przeglądarce. Mniej pytań, więcej decyzji.

  • 02

    Interaktywne sceny 3D

    Three.js, WebGL i własne shadery jako bohater sekcji, nie tapeta w tle.

  • 03

    Animowane hero z grafiką 3D

    Pierwsze wrażenie w ruchu, na poziomie znanym z Apple czy Lineara.

  • 04

    Efekty WebGL pod markę

    Shadery i interakcje pisane pod Twój przekaz, nie wybierane z biblioteki gotowców.

  • 05

    Integracja z istniejącą stroną

    Sam komponent 3D jako embed — także na stronie zrobionej gdzie indziej.

  • 06

    Optymalizacja wydajności

    Scena startuje dopiero w kadrze, na słabszym sprzęcie schodzi do lżejszej wersji.

Wycena indywidualna

Zamów wycenę

„Niesamowity efekt. Nie wiedziałem, że strony tak potrafią.”

— Schol-Bud · Stolarka otworowa, Żnin

Jak to działa

Cztery etapy, jeden cel - strona gotowa do działania.

  1. Brief i wycena

    Szczegóły

    Krótka rozmowa o celach, grupie odbiorców i zakresie. Ustalam strukturę strony, terminy i harmonogram płatności. Po akceptacji oferty podpisujesz prostą umowę B2B i wystawiam fakturę zaliczkową.

    Czas

    3-5 dni

    Rola klienta

    Udostępniasz cele biznesowe i materiały, które masz: logo, zdjęcia, ewentualnie istniejące teksty.

  2. Projekt graficzny

    Szczegóły

    Zaczynam od bezpłatnej mini-makiety. Jeden ekran hero w stylu Twojej marki, żebyś od razu zobaczył kierunek. Po akceptacji przechodzę do pełnego projektu: makieta wszystkich kluczowych ekranów w Figma, dwie rundy poprawek wliczone w cenę. Akceptujesz kierunek wizualny przed startem implementacji.

    Czas

    3-4 tyg.

    Rola klienta

    Dajesz feedback i akceptujesz makietę. Bez akceptacji nie wchodzę w kod.

  3. Implementacja

    Szczegóły

    Piszę kod od zera w Next.js, bez page-builderów, bez wtyczek. Integracje (formularz Resend, Google Maps, Analytics), optymalizacja SEO i wydajności, pełna responsywność. Treści i zdjęcia wprowadzam sam, albo Ty wysyłasz materiały jednorazowo, albo zaciągam je z Twoich istniejących źródeł.

    Czas

    4-8 tyg.

    Rola klienta

    Dostarczasz finalne treści i zdjęcia, na bieżąco lub jednorazowym pakietem.

  4. Wdrożenie i przekazanie

    Szczegóły

    Publikuję stronę na Twojej domenie z konfiguracją HTTPS, formularzem kontaktowym i analytics. Dostajesz pełen kod (ZIP plus dostęp do repozytorium GitHub), eksport PDF z makietą i krótkie wideo jak edytować podstawowe treści. Po publikacji masz 60 dni bezpłatnego wsparcia bug fix.

    Czas

    1-3 dni

    Rola klienta

    Odbierasz klucze: kod, dostęp do hostingu, link do wideo z dokumentacją.

Co dostajesz

Konkretne pliki, dostępy i własność po wdrożeniu.

  • Kod źródłowy

    Pełen kod strony na Twoich warunkach

    Szczegóły

    Otrzymujesz spakowany kod (ZIP) plus dostęp do repozytorium GitHub Soraweb z możliwością transferu na własne konto po publikacji. Kod jest Twój: możesz zmienić hosting albo wykonawcę w dowolnym momencie, niczego nie tracisz i nikt nie trzyma Twojej strony w zakładzie.

  • Projekt graficzny

    Eksport PDF z makietą

    Szczegóły

    Pełny eksport projektu graficznego w PDF, wszystkie kluczowe ekrany, system kolorów i typografii. Możesz pokazać innym osobom z zespołu lub zachować jako dokumentację brand'u.

  • SEO i wydajność

    Widoczność w Google i szybkość od pierwszego dnia

    Szczegóły

    Struktura strony, kluczowe frazy i opisy są porządkowane przed startem, strona od publikacji ma szansę pokazywać się w wynikach wyszukiwania, bez płatnych kampanii. Do tego standard, nie dodatek: szybkie ładowanie, pełna responsywność i dopracowany układ na telefonie.

  • Hosting

    Twój hosting

    Szczegóły

    Możesz mieć własny hosting na który wrzucę pliki i przygotuję stronę do produkcji. Alternatywnie hosting po stronie Soraweb w abonamencie miesięcznym, ze stałym wglądem dla Ciebie.

  • Domena

    Twoja domena, bez kompromisów

    Szczegóły

    Albo kupujesz domenę sam (OVH, home.pl, Namecheap, gdzie wolisz) i ja konfiguruję DNS, albo kupuję ją dla Ciebie i naliczam koszt w fakturze. Domena zawsze należy do Ciebie od dnia 1.

  • Edycja treści

    Panel CMS lub GitHub web edit + wideo

    Szczegóły

    W pakietach Z podstronami i Premium, panel CMS, w którym samodzielnie edytujesz teksty, zdjęcia i cennik, bez programisty. W pakiecie One Page, krótkie wideo (5-10 min), jak edytować podstawowe treści (telefon, godziny, ceny) przez GitHub w przeglądarce; panel CMS można dokupić w każdej chwili (od 500 zł jednorazowo).

  • Formularz i Analytics

    Resend + GA4 lub Vercel Analytics

    Szczegóły

    Konfiguruję formularz kontaktowy (Resend free, do 100 emaili dziennie) i analytics na Twoim koncie. Jeśli wolisz, zakładam konta na Twoich danych i przekazuję dostępy, wraz z nagraniem instrukcji.

  • Wsparcie

    60 dni bezpłatnego wsparcia

    Szczegóły

    Drobne poprawki, bug fixes i małe zmiany w treści przez 60 dni po publikacji, w cenie projektu. Nowe funkcje i większe zmiany wyceniam osobno, bez minimum projektu.

  • Prawa autorskie

    Klient właścicielem wszystkiego po pełnej płatności

    Szczegóły

    Po finalnej fakturze stajesz się właścicielem kodu, projektu graficznego i treści. Soraweb zachowuje wyłącznie prawo do umieszczenia projektu w portfolio (case study) i prezentacji w mediach branżowych, z zachowaniem Twojej zgody na wybór materiałów.

FAQ

Pytania o ofertę

  • Może, jeśli zrobione bez głowy. W moich projektach scena 3D ładuje się asynchronicznie, strona jest interaktywna i SEO-gotowa zanim 3D się dociągnie. Modele optymalizowane, tekstury zmniejszone, frame rate monitorowany. Cel: zero wpływu na LCP.

  • Nie. Modele mogę zaprojektować od zera (lub zlecić specjalistycznie), dobrać z bibliotek (Sketchfab, free3D) i dopracować, albo użyć Twoich własnych. Wybór ustalam z Tobą na etapie wyceny w zależności od zakresu i budżetu.

  • Tak, ale z troską. Telefony mają słabsze GPU niż laptopy, więc na mobile pokazuję uproszczoną wersję sceny (mniej poligonów, niższe tekstury) albo statyczny render gdy 3D nie ma sensu. To dorabiam standardowo, nie ekstra.

  • Tak, to częsty case. Robię tylko komponent 3D i dostarczam jako embed (iframe, web component, albo bezpośrednio React/Vue jeśli framework pasuje). Wycena indywidualna na podstawie zakresu integracji.

  • Konfiguratory produktów (samochody, meble, biżuteria), wizualizacje architektoniczne, sceny brand-experience (jak na hero stron Apple/Linear), interaktywne data viz. NIE polecam dla zwykłych stron firmowych, przerost formy nad treścią.

Zacznijmy razem

Nie musisz mieć gotowego projektu.

Wystarczy pomysł i cel, który chcesz osiągnąć. Napisz, co ma robić Twoja strona i dla kogo ma działać, w odpowiedzi dostaniesz konkretny zakres i sensowny punkt startowy.

Napisz wiadomośćZobacz wszystkie usługi