{"id":61774,"date":"2020-05-19T11:41:49","date_gmt":"2020-05-19T09:41:49","guid":{"rendered":"https:\/\/knorke.de\/portfolio\/g-class-experience\/"},"modified":"2026-08-27T12:46:05","modified_gmt":"2026-08-27T10:46:05","slug":"g-class-experience","status":"publish","type":"portfolio","link":"https:\/\/knorke.de\/en\/cases\/g-class-experience\/","title":{"rendered":"G-Class Experience"},"content":{"rendered":"\n<div class=\"wp-block-group kb-feature kb-feature--spacious kb-feature--top-100 is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-columns kb-feature__row is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column kb-feature__content is-layout-flow wp-block-column-is-layout-flow\">\n<h4 class=\"wp-block-heading kb-eyebrow kb-eyebrow--gray\">Efficient, Reliable, Exciting<\/h4>\n\n\n\n<h2 class=\"wp-block-heading kb-feature__title\">New Event Booking Website for the Mercedes G-Class Experience<\/h2>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-kb-accent\"\/>\n\n\n\n<p class=\"kb-feature__text wp-block-paragraph\">The G-Class Experience is no run-of-the-mill test drive. On an incredible 100,000 m2, Mercedes shows daring adrenaline junkies where the rubber meets the road. Take the wheel and tear across action-packed test tracks in the legendary car manufacturer&#8217;s fiercest off-road vehicles. The G-Class Experience starts with the booking process on the new website. Mercedes approached us for the migration to Magento and a gripping and attractive user experience.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column kb-feature__image is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/knorke.de\/wp-content\/uploads\/2020\/05\/g-klasse-freisteller.jpg\" alt=\"Studioaufnahme einer schwarz gl\u00e4nzenden Mercedes-Benz G-Klasse mit bronzefarbenen Akzenten am Grill und den Felgen. Das Fahrzeug ist in einer Dreiviertelansicht vor wei\u00dfem Hintergrund freigestellt.\"\/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group kb-case-media has-kb-dark-bg is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-columns kb-feature__row is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image is-resized\"><img decoding=\"async\" src=\"https:\/\/knorke.de\/wp-content\/uploads\/2020\/05\/g_class_startseite-1.png\" alt=\"Schwarzes Smartphone mitder Website von G-Class Experience Center auf dem Bildschirm mit leichter Reflexion in der oberen linken Ecke.\" width=\"274\"\/><\/figure>\n\n\n\n<p class=\"kb-feature__caption wp-block-paragraph\">Home<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image is-resized\"><img decoding=\"async\" src=\"https:\/\/knorke.de\/wp-content\/uploads\/2020\/05\/g_class_buchen-1.png\" alt=\"Schwrazes frei gestelltes Smartphone mit der Website von G-Class Experience Center auf dem Bildschirm.\" width=\"274\"\/><\/figure>\n\n\n\n<p class=\"kb-feature__caption wp-block-paragraph\">G-Class booking<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image is-resized\"><img decoding=\"async\" src=\"https:\/\/knorke.de\/wp-content\/uploads\/2020\/05\/g_class_center-1.png\" alt=\"Schwarzes Smartphone mit Ausschnitt der Website von G-Class Experience Center im Bereich Das G Base Ambiente.\" width=\"274\"\/><\/figure>\n\n\n\n<p class=\"kb-feature__caption wp-block-paragraph\">G-Class Experience Center<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group kb-feature kb-feature--top-100 is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-columns kb-feature__row is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column kb-feature__content is-layout-flow wp-block-column-is-layout-flow\">\n<h4 class=\"wp-block-heading kb-eyebrow kb-eyebrow--gray\">Modern Magento Online Shop<\/h4>\n\n\n\n<h2 class=\"wp-block-heading kb-feature__title\">Elegant Mobile-First Shop for Mercedes<\/h2>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-kb-accent\"\/>\n\n\n\n<p class=\"kb-feature__text wp-block-paragraph\">When building the new store with Magento 2, we focused on mobile-first and, of course, included an equally compelling desktop version. We reviewed and improved content, compressed data, and emphasized strict image optimization right from the start, including device-dependent image output. For coding, we stuck to the Write-Less-Do-More principle and applied state-of-the-art technologies for a fast and high-performing Magento online store.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column kb-feature__image is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image is-resized\"><img decoding=\"async\" src=\"https:\/\/knorke.de\/wp-content\/uploads\/2020\/05\/g_class_startseite.gif\" alt=\"Animiertes schwarzes Smartphone mit der Website vom G-Class Experience Center auf dem Bildschirm.\" width=\"260\"\/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group kb-divider-banner kb-divider-banner--61 is-layout-flow wp-block-group-is-layout-flow\" style=\"background-image:url('https:\/\/knorke.de\/wp-content\/uploads\/2020\/05\/platzhalter1.png')\"><\/div>\n\n\n\n<div class=\"wp-block-group kb-feature kb-feature--top-100 is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-columns kb-feature__row is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column kb-feature__image is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image is-resized\"><img decoding=\"async\" src=\"https:\/\/knorke.de\/wp-content\/uploads\/2020\/05\/mockups_gyroskop_mb.gif\" alt=\"Ein Smartphone zeigt die mobile Website des \u201eG-Class Experience Center\u201c. Der Text bewirbt Offroad-Fahrten mit technischen Highlights wie Steigungen bis zu 100 % und Schr\u00e4gfahrten bis 35\u00b0. Ganz unten befinden sich auff\u00e4llige Buttons mit den Aufschriften \u201eJetzt Center entdecken\u201c und \u201eJETZT BUCHEN\u201c.\" width=\"380\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column kb-feature__content kb-feature__content--centered is-layout-flow wp-block-column-is-layout-flow\">\n<h4 class=\"wp-block-heading kb-eyebrow kb-eyebrow--gray\">Interactive Terrain Map, Transitions, and Parallax<\/h4>\n\n\n\n<h2 class=\"wp-block-heading kb-feature__title\">The Booking Experience<\/h2>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-kb-accent\"\/>\n\n\n\n<p class=\"kb-feature__text wp-block-paragraph\">Using parallax effects, smooth transitions, and an interactive map, we unlocked the G-Class Experience for the smartphone. Few clicks, an elegant and clean design, a customized icon set, and a wealth of stunning visuals deliver a pleasant, efficient, and stimulating user experience. The interactive map of the terrain brings visitors as close to the G-Class Experience Center as virtually possible.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group kb-divider-banner kb-divider-banner--60 is-layout-flow wp-block-group-is-layout-flow\" style=\"background-image:url('https:\/\/knorke.de\/wp-content\/uploads\/2020\/05\/platzhalter2-1.png')\"><\/div>\n\n\n\n<div class=\"wp-block-group kb-feature kb-feature--top-100 is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-columns kb-feature__row is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column kb-feature__content is-layout-flow wp-block-column-is-layout-flow\">\n<h4 class=\"wp-block-heading kb-eyebrow kb-eyebrow--gray\">Personalized Booking System on Magento 2<\/h4>\n\n\n\n<h2 class=\"wp-block-heading kb-feature__title\">Shop the Experience<\/h2>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-kb-accent\"\/>\n\n\n\n<p class=\"kb-feature__text wp-block-paragraph\">Mercedes was looking for a Magento 2 store to collect better user data and benefit from a modern e-commerce system. As a <a href=\"https:\/\/knorke.de\/magento-agentur\/\">Magento agency<\/a>, we didn&#8217;t have to be told twice and delivered a customized booking system to go with our Magento redesign. The booking form is compact, crisp, and user-friendly. Its message: Let&#8217;s GO!<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column kb-feature__image is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image is-resized\"><img decoding=\"async\" src=\"https:\/\/knorke.de\/wp-content\/uploads\/2020\/05\/g_class_scroll_desktop.gif\" alt=\"Animierter Mac Bildschirm mit der Website von G-Class.\" width=\"480\"\/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>The G-Class Experience is no run-of-the-mill test drive. On an incredible 100,000 m2, Mercedes shows daring adrenaline junkies where the rubber meets the road. Take the wheel and tear across action-packed test tracks in the legendary car manufacturer&#8217;s fiercest off-road vehicles. The G-Class Experience starts with the booking process on the new website. Mercedes approached us for the migration to Magento and a gripping and attractive user experience.<\/p>\n","protected":false},"featured_media":61778,"menu_order":10,"template":"","portfolio_category":[214,211],"class_list":["post-61774","portfolio","type-portfolio","status-publish","has-post-thumbnail","hentry","portfolio_category-e-commerce","portfolio_category-magento"],"_links":{"self":[{"href":"https:\/\/knorke.de\/en\/wp-json\/wp\/v2\/portfolio\/61774","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/knorke.de\/en\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/knorke.de\/en\/wp-json\/wp\/v2\/types\/portfolio"}],"version-history":[{"count":13,"href":"https:\/\/knorke.de\/en\/wp-json\/wp\/v2\/portfolio\/61774\/revisions"}],"predecessor-version":[{"id":152944,"href":"https:\/\/knorke.de\/en\/wp-json\/wp\/v2\/portfolio\/61774\/revisions\/152944"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/knorke.de\/en\/wp-json\/wp\/v2\/media\/61778"}],"wp:attachment":[{"href":"https:\/\/knorke.de\/en\/wp-json\/wp\/v2\/media?parent=61774"}],"wp:term":[{"taxonomy":"portfolio_category","embeddable":true,"href":"https:\/\/knorke.de\/en\/wp-json\/wp\/v2\/portfolio_category?post=61774"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}