{"id":5026,"date":"2026-08-24T09:15:26","date_gmt":"2026-08-24T07:15:26","guid":{"rendered":"https:\/\/test.lefx.de\/?p=5026"},"modified":"2026-09-16T15:15:19","modified_gmt":"2026-09-16T13:15:19","slug":"3d-web-visualisierung","status":"publish","type":"post","link":"https:\/\/test.lefx.de\/en\/3d-web-visualisierung\/","title":{"rendered":"3D Web-Visualisierung"},"content":{"rendered":"<figure class=\"wp-block-image alignfull lefx-pj-hero\"><img decoding=\"async\" src=\"https:\/\/test.lefx.de\/wp-content\/uploads\/2026\/08\/assembly_line_medbot.jpg\" alt=\"3D Web-Visualisierung\"\/><\/figure>\n\n\n<figure class=\"wp-block-image alignfull lefx-pj-grafik\"><img decoding=\"async\" src=\"https:\/\/test.lefx.de\/wp-content\/uploads\/2026\/08\/grafik-abschluss-header-professions.png\" alt=\"\"\/><\/figure>\n\n\n<div class=\"wp-block-group alignfull lefx-pj-band is-layout-flow wp-block-group-is-layout-flow\">\n\n<div class=\"wp-block-group lefx-pj-inner is-layout-flow wp-block-group-is-layout-flow\">\n\n<h1 class=\"wp-block-heading lefx-pj-titel\">3D Web-Visualisierung<\/h1>\n\n\n<div class=\"wp-block-group lefx-pj-galerie is-layout-flow wp-block-group-is-layout-flow\">\n\n<figure class=\"wp-block-image lefx-pj-gross\"><img decoding=\"async\" src=\"https:\/\/test.lefx.de\/wp-content\/uploads\/2026\/09\/medbot-montage-reifen.jpg\" alt=\"3D Web-Visualisierung\"\/><\/figure>\n\n\n<div class=\"wp-block-group lefx-pj-thumbs is-layout-grid wp-block-group-is-layout-grid wp-container-core-group-is-layout-68e266ba\">\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/test.lefx.de\/wp-content\/uploads\/2026\/09\/medbot-montage-reifen.jpg\" alt=\"Ansicht 1\"\/><\/figure>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/test.lefx.de\/wp-content\/uploads\/2026\/09\/medbot-fertigung.jpg\" alt=\"Ansicht 2\"\/><\/figure>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/test.lefx.de\/wp-content\/uploads\/2026\/09\/medbot-bauteile-frontal.jpg\" alt=\"Ansicht 3\"\/><\/figure>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/test.lefx.de\/wp-content\/uploads\/2026\/09\/medbot-mit-akku.jpg\" alt=\"Ansicht 4\"\/><\/figure>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/test.lefx.de\/wp-content\/uploads\/2026\/09\/medbot-ladeklappe.jpg\" alt=\"Ansicht 5\"\/><\/figure>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/test.lefx.de\/wp-content\/uploads\/2026\/09\/medbot-klinikgelaende.jpg\" alt=\"Ansicht 6\"\/><\/figure>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n\n<div class=\"wp-block-group alignfull lefx-pj-text is-layout-flow wp-block-group-is-layout-flow\">\n\n<div class=\"wp-block-group lefx-pj-text-inner is-layout-flow wp-block-group-is-layout-flow\">\n\n<div class=\"wp-block-columns lefx-pj-zwei is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n\n<h2 class=\"wp-block-heading lefx-pj-subtitel\">Meet our Bot<\/h2>\n\n\n<p class=\"lefx-pj-fliess wp-block-paragraph\">Im Rampenlicht dieser Story steht unser fiktiver MedBot, ein kleiner Medikamenten-Transport-Roboter. Wir zeigen seine Features, wie er zusammengebaut wird und beispielhaft wie er den Klinikalltag erleichtern kann.<\/p>\n\n\n<p class=\"lefx-pj-fliess wp-block-paragraph\">Aber das tun wir nicht nur um Ihnen unser niedliches Modellprojekt vorzustellen, sondern weil wir mit dieser Demo einen guten \u00dcberblick \u00fcber<strong> <\/strong>die Basic-Funktionen unseres<strong> <\/strong>interaktiven 3D-Visulaisierungs-Tools f\u00fcr Produkte und Prozesse geben k\u00f6nnen.<br>Warum wir kein \u201cechtes\u201d Kundenprojekt zeigen? Viele Projekte sind sehr spezifisch und deren Erkl\u00e4rung w\u00fcrde diesen Rahmen sprengen, au\u00dferdem unterliegt ein Gro\u00dfteil unserer Arbeit NDA-Vereinbarungen.<\/p>\n\n\n<h2 class=\"wp-block-heading lefx-pj-subtitel\">Bot in Action<\/h2>\n\n\n<p class=\"lefx-pj-fliess wp-block-paragraph\">Erleben Sie unseren MedBot in drei spannenden Szenarien:<br>Zuerst lernen Sie unseren feschen Flitzer mit all seinen Features kennen.<br>Mittels Fokuspunkten r\u00fccken wir ihn f\u00fcr Sie ins rechte Licht. Au\u00dferdem k\u00f6nnen Sie interaktiv Detailinfos einblenden, Animationen ausl\u00f6sen oder Videos abspielen.<\/p>\n\n\n<p class=\"lefx-pj-fliess wp-block-paragraph\">Anschlie\u00dfend nehmen wir sie hautnah mit zur Produktion unseres Bots. So k\u00f6nnen Sie sehen was der kleine Kerl unter der Haube hat und welche Stepps es braucht um ihn zusammenzusetzen.<\/p>\n\n\n<p class=\"lefx-pj-fliess wp-block-paragraph\">Au\u00dferdem k\u00f6nnen Sie unseren Bot in seinem nat\u00fcrlichen Lebensraum beobachten. Unser dynamischer Helfer erleichtert den Pflegekr\u00e4ften ihren Arbeitsalltag, indem er f\u00fcr sie Medikamente, Befunde und Blutproben in Rekordgeschwindigkeit \u00fcber das Klinikgel\u00e4nde transportiert.<\/p>\n\n<\/div>\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n\n<figure class=\"wp-block-image lefx-pj-bild\"><img decoding=\"async\" src=\"https:\/\/test.lefx.de\/wp-content\/uploads\/2026\/09\/medbot-explosionszeichnung.jpg\" alt=\"MedBot im Detail\"\/><\/figure>\n\n<\/div>\n\n<\/div>\n\n\n<div class=\"lefx-pj-webgl\">\n<iframe src=\"https:\/\/www.lefx.de\/storage\/public\/OE_Medbot\" title=\"Interaktive 3D-Anwendung: MedBot\" loading=\"lazy\" allowfullscreen><\/iframe>\n<\/div>\n\n\n<h2 class=\"wp-block-heading lefx-pj-subtitel\">Behind the Bot<\/h2>\n\n\n<p class=\"lefx-pj-fliess wp-block-paragraph\">Hinter dieser interaktiven Einbindung steckt eine Technologie namens WebGL (Web Graphics Library) und das Beste ist, sie ist mit jedem modernen Browser kompatibel. Das hei\u00dft, wir bringen die 3D-Visualisierung Ihres Produktes direkt auf Ihre Website und das ohne lange Ladezeiten. Das klappt nat\u00fcrlich auch mobile auf Tablet oder Smartphone und ben\u00f6tigt keine eigene App. So senken wir die mit der Installation verbundene Hemmschwelle und erh\u00f6hen Ihre Reichweite.<\/p>\n\n\n<p class=\"lefx-pj-fliess wp-block-paragraph\">Selbstverst\u00e4ndlich l\u00e4sst sich die 3D-Anwendung auch in eine App (Android oder iOS) integrieren \u2013 au\u00dferdem sind auch AR (Augmented Reality) Features oder Offlinebetrieb m\u00f6glich. Somit ist dieses Pr\u00e4sentations-Tool f\u00fcr vielf\u00e4ltige Use Cases interessant: Neben der Implementierung in Websites und Apps nutzen unsere Kund*innen die interaktive 3D-Visualisierung vor allem in Showrooms, auf Messen und Events, aber auch im direkten Kundengespr\u00e4ch.<\/p>\n\n\n<h2 class=\"wp-block-heading lefx-pj-subtitel\">Making of the Bot<\/h2>\n\n\n<p class=\"lefx-pj-fliess wp-block-paragraph\">Wir nutzen am liebsten Konstruktionsdaten, um ein m\u00f6glichst realit\u00e4tsgetreues 3D-Modell zu erstellen. Sie haben keine Konstruktionsdaten? Kein Problem! Wir k\u00f6nnen auch anhand von Fotos, Videos, 3D-Scans o.\u00e4. ein passendes 3D-Modell fertigen.<br>Richtig lebendig wird unser MedBot dank unseres Frameworks auf Basis der Unity3D Engine. Damit verkn\u00fcpfen wir spielend leicht und kosteneffizient Animationen, Kamerafahrten und Medieninhalte um so aus 3D-Modellen interaktive Erlebnisse zu entwickeln.<\/p>\n\n<\/div>\n\n<\/div>\n\n\n<div class=\"wp-block-group alignfull lefx-pj-trailer is-layout-flow wp-block-group-is-layout-flow\">\n\n<div class=\"wp-block-group lefx-pj-trailer-inner is-layout-flow wp-block-group-is-layout-flow\">\n\n<h2 class=\"wp-block-heading lefx-pj-vtitel\">Trailer<\/h2>\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio lefx-pj-video\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"ast-oembed-container\" style=\"height: 100%;\"><iframe loading=\"lazy\" title=\"3D-Content der auff\u00e4llt\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/Bj-zqJYv66s?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/div>\n<\/div><\/figure>\n\n<\/div>\n\n<\/div>\n\n\n<div class=\"wp-block-group alignfull lefx-pt-tour is-layout-flow wp-block-group-is-layout-flow\">\n\n<div class=\"wp-block-group lefx-pt-band is-layout-flow wp-block-group-is-layout-flow\">\n\n<div class=\"wp-block-group lefx-pt-inner is-layout-flow wp-block-group-is-layout-flow\">\n\n<figure class=\"wp-block-image lefx-pt-bild\"><img decoding=\"async\" src=\"https:\/\/test.lefx.de\/wp-content\/uploads\/2026\/09\/medbot-klinikgelaende.jpg\" alt=\"MedBot auf dem Klinikgelaende\"\/><\/figure>\n\n\n<div class=\"wp-block-group lefx-pt-spalte is-layout-flow wp-block-group-is-layout-flow\">\n\n<h2 class=\"wp-block-heading lefx-pt-titel\">Best of Bot<\/h2>\n\n\n<p class=\"lefx-pt-text wp-block-paragraph\">Mit dieser ansprechenden Visualisierung setzen wir unseren MedBot samt seiner Funktion dreidimensional in Szene. Dank diesem interaktiven Infotainment sparen wir uns langwierige Erkl\u00e4rtexte und sorgen f\u00fcr eine au\u00dfergew\u00f6hnliche Brand Experience, die digitale Erlebnisse schafft. So erm\u00f6glichen wir es auch virtuell eine emotionale Bindung zu unserem Produkt aufzubauen und steigern nebenbei die Interaction Rate sowie das Google-Ranking unserer Website.<\/p>\n\n\n<p class=\"lefx-pt-text wp-block-paragraph\">Sie fragen sich, was WebGL und wir f\u00fcr Sie tun k\u00f6nnen? Hier eine kleine Zusammenfassung! Lassen Sie ihrer Fantasie freien Lauf und wir helfen Ihnen bei der Inszenierung und Umsetzung! Klingt spannend? In unserem &#x1f449; <a href=\"https:\/\/www.lefx.de\/interaktive-3d-visualisierung-die-neue-dimension-der-digitalen-kommunikation\/\">Blog<\/a> haben wir das Thema interaktive Visualisierungen mit WebGL nochmal genauer unter die Lupe genommen.<\/p>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n\n<div class=\"wp-block-group alignfull lefx-pa-abschluss is-layout-flow wp-block-group-is-layout-flow\">\n\n<figure class=\"wp-block-image alignfull lefx-pa-grafik\"><img decoding=\"async\" src=\"https:\/\/test.lefx.de\/wp-content\/uploads\/2026\/08\/image-mint.overlay.png\" alt=\"\"\/><\/figure>\n\n\n<div class=\"wp-block-group lefx-pa-inner is-layout-flow wp-block-group-is-layout-flow\">\n\n<div class=\"wp-block-group lefx-pa-box is-layout-flow wp-block-group-is-layout-flow\">\n\n<p class=\"lefx-pa-vorzeile wp-block-paragraph\">Gef\u00e4llt Ihnen was Sie sehen?<\/p>\n\n\n<h2 class=\"wp-block-heading lefx-pa-boxtitle\">Ihr Projekt k\u00f6nnte das n\u00e4chste sein<\/h2>\n\n\n<div class=\"wp-block-buttons lefx-pa-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n\n<div class=\"wp-block-button lefx-pa-btn\"><a class=\"wp-block-button__link wp-element-button\" href=\"\/en\/kontakt\/\">Los gehts!<\/a><\/div>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/div>","protected":false},"excerpt":{"rendered":"<p>3D Web-Visualisierung Meet our Bot Im Rampenlicht dieser Story steht unser fiktiver MedBot, ein kleiner Medikamenten-Transport-Roboter. Wir zeigen seine Features, wie er zusammengebaut wird und beispielhaft wie er den Klinikalltag erleichtern kann. Aber das tun wir nicht nur um Ihnen unser niedliches Modellprojekt vorzustellen, sondern weil wir mit dieser Demo einen guten \u00dcberblick \u00fcber die [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[1],"tags":[],"class_list":["post-5026","post","type-post","status-publish","format-standard","hentry","category-allgemein"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"LeFx Admin","author_link":"https:\/\/test.lefx.de\/en\/author\/lefx-admin\/"},"uagb_comment_info":0,"uagb_excerpt":"3D Web-Visualisierung Meet our Bot Im Rampenlicht dieser Story steht unser fiktiver MedBot, ein kleiner Medikamenten-Transport-Roboter. Wir zeigen seine Features, wie er zusammengebaut wird und beispielhaft wie er den Klinikalltag erleichtern kann. Aber das tun wir nicht nur um Ihnen unser niedliches Modellprojekt vorzustellen, sondern weil wir mit dieser Demo einen guten \u00dcberblick \u00fcber die&hellip;","_links":{"self":[{"href":"https:\/\/test.lefx.de\/en\/wp-json\/wp\/v2\/posts\/5026","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/test.lefx.de\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/test.lefx.de\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/test.lefx.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/test.lefx.de\/en\/wp-json\/wp\/v2\/comments?post=5026"}],"version-history":[{"count":7,"href":"https:\/\/test.lefx.de\/en\/wp-json\/wp\/v2\/posts\/5026\/revisions"}],"predecessor-version":[{"id":5419,"href":"https:\/\/test.lefx.de\/en\/wp-json\/wp\/v2\/posts\/5026\/revisions\/5419"}],"wp:attachment":[{"href":"https:\/\/test.lefx.de\/en\/wp-json\/wp\/v2\/media?parent=5026"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/test.lefx.de\/en\/wp-json\/wp\/v2\/categories?post=5026"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/test.lefx.de\/en\/wp-json\/wp\/v2\/tags?post=5026"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}