{"id":740,"date":"2023-10-23T08:29:31","date_gmt":"2023-10-23T08:29:31","guid":{"rendered":"https:\/\/www.gravityjack.com\/?page_id=740"},"modified":"2024-01-18T15:46:47","modified_gmt":"2024-01-18T15:46:47","slug":"kraft-interactive-placemat","status":"publish","type":"page","link":"https:\/\/www.gravityjack.com\/kraft-interactive-placemat\/","title":{"rendered":"Interactive Placemat"},"content":{"rendered":"\n<div class=\"wp-block-nk-awb nk-awb portfolio_first_section nk-awb-28oGzo\" style=\"padding-top:54px\"><div class=\"nk-awb-wrap\" data-awb-type=\"image\" data-awb-image-background-size=\"contain\" data-awb-image-background-position=\"50% 0%\"><div class=\"nk-awb-inner\" style=\"opacity: 0.39;\"><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/Portfolio_Watermark-1.svg\" class=\"wp-image-538 jarallax-img\" width=\"1283\" height=\"143\" \/><\/div><\/div><div class=\"nk-awb-wrap-content is-layout-flow wp-block-awb-is-layout-flow\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h1 class=\"wp-block-heading\">INTERACTIVE PLACEMAT<\/h1>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-4 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<p>Wanting to bring a new level of fun and engagement to the casual dining experience, KraftHeinz partnered with Gravity Jack to create the Interactive Placemat experience. The dynamic mobile application for iOS and Android devices uses augmented reality technology to unlock a 3D world of games and characters by scanning a series of custom printed placemats distributed within KraftHeinz partner restaurants.<br>Within the Interactive Placemat world, users explore a 3D map where each stop brings a new gaming opportunity that includes games based on age-old classics with a Kraft-Heinz-themed twist such as Space Invaders and pop a shot. By leveraging augmented reality, these games took place on the tabletop right within the restaurant! The development of the Interactive Placemat mobile app, Gravity Jack, provided KraftHeinz and their partner restaurants a futuristic spin on traditional placemats that are fun for the whole family.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-1 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column ico_add_svg is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<h5 class=\"wp-block-heading\">Client<\/h5>\n\n\n\n<p>KraftHeinz<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"44\" height=\"51\" src=\"https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/Great_Solution-1.svg\" alt=\"\" class=\"wp-image-546\"\/><\/figure>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-3 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column ico_add_svg is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">Platforms<\/h5>\n\n\n\n<ul class=\"wp-block-list\">\n<li>iOS App Development<\/li>\n\n\n\n<li>Android App Development<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" width=\"52\" height=\"59\" src=\"https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/platforms.svg\" alt=\"\" class=\"wp-image-840\" style=\"width:50px;height:undefinedpx\"\/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div style=\"height:54px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group technologies_section\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">SERVICES<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-5 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column ico_add_svg is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">Augmented Reality<\/h5>\n\n\n\n<p>Place digital experiences within a real-world environment<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"50\" height=\"70\" src=\"https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/ar_tech-1.svg\" alt=\"\" class=\"wp-image-544\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column ico_add_svg is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">Mobile App<\/h5>\n\n\n\n<p>Deliver dynamic content to customers in new and exciting ways<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"50\" height=\"50\" src=\"https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/mobile_apps-1.svg\" alt=\"\" class=\"wp-image-543\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column ico_add_svg is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">3D Development<\/h5>\n\n\n\n<p>Realistic 3D artwork that can be viewed from any angle<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"50\" height=\"54\" src=\"https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/3d_development-1.svg\" alt=\"\" class=\"wp-image-540\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column ico_add_svg is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">Custom Animations<\/h5>\n\n\n\n<p>Movements and actions that bring 3D artwork to life<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"51\" height=\"60\" src=\"https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/custom_animation.svg\" alt=\"\" class=\"wp-image-626\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column ico_add_svg is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">Game Development<\/h5>\n\n\n\n<p>End-to-end gaming solutions that follow the latest trends and best practices<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"56\" height=\"50\" src=\"https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/game_development.svg\" alt=\"\" class=\"wp-image-611\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column ico_add_svg is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">Object Detection<\/h5>\n\n\n\n<p>Ability to scan and recognize any real-world object<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"56\" height=\"50\" src=\"https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/object_direction.svg\" alt=\"\" class=\"wp-image-566\"\/><\/figure>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group video_block\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\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\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Interactive AR Placemat For Kraft\" width=\"1778\" height=\"1000\" src=\"https:\/\/www.youtube.com\/embed\/Xf8pQV3Su8U?feature=oembed&#038;enablejsapi=1&#038;origin=https:\/\/www.gravityjack.com\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group portfolio_project_development fullwidth_section has-background\" style=\"background-color:#1d1d1d\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group portfolio_project_development_top has-white-color has-text-color\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">THE GRAVITY JACK PROCESS<\/h2>\n\n\n\n<p>Gravity Jack collaborated with the client to ensure that the designs were true to the KraftHeinz brand, engaging, and worked well for augmented reality recognition. The end result was a one of a kind placemat experience that allowed users to play games and more on top of the dining table!<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group portfolio_project_development_bottom has-white-color has-text-color\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">TIMELINE STAGES<\/h3>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-6 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 size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"175\" height=\"85\" src=\"https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/timline_stages_01-1.svg\" alt=\"\" class=\"wp-image-537\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">USER STORIES<\/h4>\n\n\n\n<p>Puts us in the shoes of a potential user to make informed decisions about the functionality and flow of the project.<\/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 size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"175\" height=\"85\" src=\"https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/timline_stages_02-1.svg\" alt=\"\" class=\"wp-image-536\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">WIREFRAMES<\/h4>\n\n\n\n<p>The blueprints of a project that put the design and development teams on the same page prior the development<\/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 size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"175\" height=\"85\" src=\"https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/timline_stages_03-1.svg\" alt=\"\" class=\"wp-image-535\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">UI\/UX Design<\/h4>\n\n\n\n<p>Integrating branding, style guides, and more to give the project cohesive look and feel<\/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 size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"175\" height=\"85\" src=\"https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/timline_stages_04-1.svg\" alt=\"\" class=\"wp-image-534\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">DEVELOPMENT<\/h4>\n\n\n\n<p>Development begins with the architecture of the project with integration tests help verify that all software is written based on the project requirements<\/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 size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"175\" height=\"85\" src=\"https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/timline_stages_05-1.svg\" alt=\"\" class=\"wp-image-533\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">QUALITY ASSURANCE<\/h4>\n\n\n\n<p>A test plan is created where the project is tested at each development milestone and again multiple times upon competition to ensure a seamless experience<\/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 size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"175\" height=\"85\" src=\"https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/timline_stages_06-1.svg\" alt=\"\" class=\"wp-image-532\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">LAUNCH<\/h4>\n\n\n\n<p>Working alongside the client, a process is established to launch the project based on the intended audience. The code is then packaged up and provided to the client!<\/p>\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-nk-awb nk-awb fullwidth_section simple_text\"><div class=\"nk-awb-wrap\" data-awb-type=\"image\" data-awb-image-background-size=\"cover\" data-awb-image-background-position=\"50% 50%\"><div class=\"nk-awb-inner\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/backdraft-regid.png\" class=\"wp-image-592 jarallax-img\" width=\"1440\" height=\"564\" srcset=\"https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/backdraft-regid.png 1440w, https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/backdraft-regid-300x118.png 300w, https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/backdraft-regid-1024x401.png 1024w, https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/backdraft-regid-500x196.png 500w, https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/backdraft-regid-800x313.png 800w, https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/backdraft-regid-1280x501.png 1280w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/div><\/div><div class=\"nk-awb-wrap-content is-layout-flow wp-block-awb-is-layout-flow\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:67.7%\">\n<h3 class=\"wp-block-heading\">PROJECT DEVELOPMENT<\/h3>\n\n\n\n<p>Gravity Jack began the project by designing a set of print placemats that featured traditional games and customized characters alongside KraftHeinz branding. Designed into the placemat is text that encourages users to download the Interactive Placemat mobile application from the Apple App Store or Google Play. The next step was developing custom computer vision technology so that any device with the application downloaded can recognize the placemat by scanning it with a mobile device\u2019s camera.<\/p>\n\n\n\n<p>Once the app is downloaded, users quickly discover that this is nothing like the traditional placemat they\u2019ve become accustomed to over the years. Scanning a placemat unlocked an augmented reality-based 3D gaming world where each stop on the map provided a new gaming opportunity. Each game was developed by Gravity Jack and featured a KraftHeinz theme that included the ability to color digital 3D characters, fling vegetables into boiling pots of water, and more! Be sure to watch the video below to see how Gravity Jack was able to seamlessly bring augmented reality into the casual dining experience!<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"231\" height=\"231\" src=\"https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/KraftHeinz-Interactive-Placemat-App-Icon-175x175-1.png\" alt=\"\" class=\"wp-image-744\" srcset=\"https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/KraftHeinz-Interactive-Placemat-App-Icon-175x175-1.png 231w, https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/KraftHeinz-Interactive-Placemat-App-Icon-175x175-1-150x150.png 150w\" sizes=\"(max-width: 231px) 100vw, 231px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-nk-awb nk-awb warframes_section fullwidth_section nk-awb-2fcBbU\" style=\"padding-top:39px;padding-bottom:39px\"><div class=\"nk-awb-wrap\" style=\"background:#2f2d30\" data-awb-type=\"image\" data-awb-parallax=\"scroll\" data-awb-parallax-speed=\"0.5\" data-awb-parallax-mobile=\"false\" data-awb-image-background-size=\"contain\" data-awb-image-background-position=\"50% 100%\"><div class=\"nk-awb-inner\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/3D-dot-grid-1-1.png\" class=\"wp-image-557 jarallax-img\" width=\"2880\" height=\"1288\" srcset=\"https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/3D-dot-grid-1-1.png 2880w, https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/3D-dot-grid-1-1-300x134.png 300w, https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/3D-dot-grid-1-1-1024x458.png 1024w, https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/3D-dot-grid-1-1-500x224.png 500w, https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/3D-dot-grid-1-1-800x358.png 800w, https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/3D-dot-grid-1-1-1280x572.png 1280w, https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/3D-dot-grid-1-1-1920x859.png 1920w\" sizes=\"(max-width: 2880px) 100vw, 2880px\" \/><\/div><\/div><div class=\"nk-awb-wrap-content is-layout-flow wp-block-awb-is-layout-flow\">\n<div class=\"wp-block-group has-white-color has-text-color\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<div style=\"height:27px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"419\" height=\"280\" src=\"https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/PlacematRender_2-1.png\" alt=\"\" class=\"wp-image-745\" srcset=\"https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/PlacematRender_2-1.png 419w, https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/PlacematRender_2-1-300x200.png 300w\" sizes=\"(max-width: 419px) 100vw, 419px\" \/><\/figure><\/div><\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<h3 class=\"wp-block-heading\">3D DEVELOPMENT<\/h3>\n\n\n\n<p>All gaming aspects of this project required Gravity Jack to custom develop a series of KraftHeinz themed 3D models that could be displayed in AR.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column ico_add_svg is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">3D Development<\/h5>\n\n\n\n<p>Realistic 3D artwork that can be viewed from any angle<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"44\" height=\"49\" src=\"https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/3D_Modeling_white.svg\" alt=\"\" class=\"wp-image-815\"\/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div style=\"height:27px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group app_tutorial fullwidth_section has-background\" style=\"background-color:#f0f0f0\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div style=\"height:57px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1410\" height=\"510\" src=\"https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/Frame-2031-1.jpg\" alt=\"\" class=\"wp-image-776\" srcset=\"https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/Frame-2031-1.jpg 1410w, https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/Frame-2031-1-300x109.jpg 300w, https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/Frame-2031-1-1024x370.jpg 1024w, https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/Frame-2031-1-500x181.jpg 500w, https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/Frame-2031-1-800x289.jpg 800w, https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/Frame-2031-1-1280x463.jpg 1280w\" sizes=\"(max-width: 1410px) 100vw, 1410px\" \/><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group app_tutorial fullwidth_section has-background\" style=\"background-color:#f0f0f0\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-10 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<h3 class=\"wp-block-heading\">CUSTOM DESIGNS<\/h3>\n\n\n\n<p>Gravity Jack began the design process by customizing a series of printed placemats that included traditional placemat games alongside characters. These placemats were then distributed within KraftHeinz partner restaurants.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column ico_add_svg is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">Object Detection<\/h5>\n\n\n\n<p>Users scanned the placemats to activate the AR content<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"50\" height=\"50\" src=\"https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/Design-Services.svg\" alt=\"\" class=\"wp-image-763\"\/><\/figure>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group mobile_design\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-11 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<h3 class=\"wp-block-heading\">LANDSCAPE MOBILE DESIGNS<\/h3>\n\n\n\n<p>To optimize the overall gaming experience Gravity Jack integrated the ability for users to enjoy the experience in landscape mode.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column ico_add_svg is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">User Experience Design<\/h5>\n\n\n\n<p>Enhancing the user\u2019s overall experience through thoughtful digital designs<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"50\" height=\"50\" src=\"https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/mobile_apps-1.svg\" alt=\"\" class=\"wp-image-543\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"swiper porfolio_portreit_mobile_2\">\n    <div class=\"swiper-wrapper\">\n\n\n\n<figure class=\"wp-block-image size-full swiper-slide\"><img loading=\"lazy\" decoding=\"async\" width=\"540\" height=\"523\" src=\"https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/New-Project-78.png\" alt=\"\" class=\"wp-image-761\" srcset=\"https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/New-Project-78.png 540w, https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/New-Project-78-300x291.png 300w, https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/New-Project-78-500x484.png 500w\" sizes=\"(max-width: 540px) 100vw, 540px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full swiper-slide\"><img loading=\"lazy\" decoding=\"async\" width=\"540\" height=\"523\" src=\"https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/New-Project-77.png\" alt=\"\" class=\"wp-image-760\" srcset=\"https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/New-Project-77.png 540w, https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/New-Project-77-300x291.png 300w, https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/New-Project-77-500x484.png 500w\" sizes=\"(max-width: 540px) 100vw, 540px\" \/><\/figure>\n\n\n\n<\/div>\r\n<div class=\"swiper-pagination\"><\/div>\r\n  <\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group final_delivery fullwidth_section has-white-color has-text-color has-background\" style=\"background-color:#1d1d1d\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div style=\"height:27px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">FINAL DELIVERY<\/h3>\n\n\n\n<p>In collaboration with Gravity Jack, KraftHeinz brought a digital application that was completely unique to the dining experience. The KraftHeinz mobile application brought traditional placemats to life through augmented reality.<\/p>\n\n\n\n<div style=\"height:54px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-12 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column ico_add_svg is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">The Goal<\/h5>\n\n\n\n<p>Instead of handing families dining out a box of crayons and a typical placemat that can be drawn on, KraftHeinz wanted to engage customers through technology.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"53\" height=\"50\" src=\"https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/Web_Design_white-1.svg\" alt=\"\" class=\"wp-image-529\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column ico_add_svg is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">Gravity Jack\u2019s Solution<\/h5>\n\n\n\n<p>Design a set of print placemats that can bring traditional games and customized characters to life when scanned with a mobile divide.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"53\" height=\"50\" src=\"https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/Web_Design_white-1.svg\" alt=\"\" class=\"wp-image-529\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column ico_add_svg is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">The Result<\/h5>\n\n\n\n<p>A dynamic mobile application for iOS and Android devices uses augmented reality technology to unlock a 3D world of games and characters by scanning a series of custom printed placemats distributed within KraftHeinz partner restaurants.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"53\" height=\"50\" src=\"https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/Web_Design_white-1.svg\" alt=\"\" class=\"wp-image-529\"\/><\/figure>\n<\/div>\n<\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>SERVICES Augmented Reality Place digital experiences within a real-world environment Mobile App Deliver dynamic content to customers in new and exciting ways 3D Development Realistic 3D artwork that can be viewed from any angle Custom Animations Movements and actions that bring 3D artwork to life Game Development End-to-end gaming solutions that follow the latest trends <a href=\"https:\/\/www.gravityjack.com\/kraft-interactive-placemat\/\" class=\"more-link\">&#8230;<span class=\"screen-reader-text\">  Interactive Placemat<\/span><\/a><\/p>\n","protected":false},"author":9,"featured_media":741,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-portfolio-item.php","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-740","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Interactive Placemat - Gravity Jack<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.gravityjack.com\/kraft-interactive-placemat\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Interactive Placemat - Gravity Jack\" \/>\n<meta property=\"og:description\" content=\"SERVICES Augmented Reality Place digital experiences within a real-world environment Mobile App Deliver dynamic content to customers in new and exciting ways 3D Development Realistic 3D artwork that can be viewed from any angle Custom Animations Movements and actions that bring 3D artwork to life Game Development End-to-end gaming solutions that follow the latest trends ... Interactive Placemat\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.gravityjack.com\/kraft-interactive-placemat\/\" \/>\n<meta property=\"og:site_name\" content=\"Gravity Jack\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-18T15:46:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/Desktop-Header-Background-7-scaled-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1440\" \/>\n\t<meta property=\"og:image:height\" content=\"541\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.gravityjack.com\/kraft-interactive-placemat\/\",\"url\":\"https:\/\/www.gravityjack.com\/kraft-interactive-placemat\/\",\"name\":\"Interactive Placemat - Gravity Jack\",\"isPartOf\":{\"@id\":\"https:\/\/www.gravityjack.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.gravityjack.com\/kraft-interactive-placemat\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.gravityjack.com\/kraft-interactive-placemat\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/Desktop-Header-Background-7-scaled-1.jpg\",\"datePublished\":\"2023-10-23T08:29:31+00:00\",\"dateModified\":\"2024-01-18T15:46:47+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.gravityjack.com\/kraft-interactive-placemat\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.gravityjack.com\/kraft-interactive-placemat\/#primaryimage\",\"url\":\"https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/Desktop-Header-Background-7-scaled-1.jpg\",\"contentUrl\":\"https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/Desktop-Header-Background-7-scaled-1.jpg\",\"width\":1440,\"height\":541},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.gravityjack.com\/#website\",\"url\":\"https:\/\/www.gravityjack.com\/\",\"name\":\"Gravity Jack\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.gravityjack.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Interactive Placemat - Gravity Jack","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.gravityjack.com\/kraft-interactive-placemat\/","og_locale":"en_US","og_type":"article","og_title":"Interactive Placemat - Gravity Jack","og_description":"SERVICES Augmented Reality Place digital experiences within a real-world environment Mobile App Deliver dynamic content to customers in new and exciting ways 3D Development Realistic 3D artwork that can be viewed from any angle Custom Animations Movements and actions that bring 3D artwork to life Game Development End-to-end gaming solutions that follow the latest trends ... Interactive Placemat","og_url":"https:\/\/www.gravityjack.com\/kraft-interactive-placemat\/","og_site_name":"Gravity Jack","article_modified_time":"2024-01-18T15:46:47+00:00","og_image":[{"width":1440,"height":541,"url":"https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/Desktop-Header-Background-7-scaled-1.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.gravityjack.com\/kraft-interactive-placemat\/","url":"https:\/\/www.gravityjack.com\/kraft-interactive-placemat\/","name":"Interactive Placemat - Gravity Jack","isPartOf":{"@id":"https:\/\/www.gravityjack.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.gravityjack.com\/kraft-interactive-placemat\/#primaryimage"},"image":{"@id":"https:\/\/www.gravityjack.com\/kraft-interactive-placemat\/#primaryimage"},"thumbnailUrl":"https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/Desktop-Header-Background-7-scaled-1.jpg","datePublished":"2023-10-23T08:29:31+00:00","dateModified":"2024-01-18T15:46:47+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.gravityjack.com\/kraft-interactive-placemat\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.gravityjack.com\/kraft-interactive-placemat\/#primaryimage","url":"https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/Desktop-Header-Background-7-scaled-1.jpg","contentUrl":"https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/10\/Desktop-Header-Background-7-scaled-1.jpg","width":1440,"height":541},{"@type":"WebSite","@id":"https:\/\/www.gravityjack.com\/#website","url":"https:\/\/www.gravityjack.com\/","name":"Gravity Jack","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.gravityjack.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.gravityjack.com\/wp-json\/wp\/v2\/pages\/740","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gravityjack.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.gravityjack.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.gravityjack.com\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gravityjack.com\/wp-json\/wp\/v2\/comments?post=740"}],"version-history":[{"count":0,"href":"https:\/\/www.gravityjack.com\/wp-json\/wp\/v2\/pages\/740\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.gravityjack.com\/wp-json\/wp\/v2\/media\/741"}],"wp:attachment":[{"href":"https:\/\/www.gravityjack.com\/wp-json\/wp\/v2\/media?parent=740"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}