Bekuplast
konfigurator 3D
Zaprojektowanie oraz zaprogramowanie dedykowanej aplikacji webowej – konfigurator 3D skrzynek przegrodowych, dla firmy Bekuplast, z wykorzystaniem grafiki 3D, JavaScript, p5.js, php, css3 oraz html5.
Zaprojektowanie interfejsu i doświadczenia użytkownika
Wykonanie makiety graficznej do projektu z rozmieszczeniem elementów interfejsu użytkownika. Uwzględnienie kolorystyki według systemu identyfikacji wizualnej. Dobór odpowiednich ikon do interfejsu użytkownika, wybór odpowiednich technologii do realizacji poszczególnych funkcjonalności. Zaprojektowanie layoutów dla wersji mobilnej i na tablet. Wykonanie testowego prototypu projektu.
Funkcjonalność aplikacji
Aplikacja spełnia funkcję konfiguratora trójwymiarowych modeli skrzynek przegrodowych, z opcją wysyłania zapytań o konkretną ilość personalizowanych skrzynek.
Za pomocą aplikacji można:
- Wyszukać odpowiednią skrzynkę za pomocą filtracji na bazie dostępnych atrybutów.
- Wybrać kolor skrzynki z predefiniowanych kolorów RAL lub z pełnej palety kolorów.
- Przeprowadzić interakcję z modelem skrzynki 3D obracając go lub skalując.
- Nałożyć na model logotyp w formacie .jpg, .png lub .gif.
- Wysłać zapytanie o wybrany model.
- Zapisać grafikę spersonalizowanej skrzynki z renderu 3D.
Programowanie konfiguratora
Na samym początku, po opracowaniu szaty graficznej do projektu został stworzony prototyp sprawdzający możliwości wybranych technologii i ich zgodność ze specyfikacją projektu. Do renderu modeli 3D została użyta biblioteka JavaScript – p5.js odpowiedzialna za wyświetlanie, modyfikacje i manipulacje obiektami 3D w aplikacji. Layouty do aplikacji zostały zakodowane za pomocą HTML5 oraz CSS3, z uwzględnieniem responsywności projektu. Główne frontendowe funkcje takie jak filtrowanie, wybór kolorów, przeliczanie wartości liczbowych czy modyfikacje layoutów zostały napisane przy użyciu JavaScript. Natomiast funkcje odpowiedzialne za przetwarzanie zapytań, ich wysyłkę na maila oraz zapis na serwerze zostały zakodowane za pomocą PHP.
Wdrożenie konfiguratora 3D
Aplikacja po wprowadzeniu korekt od klienta została umieszczona na dedykowanej poddomenie firmy. Została zabezpieczona certyfikatem SSL, a maile generowane z programu zostały dopracowane pod kątem ich wiarygodności, tak aby nie trafiały do spamu, na szerokiej gamie skrzynek pocztowych przy użyciu autentyfikacji SMTP. Projekt był testowany przez klienta, do czasu jego pełnej akceptacji. Po akceptacji, klient wprowadził wersję angielską programu.
Projekt można zobaczyć pod adresem: 3d.bekuplast.com
Zastosowane technologie
Wykorzystane podczas projektu
Zaawansowana aplikacja 3D dla firmy Bekuplast
Firma Bekuplast — wiodący producent w branży przemysłowej — potrzebowała rozwiązania, które umożliwi klientom konfigurację produktów i wizualizację ich w trójwymiarowej przestrzeni. Celem było stworzenie aplikacji online, która prezentuje komponenty i systemy Bekuplast w realistyczny sposób, zwiększając zaufanie i ułatwiając decyzję zakupową.
Wdrożona aplikacja 3D znacząco poprawiła proces sprzedaży — klienci Bekuplast mogli samodzielnie eksperymentować z produktami, co skróciło czas decyzji zakupowej i zmniejszyło liczbę zapytań technicznych. Marka otrzymała nowoczesne narzędzie, które buduje przewagę konkurencyjną i wspiera obsługę klienta na najwyższym poziomie.
Wyzwanie
Produkty Bekuplast cechują się dużą ilością wariantów, komponentów i konfiguracji technicznych. Klientom trudno było wyobrazić sobie efekt końcowy na podstawie tradycyjnej specyfikacji. Wyzwanie polegało na przeniesieniu tych złożonych struktur do intuicyjnej aplikacji 3D, która pozwala użytkownikowi swobodnie eksperymentować z opcjami i zobaczyć produkt w akcji.
Nasze rozwiązanie
Stworzyliśmy dedykowaną aplikację opartą o silnik 3D, umożliwiającą konfigurację produktów Bekuplast, wizualizację w czasie rzeczywistym, zmianę materiałów, kolorów i komponentów, a także generowanie widoków i eksport danych technicznych. Interfejs zaprojektowaliśmy z myślą o maksymalnej prostocie użytkowania i dostępności na urządzeniach desktop i mobilnych.
Masz wizję? Wcielmy ją w życie.
Projektujemy reklamowe doświadczenia, które łączą, inspirują i konwertują.
Wyślij zapytanie
Wybierz interesujący Cię obszar. Wysyłając zapytanie online — otrzymasz 10% rabatu.
Inne realizacje
Projekty które, mówią same za siebie – zapraszamy do obejrzenia realizacji
Conceptum
WordPress development, UI i UX design
Alfa-laval
Web development, grafika 3D, e-learning
Fundacja 100 Rodzin
WordPress development, UI i UX design
Poznaj szeroki wachlarz
naszych usług
Zapewniamy pełne wsparcie w zakresie strategii, kreacji, identyfikacji wizualnej i reklamy. Od projektu logo po wielokanałową kampanię — dostarczamy rozwiązania, które wyróżniają i sprzedają.
Masz ochotę dorzucić
swoją cegiełkę?
W Art Open, zawsze szukamy kompetentnych osób do pracy! Dla nas liczy się Twoja pasja i zaangażowanie. Zobacz aktualne oferty i rusz do przodu ze swoją karierą stając się częścią naszego zespołu. Zapraszamy!
Bądź na bieżąco
Zapisz się na nasz newsletter!
Zapisz się
Dołącz do naszego newslettera
Zapisz się, aby otrzymywać najnowsze informacje i inspiracje prosto na swoją skrzynkę.