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

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.

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.

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.

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ę.

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.

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.

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.

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