# Jak Koji Studio użyło Spline, by stworzyć prezentację produktu w 3D - Spline customers (https://spline.design/pl/customers/koji-studio)

> Koji Studio użyło Spline, by zamienić statyczne zdjęcia produktu w prezentację 3D sterowaną przewijaniem – bardziej angażujące i zapadające w pamięć doświadczenie, które podkreśla innowacyjność i kunszt klienta.

[Klienci](https://spline.design/pl/customers)

21 sierpnia 2025 · Historia klienta · KOJI

# Jak Koji Studio użyło Spline, by stworzyć prezentację produktu w 3D

Koji Studio użyło Spline, by zamienić statyczne zdjęcia produktu w prezentację 3D sterowaną przewijaniem – bardziej angażujące i zapadające w pamięć doświadczenie, które podkreśla innowacyjność i kunszt klienta.

Gdy Ori, firma z branży technologii medycznych, przygotowywała stronę dla swojego nowego skanera dentystycznego 3D, wyzwanie było jasne: jak przekazać precyzję i innowacyjność fizycznego urządzenia w sposób, który w sieci będzie równie innowacyjny?

Firma chciała wprowadzić na rynek nowe urządzenie – Ori Intraoral Scanner. To skaner dentystyczny 3D, który pomaga dentystom tworzyć bardzo dokładne cyfrowe modele zębów pacjentów w czasie rzeczywistym.

Chcąc wyjść poza statyczne zdjęcia i filmy, by pokazać klientom zaawansowanie techniczne produktu, firma zwróciła się do KOJI Agency jako zespołu kreatywnego odpowiedzialnego za premierę.

Zespół KOJI postanowił wykorzystać integrację Spline z Webflow, by stworzyć interaktywne cyfrowe doświadczenie 3D, dzięki któremu skaner w sieci wydaje się tak namacalny jak w dłoni dentysty.

Interaktywna strona 3D Ori Scan sterowana przewijaniem

## Wszechstronny zespół projektowy otwarty na nowe narzędzia

W zespole KOJI Agency, który stworzył obecność Ori Scan w sieci, byli Pavel, Slava, Nikita i Liza – doświadczeni projektanci z wieloma projektami dla klientów na koncie.

Mając ponad 20 lat doświadczenia w brandingu, identyfikacji i doświadczeniach cyfrowych, budowali wszystko – od modułowych systemów reklamowych po immersyjne strony narracyjne.

Ich siłą jest bycie „full-stack designerami” – łączą myślenie produktowe, projektowanie wizualne, interakcje i kod.

> Ciągle szukamy, ciągle próbujemy znaleźć nowe narzędzia. Tak trafiliśmy na Spline.

**Slava Sheykin**, Full-Stack Designer at KOJI

## Spline jako klucz do interaktywności

Kierownictwu Ori Scan nie chodziło o kolejną stronę produktu medycznego. Chcieli doświadczenia, które wyróżni się w oczach dentystów i profesjonalistów z branży medycznej.

Zespół KOJI uznał interaktywne 3D za najlepsze medium, by podkreślić innowacyjność skanera, a wybór Spline był równie przemyślany.

Odwiedzający obracają i oglądają skaner, przewijając stronę

Zespół wiedział, że potrzebuje elastyczności, by szybko iterować, optymalizować wydajność i interaktywnie prezentować projekt skanera na różnych urządzeniach.

> Spline był wszędzie w środowisku projektantów. Ten projekt był idealną okazją, by w końcu go użyć, a płynna integracja z Webflow jeszcze ułatwiła decyzję.

**Pavel Dergachev**, Founder & Creative Director at KOJI

## Proces projektowy: od CAD i optymalizacji wielokątów do dopracowanego doświadczenia w sieci

Proces zaczął się od technicznych plików CAD Ori Scan, które agencja dopracowała i zoptymalizowała przed przeniesieniem do Spline.

Praca przebiegała iteracyjnie – z wyważaniem liczby wielokątów, materiałów i oświetlenia, by osiągnąć równowagę między atrakcyjnym wyglądem a płynnym działaniem w sieci.

Spline połączył techniczną i kreatywną stronę procesu. Narzędzia wydajności dały zespołowi jasny wgląd w optymalizację modelu i zapewniły płynną integrację na różnych urządzeniach. System zdarzeń ułatwił ustawienie interaktywnego ruchu, a wszechstronne narzędzia materiałów i oświetlenia pomogły dopracować wygląd produktu, by w sieci prezentował się elegancko i realistycznie.

Modele 3D i finalna implementacja mobilna

Jeden z najbardziej wyróżniających się detali? Model 3D zębów. Aby pokazać skaner w działaniu, zespół wymodelował w Spline naturalnie wyglądające zęby – istotny element, dzięki któremu demo było wiarygodne.

Ta dbałość o szczegóły sprawiła, że demo stało się czymś więcej niż techniczną prezentacją. Łącząc realizm z interaktywnością, zespół stworzył historię produktu, która była autentyczna, angażująca i bezpośrednio związana z tym, jak dentyści faktycznie używają skanera.

> To była zabawa, ale też kluczowa sprawa. Skoro skaner służy do skanowania zębów, model 3D musiał wyglądać i sprawiać wrażenie naturalnego.

**Liza Grin**, Digital Producer at KOJI

Od góry: finalna implementacja, oryginalne modele 3D i pierwszy szkic

## Integracja z Webflow

Zespół KOJI oparł się na Spline, by ożywić produkt Ori Scan, a na natywnej integracji Spline z Webflow – by płynnie wdrożyć zasoby 3D na stronie.

Dzięki temu można było połączyć animacje sterowane przewijaniem z interaktywnym 3D, pozwalając odwiedzającym obracać i oglądać skaner podczas przewijania strony.

> To bardzo proste i szybkie. Próg wejścia jest niski – nawet młodsi projektanci mogą się włączyć i zintegrować 3D z Webflow.

Natywna integracja Spline z Webflow

## Dlaczego interaktywność ma znaczenie

Dla Ori Scan interaktywna prezentacja produktu w 3D nie była kwestią samej estetyki. Chodziło o przejrzystość i siłę przekazu. Pozwalając klientom przewijać produkt, obracać go i poznawać jego funkcje w kontekście, stworzyli doświadczenie, które wykraczało daleko poza możliwości statycznych zdjęć czy wideo.

> Interaktywność zmienia wszystko. Sprawia, że produkt wydaje się prawdziwy. A co ważniejsze, pomaga klientowi opowiedzieć swoją historię w sposób, który wydaje się innowacyjny.

## Zacznij ze Spline

Zespół KOJI nadal eksperymentuje ze Spline. Dla nich ten projekt otworzył nowy rozdział, w którym 3D i projektowanie interaktywne nie są już „miłym dodatkiem”, lecz podstawą opowiadania historii produktów.

To zachwycający wizualnie przykład tego, jak interaktywność może zamienić projektowanie cyfrowego produktu w doświadczenie, które wydaje się prawdziwe.

[Skontaktuj się z działem sprzedaży](https://spline.design/pl/enterprise)

## Więcej historii klientów

[13 kwietnia 2026 · Historia klientaJak Lynksen ożywiło stronę złożonej platformy B2B dzięki Spline](https://spline.design/pl/customers/lynksen)[2 marca 2026 · Historia klientaJak Onyx Coffee Lab tworzy interaktywne 3D dla e-commerce](https://spline.design/pl/customers/onyx-coffee-lab)[24 lutego 2026 · Historia klientaJak Hermetica wzmocniła swoją markę fintech dzięki projektowaniu 3D](https://spline.design/pl/customers/hermetica)

[Spline](https://spline.design/pl)

Edytor 3D i 2D dla zespołów i ich agentów. Publikuj w sieci, na iOS i Androidzie.

#### Zapytaj AI o Spline

#### Produkty

- [Projektowanie 3D](https://spline.design/pl/3d-design)
- [Hana](https://spline.design/pl/hana)
- [Omma](https://omma.build)
- [Generowanie 3D z AI](https://spline.design/pl/ai-generate)
- [Spline MCP](https://spline.design/pl/mcp)
- [Spline Arena](https://spline.design/pl/arena)
- [Cennik](https://spline.design/pl/pricing)
- [Dla firm](https://spline.design/pl/enterprise)

#### Runtimes

- [Web](https://spline.design/pl/web)
- [iOS](https://spline.design/pl/ios)
- [Android](https://spline.design/pl/android)

#### Aplikacje

- [Pobierz](https://spline.design/pl/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Pobierz Spline Mirror](https://spline.design/download-mirror)

#### Nauka

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/pl/academy)
- [API Spline](https://www.npmjs.com/package/@splinetool/runtime)
- [Rozwiązania](https://spline.design/solutions)

#### Społeczność

- [Społeczność Spline](https://community.spline.design)
- [Blog](https://spline.design/pl/blog)
- [Dziennik zmian](https://spline.design/pl/changelog)
- [Edukacja](https://spline.design/pl/education)
- [Contra](https://spline.design/contra)
- [Program partnerski](https://spline.design/pl/affiliate)

#### Firma

- [Klienci](https://spline.design/pl/customers)
- [Kariera](https://www.ycombinator.com/companies/spline/jobs)
- [Bezpieczeństwo](https://spline.design/pl/security)

#### Informacje prawne

- [Regulamin](https://spline.design/terms)
- [Prywatność](https://spline.design/privacy)

#### Kontakt

- [help@spline.design](mailto:help@spline.design)
- [jobs@spline.design](mailto:jobs@spline.design)

© 2026 - Spline, Inc.
