{"id":716,"date":"2024-04-10T14:21:35","date_gmt":"2024-04-10T18:21:35","guid":{"rendered":"https:\/\/jg.qc.ca\/prototyping\/"},"modified":"2026-10-17T18:04:11","modified_gmt":"2026-10-17T22:04:11","slug":"prototyping","status":"publish","type":"page","link":"https:\/\/jg.qc.ca\/en\/prototyping\/","title":{"rendered":"Prototyping"},"content":{"rendered":"<section class=\"jg-service-hero alignfull wp-block-service-hero\">\n\n  <div class=\"jg-service-hero__frame relative bg-jg-grey-700\">\n\n          \n      <div class=\"jg-service-hero__crumbs relative z-20 px-5 py-3.5 lg:absolute lg:top-9 lg:p-0\">\n        <nav class=\"jg-crumbs jg-crumbs--dark\" aria-label=\"Breadcrumb\" >\n        <ol class=\"jg-crumbs__list\" itemscope itemtype=\"https:\/\/schema.org\/BreadcrumbList\">\n                            <li class=\"jg-crumbs__crumb\" itemprop=\"itemListElement\" itemscope itemtype=\"https:\/\/schema.org\/ListItem\">\n                                            <a href=\"https:\/\/jg.qc.ca\/en\/\" class=\"jg-crumbs__home\" itemprop=\"item\">\n                            \n                            <span class=\"jg-crumbs__disc\" aria-hidden=\"true\">\n                                <img decoding=\"async\"\n                                    src=\"https:\/\/jg.qc.ca\/wp-content\/themes\/minustwenty_jg_v2\/resources\/images\/icons\/logo-small.svg\"\n                                    alt=\"Home\"\n                                    title=\"Home\"\n                                    width=\"512\"\n                                    height=\"512\"\n                                    fetchpriority=\"low\"\n                                    class=\"jg-crumbs__mark\"\n                                \/>\n                            <\/span>\n                            <span class=\"jg-crumbs__home-label\" itemprop=\"name\">Home<\/span>\n                        <\/a>\n                    \n                    <meta itemprop=\"position\" content=\"1\" \/>\n\n                                            <svg class=\"jg-crumbs__sep\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m8.25 4.5 7.5 7.5-7.5 7.5\"\/>\n<\/svg>                                    <\/li>\n                            <li class=\"jg-crumbs__crumb\" itemprop=\"itemListElement\" itemscope itemtype=\"https:\/\/schema.org\/ListItem\">\n                                            <span class=\"jg-crumbs__current\" aria-current=\"page\" itemprop=\"name\">Prototyping<\/span>\n                    \n                    <meta itemprop=\"position\" content=\"2\" \/>\n\n                                    <\/li>\n                    <\/ol>\n    <\/nav>\n      <\/div>\n    \n    <div class=\"jg-service-hero__media relative h-[290px] overflow-hidden bg-jg-grey-700 lg:absolute lg:inset-0 lg:h-auto\">\n              <img width=\"2560\" height=\"1195\" src=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-operateur-massicot.webp\" class=\"absolute inset-0 h-full w-full object-cover object-[54%_44%] lg:object-[52%_44%]\" alt=\"Operator at the cutting station in Production JG&#039;s Montreal shop\" loading=\"eager\" fetchpriority=\"high\" decoding=\"async\" sizes=\"100vw\" srcset=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-operateur-massicot.webp 2560w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-operateur-massicot-300x140.webp 300w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-operateur-massicot-1920x896.webp 1920w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-operateur-massicot-768x359.webp 768w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-operateur-massicot-1536x717.webp 1536w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-operateur-massicot-2048x956.webp 2048w\" title=\"\">\n      \n      <span class=\"jg-service-hero__veil absolute inset-0\" aria-hidden=\"true\"><\/span>\n    <\/div>\n\n    <div class=\"jg-service-hero__content relative z-10 flex flex-col items-start gap-[18px] bg-jg-grey-700 px-5 pt-1 pb-9 lg:min-h-[660px] lg:max-w-[840px] lg:justify-end lg:px-0 lg:gap-[22px] lg:bg-transparent lg:pt-28 lg:pb-14\">\n\n      <span class=\"jg-eyebrow jg-eyebrow--sm jg-eyebrow--dark\" >\n        <span class=\"jg-eyebrow__lead\">Our <\/span>        <span class=\"jg-eyebrow__accent\">services<\/span>    <\/span>\n\n      <h1 class=\"m-0 text-[38px] leading-[1.02] font-extrabold tracking-[-0.035em] text-balance text-jg-white lg:text-[66px] lg:leading-none\">\n        Packaging Prototypes and Mock-Ups\n      <\/h1>\n\n              <p class=\"m-0 max-w-[600px] text-base leading-[1.6] text-pretty text-jg-grey-400 lg:text-[19px] lg:leading-[1.55]\">\n          Boxes, gift boxes, sleeves and labels: we make printed packaging mock-ups and prototypes that look like your final product, at our downtown Montreal shop. From a single box, with structural design and cutting in-house.\n        <\/p>\n      \n              \n        <div class=\"jg-service-hero__actions flex w-full flex-col gap-2.5 lg:mt-1.5 lg:w-auto lg:flex-row lg:flex-wrap lg:items-center lg:gap-3.5\">\n\n                      \n            <a\n    href=\"https:\/\/jg.qc.ca\/en\/contact-form\/?sujet=estimation\"\n    class=\"jg-btn jg-btn--primary-dark jg-btn--lg jg-btn--wide\"\n            \n>\n    \n    Request a quote\n\n    <\/a>\n          \n                      <a\n    href=\"tel:5148442897\"\n    class=\"jg-btn jg-btn--outline-white jg-btn--lg jg-btn--no-token jg-service-hero__phone\"\n            \n>\n            <span class=\"jg-btn__icon\" aria-hidden=\"true\">\n            <svg class=\"h-[18px] w-[18px] text-jg-lime-500\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 0 0 2.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 0 1-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 0 0-1.091-.852H4.5A2.25 2.25 0 0 0 2.25 4.5v2.25Z\"\/>\n<\/svg>\n        <\/span>\n    \n    (514) 844-2897\n\n    <\/a>\n          \n        <\/div>\n      \n      \n    <\/div>\n\n  <\/div>\n\n      <ul class=\"jg-service-hero__bar m-0 flex list-none flex-col gap-3 border-t-[3px] border-b border-jg-lime-500 border-b-jg-grey-200 bg-jg-grey-100 py-5.5 text-[13.5px] font-semibold text-jg-grey-430 lg:flex-row lg:items-center lg:gap-9 lg:py-5.5\">\n              <li class=\"flex items-center gap-2.5\">\n          <span class=\"h-1.5 w-1.5 flex-none rounded-full bg-jg-lime-500\" aria-hidden=\"true\"><\/span>\n          From a single box\n        <\/li>\n              <li class=\"flex items-center gap-2.5\">\n          <span class=\"h-1.5 w-1.5 flex-none rounded-full bg-jg-lime-500\" aria-hidden=\"true\"><\/span>\n          Structural design and dielines\n        <\/li>\n              <li class=\"flex items-center gap-2.5\">\n          <span class=\"h-1.5 w-1.5 flex-none rounded-full bg-jg-lime-500\" aria-hidden=\"true\"><\/span>\n          Digital cutting, no die needed\n        <\/li>\n              <li class=\"flex items-center gap-2.5\">\n          <span class=\"h-1.5 w-1.5 flex-none rounded-full bg-jg-lime-500\" aria-hidden=\"true\"><\/span>\n          Assembly and shipping\n        <\/li>\n      \n              <li class=\"hidden items-center gap-2.5 lg:ml-auto lg:flex\">\n          <span class=\"h-1.5 w-1.5 flex-none rounded-full bg-jg-lime-500\" aria-hidden=\"true\"><\/span>\n          432 Saint-Pierre Street, Montreal\n        <\/li>\n          <\/ul>\n  \n<\/section>\n\n\n<section class=\"jg-brief bg-white py-14 lg:py-24 alignfull wp-block-answer-brief\">\n  <div class=\"mx-auto grid w-[min(var(--align-wide),calc(100%-40px))] gap-7 lg:grid-cols-[1fr_1.08fr] lg:items-start lg:gap-24\">\n\n    <div class=\"flex flex-col gap-[18px] lg:gap-6\">\n      \n      <h2 class=\"jg-eyebrow jg-eyebrow--lg\" >\n        <span class=\"jg-eyebrow__lead\">Our prototyping <\/span>        <span class=\"jg-eyebrow__accent\">service<\/span>    <\/h2>\n\n              <h3 class=\"m-0 text-[29px] leading-[1.08] font-extrabold tracking-[-0.03em] text-balance text-jg-grey-700 lg:text-[44px] lg:leading-[1.05] lg:tracking-[-0.035em]\">\n          See and hold your packaging before production\n        <\/h3>\n          <\/div>\n\n    <div class=\"flex flex-col gap-[22px] lg:gap-[22px] lg:pt-2\">\n              <div class=\"text-base leading-[1.7] text-pretty text-jg-grey-430 lg:text-[18px] [&#038;_p]:m-0 [&#038;_p+p]:mt-[22px] [&#038;_p+p]:text-[15.5px] [&#038;_p+p]:lg:text-[16.5px] [&#038;_strong]:font-semibold [&#038;_strong]:text-jg-grey-700\">\n          <p>A mock-up helps you validate a format, pitch a concept to a client, run a photo shoot or test packaging on the shelf. We start from your dieline, or create the structural design for you, then print and cut the mock-up on the board you choose, including recyclable options.<\/p>\n<p>We make printed prototypes: boxes, gift boxes, labels and all kinds of packaging, as well as complete board game prototypes. We don&#8217;t do industrial product prototyping. Agencies, brands, designers and entrepreneurs: we can also assemble, kit and ship your orders.<\/p>\n\n        <\/div>\n      \n          <\/div>\n\n  <\/div>\n<\/section>\n\n\n<section class=\"jg-products alignfull wp-block-products-list\" x-data=\"jgProductsLightbox\">\n  <div class=\"mx-auto flex w-[min(var(--align-wide),calc(100%-40px))] flex-col gap-[26px] lg:gap-11\">\n\n    <div class=\"flex max-w-[680px] flex-col gap-[18px]\">\n      \n      <h2 class=\"jg-eyebrow jg-eyebrow--lg\" >\n        <span class=\"jg-eyebrow__lead\">Packaging and <\/span>        <span class=\"jg-eyebrow__accent\">mock-ups<\/span>    <\/h2>\n\n      \n              <p class=\"m-0 text-[15.5px] leading-[1.65] text-pretty text-jg-grey-430 lg:text-[16.5px]\">Boxes, gift boxes, sleeves and displays: each one can be made as a single mock-up or in small quantities.<\/p>\n          <\/div>\n\n          <ul class=\"m-0 grid list-none grid-cols-2 gap-3 p-0 lg:grid-cols-4 lg:gap-5\">\n\n                  <li class=\"min-w-0\">\n                          \n              <a\n                href=\"#jg-products-lightbox-block_a449221b84d35023bf4d6206948ff3fc-0\"\n                @click.prevent=\"open(0)\"\n                class=\"jg-products__card flex h-full flex-col no-underline\"\n              >\n                <span class=\"relative block h-[130px] overflow-hidden bg-jg-grey-200 lg:h-[200px]\">\n      \n    <img width=\"768\" height=\"512\" src=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/McCafe-boite-768x512.webp\" class=\"h-full w-full object-cover\" alt=\"Custom printed folding box for a retail product\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (min-width: 1024px) 25vw, 50vw\" srcset=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/McCafe-boite-768x512.webp 768w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/McCafe-boite-300x200.webp 300w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/McCafe-boite-1620x1080.webp 1620w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/McCafe-boite-1536x1024.webp 1536w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/McCafe-boite-2048x1366.webp 2048w\" title=\"\">\n  \n      <span class=\"jg-card-zoom-badge\" aria-hidden=\"true\">\n      <span><svg class=\"h-6 w-6\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607ZM10.5 7.5v6m3-3h-6\"\/>\n<\/svg><\/span>\n    <\/span>\n  <\/span>\n\n<span class=\"flex min-h-[56px] flex-1 items-center gap-3 px-3.5 py-3 lg:min-h-0 lg:px-5 lg:pt-5 lg:pb-[22px]\">\n  <span class=\"flex-1 text-[14.5px] leading-[1.25] font-bold tracking-[-0.01em] text-jg-grey-700 lg:text-[16.5px]\">Custom printed boxes<\/span>\n\n  <\/span>\n              <\/a>\n                      <\/li>\n                  <li class=\"min-w-0\">\n                          \n              <a\n                href=\"#jg-products-lightbox-block_a449221b84d35023bf4d6206948ff3fc-1\"\n                @click.prevent=\"open(1)\"\n                class=\"jg-products__card flex h-full flex-col no-underline\"\n              >\n                <span class=\"relative block h-[130px] overflow-hidden bg-jg-grey-200 lg:h-[200px]\">\n      \n    <img width=\"690\" height=\"388\" src=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/bol-boite-jg-1.webp\" class=\"h-full w-full object-cover\" alt=\"Printed packaging mock-up for client approval\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (min-width: 1024px) 25vw, 50vw\" srcset=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/bol-boite-jg-1.webp 690w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/bol-boite-jg-1-300x169.webp 300w\" title=\"\">\n  \n      <span class=\"jg-card-zoom-badge\" aria-hidden=\"true\">\n      <span><svg class=\"h-6 w-6\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607ZM10.5 7.5v6m3-3h-6\"\/>\n<\/svg><\/span>\n    <\/span>\n  <\/span>\n\n<span class=\"flex min-h-[56px] flex-1 items-center gap-3 px-3.5 py-3 lg:min-h-0 lg:px-5 lg:pt-5 lg:pb-[22px]\">\n  <span class=\"flex-1 text-[14.5px] leading-[1.25] font-bold tracking-[-0.01em] text-jg-grey-700 lg:text-[16.5px]\">Packaging mock-ups<\/span>\n\n  <\/span>\n              <\/a>\n                      <\/li>\n                  <li class=\"min-w-0\">\n                          \n              <a\n                href=\"#jg-products-lightbox-block_a449221b84d35023bf4d6206948ff3fc-2\"\n                @click.prevent=\"open(2)\"\n                class=\"jg-products__card flex h-full flex-col no-underline\"\n              >\n                <span class=\"relative block h-[130px] overflow-hidden bg-jg-grey-200 lg:h-[200px]\">\n      \n    <img width=\"768\" height=\"512\" src=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/boite-bouteille-768x512.webp\" class=\"h-full w-full object-cover\" alt=\"Printed presentation box for a bottle\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (min-width: 1024px) 25vw, 50vw\" srcset=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/boite-bouteille-768x512.webp 768w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/boite-bouteille-300x200.webp 300w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/boite-bouteille-1620x1080.webp 1620w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/boite-bouteille-1536x1024.webp 1536w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/boite-bouteille-2048x1366.webp 2048w\" title=\"\">\n  \n      <span class=\"jg-card-zoom-badge\" aria-hidden=\"true\">\n      <span><svg class=\"h-6 w-6\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607ZM10.5 7.5v6m3-3h-6\"\/>\n<\/svg><\/span>\n    <\/span>\n  <\/span>\n\n<span class=\"flex min-h-[56px] flex-1 items-center gap-3 px-3.5 py-3 lg:min-h-0 lg:px-5 lg:pt-5 lg:pb-[22px]\">\n  <span class=\"flex-1 text-[14.5px] leading-[1.25] font-bold tracking-[-0.01em] text-jg-grey-700 lg:text-[16.5px]\">Premium gift boxes<\/span>\n\n  <\/span>\n              <\/a>\n                      <\/li>\n                  <li class=\"min-w-0\">\n                          <div class=\"jg-products__card flex h-full flex-col\">\n                <span class=\"relative block h-[130px] overflow-hidden bg-jg-grey-200 lg:h-[200px]\">\n      <span class=\"flex h-full w-full items-center justify-center\">\n      <svg class=\"h-8 w-8 text-jg-grey-350\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m2.25 15.75 5.159-5.159a2.25 2.25 0 0 1 3.182 0l5.159 5.159m-1.5-1.5 1.409-1.409a2.25 2.25 0 0 1 3.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 0 0 1.5-1.5V6a1.5 1.5 0 0 0-1.5-1.5H3.75A1.5 1.5 0 0 0 2.25 6v12a1.5 1.5 0 0 0 1.5 1.5Zm10.5-11.25h.008v.008h-.008V8.25Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z\"\/>\n<\/svg>    <\/span>\n  \n  <\/span>\n\n<span class=\"flex min-h-[56px] flex-1 items-center gap-3 px-3.5 py-3 lg:min-h-0 lg:px-5 lg:pt-5 lg:pb-[22px]\">\n  <span class=\"flex-1 text-[14.5px] leading-[1.25] font-bold tracking-[-0.01em] text-jg-grey-700 lg:text-[16.5px]\">Packaging sleeves<\/span>\n\n  <\/span>\n              <\/div>\n                      <\/li>\n                  <li class=\"min-w-0\">\n                          <div class=\"jg-products__card flex h-full flex-col\">\n                <span class=\"relative block h-[130px] overflow-hidden bg-jg-grey-200 lg:h-[200px]\">\n      <span class=\"flex h-full w-full items-center justify-center\">\n      <svg class=\"h-8 w-8 text-jg-grey-350\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m2.25 15.75 5.159-5.159a2.25 2.25 0 0 1 3.182 0l5.159 5.159m-1.5-1.5 1.409-1.409a2.25 2.25 0 0 1 3.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 0 0 1.5-1.5V6a1.5 1.5 0 0 0-1.5-1.5H3.75A1.5 1.5 0 0 0 2.25 6v12a1.5 1.5 0 0 0 1.5 1.5Zm10.5-11.25h.008v.008h-.008V8.25Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z\"\/>\n<\/svg>    <\/span>\n  \n  <\/span>\n\n<span class=\"flex min-h-[56px] flex-1 items-center gap-3 px-3.5 py-3 lg:min-h-0 lg:px-5 lg:pt-5 lg:pb-[22px]\">\n  <span class=\"flex-1 text-[14.5px] leading-[1.25] font-bold tracking-[-0.01em] text-jg-grey-700 lg:text-[16.5px]\">Hang tags<\/span>\n\n  <\/span>\n              <\/div>\n                      <\/li>\n                  <li class=\"min-w-0\">\n                          \n              <a\n                href=\"#jg-products-lightbox-block_a449221b84d35023bf4d6206948ff3fc-5\"\n                @click.prevent=\"open(5)\"\n                class=\"jg-products__card flex h-full flex-col no-underline\"\n              >\n                <span class=\"relative block h-[130px] overflow-hidden bg-jg-grey-200 lg:h-[200px]\">\n      \n    <img width=\"768\" height=\"1024\" src=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/super-snack-babybel-jg-768x1024.webp\" class=\"h-full w-full object-cover\" alt=\"Printed cardboard counter display in a store\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (min-width: 1024px) 25vw, 50vw\" srcset=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/super-snack-babybel-jg-768x1024.webp 768w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/super-snack-babybel-jg-300x400.webp 300w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/super-snack-babybel-jg-810x1080.webp 810w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/super-snack-babybel-jg.webp 960w\" title=\"\">\n  \n      <span class=\"jg-card-zoom-badge\" aria-hidden=\"true\">\n      <span><svg class=\"h-6 w-6\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607ZM10.5 7.5v6m3-3h-6\"\/>\n<\/svg><\/span>\n    <\/span>\n  <\/span>\n\n<span class=\"flex min-h-[56px] flex-1 items-center gap-3 px-3.5 py-3 lg:min-h-0 lg:px-5 lg:pt-5 lg:pb-[22px]\">\n  <span class=\"flex-1 text-[14.5px] leading-[1.25] font-bold tracking-[-0.01em] text-jg-grey-700 lg:text-[16.5px]\">Counter displays<\/span>\n\n  <\/span>\n              <\/a>\n                      <\/li>\n        \n                  <li class=\"min-w-0\">\n            <div class=\"flex h-full flex-col justify-center gap-3 rounded-jg-lg bg-jg-grey-700 px-[18px] py-5 lg:gap-4 lg:px-[26px] lg:py-7\">\n                              <h3 class=\"m-0 text-[17px] leading-[1.15] font-extrabold tracking-[-0.02em] text-balance text-jg-white lg:text-[21px]\">\n                  Don&#039;t see your packaging?\n                <\/h3>\n              \n                              <p class=\"m-0 text-[13px] leading-[1.55] text-pretty text-jg-grey-400 lg:text-[14.5px] lg:leading-[1.6]\">Describe the product to package and what the mock-up is for, and we&#039;ll tell you what&#039;s possible.<\/p>\n              \n                              <a\n    href=\"https:\/\/jg.qc.ca\/en\/contact-form\/\"\n    class=\"jg-btn jg-btn--primary-dark jg-btn--md\"\n            \n>\n    \n    Contact us\n\n    <\/a>\n                          <\/div>\n          <\/li>\n        \n      <\/ul>\n    \n          <div\n  class=\"jg-products__lightbox\"\n  x-show=\"current !== null\"\n  x-cloak\n  x-trap.noscroll.inert=\"current !== null\"\n  @keydown.escape.window=\"close()\"\n  @keydown.arrow-right.window=\"next()\"\n  @keydown.arrow-left.window=\"prev()\"\n  @click.self=\"close()\"\n  role=\"dialog\"\n  aria-modal=\"true\"\n  aria-label=\"Product photos\"\n>\n  <button\n    type=\"button\"\n    class=\"jg-products__close\"\n    @click=\"close()\"\n    aria-label=\"Close the gallery\"\n  >\n    <svg class=\"h-6 w-6\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18 18 6M6 6l12 12\"\/>\n<\/svg>  <\/button>\n\n      \n    <figure\n      id=\"jg-products-lightbox-block_a449221b84d35023bf4d6206948ff3fc-0\"\n      class=\"jg-products__panel\"\n      data-index=\"0\"\n      data-count=\"2\"\n      :class=\"{ 'is-active': current === 0 }\"\n    >\n      <div class=\"jg-products__stage\">\n                  <div\n            class=\"jg-products__slide is-active\"\n            :class=\"{ 'is-active': current === 0 &#038;&#038; slide === 0 }\"\n          >\n            <img width=\"2160\" height=\"1440\" src=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/McCafe-boite-2160x1440.webp\" class=\"jg-products__image\" alt=\"Custom printed folding box for a retail product\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (min-width: 1024px) 80vw, 100vw\" srcset=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/McCafe-boite-2160x1440.webp 2160w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/McCafe-boite-300x200.webp 300w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/McCafe-boite-1620x1080.webp 1620w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/McCafe-boite-768x512.webp 768w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/McCafe-boite-1536x1024.webp 1536w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/McCafe-boite-2048x1366.webp 2048w\" title=\"\">\n          <\/div>\n                  <div\n            class=\"jg-products__slide\"\n            :class=\"{ 'is-active': current === 0 &#038;&#038; slide === 1 }\"\n          >\n            <img width=\"2161\" height=\"1440\" src=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/boite-vache-qui-rit-2161x1440.webp\" class=\"jg-products__image\" alt=\"\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (min-width: 1024px) 80vw, 100vw\" srcset=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/boite-vache-qui-rit-2161x1440.webp 2161w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/boite-vache-qui-rit-300x200.webp 300w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/boite-vache-qui-rit-1621x1080.webp 1621w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/boite-vache-qui-rit-768x512.webp 768w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/boite-vache-qui-rit-1536x1024.webp 1536w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/boite-vache-qui-rit-2048x1365.webp 2048w\" title=\"\">\n          <\/div>\n              <\/div>\n\n      <figcaption class=\"jg-products__caption\">\n        <span class=\"jg-products__caption-label\">Custom printed boxes<\/span>\n\n                  <span class=\"jg-products__counter\" aria-live=\"polite\">\n            <span x-text=\"String(slide + 1).padStart(2, '0')\">01<\/span>\n            <span aria-hidden=\"true\">\/<\/span>\n            <span>02<\/span>\n          <\/span>\n              <\/figcaption>\n\n              <div class=\"jg-products__nav\">\n          <button\n            type=\"button\"\n            @click=\"prev()\"\n            aria-label=\"Previous photo\"\n          >\n            <svg class=\"h-6 w-6\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15.75 19.5 8.25 12l7.5-7.5\"\/>\n<\/svg>          <\/button>\n\n          <button\n            type=\"button\"\n            @click=\"next()\"\n            aria-label=\"Next photo\"\n          >\n            <svg class=\"h-6 w-6\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m8.25 4.5 7.5 7.5-7.5 7.5\"\/>\n<\/svg>          <\/button>\n        <\/div>\n          <\/figure>\n      \n    <figure\n      id=\"jg-products-lightbox-block_a449221b84d35023bf4d6206948ff3fc-1\"\n      class=\"jg-products__panel\"\n      data-index=\"1\"\n      data-count=\"1\"\n      :class=\"{ 'is-active': current === 1 }\"\n    >\n      <div class=\"jg-products__stage\">\n                  <div\n            class=\"jg-products__slide is-active\"\n            :class=\"{ 'is-active': current === 1 &#038;&#038; slide === 0 }\"\n          >\n            <img width=\"690\" height=\"388\" src=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/bol-boite-jg-1.webp\" class=\"jg-products__image\" alt=\"Printed packaging mock-up for client approval\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (min-width: 1024px) 80vw, 100vw\" srcset=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/bol-boite-jg-1.webp 690w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/bol-boite-jg-1-300x169.webp 300w\" title=\"\">\n          <\/div>\n              <\/div>\n\n      <figcaption class=\"jg-products__caption\">\n        <span class=\"jg-products__caption-label\">Packaging mock-ups<\/span>\n\n              <\/figcaption>\n\n          <\/figure>\n      \n    <figure\n      id=\"jg-products-lightbox-block_a449221b84d35023bf4d6206948ff3fc-2\"\n      class=\"jg-products__panel\"\n      data-index=\"2\"\n      data-count=\"1\"\n      :class=\"{ 'is-active': current === 2 }\"\n    >\n      <div class=\"jg-products__stage\">\n                  <div\n            class=\"jg-products__slide is-active\"\n            :class=\"{ 'is-active': current === 2 &#038;&#038; slide === 0 }\"\n          >\n            <img width=\"2160\" height=\"1440\" src=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/boite-bouteille-2160x1440.webp\" class=\"jg-products__image\" alt=\"Printed presentation box for a bottle\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (min-width: 1024px) 80vw, 100vw\" srcset=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/boite-bouteille-2160x1440.webp 2160w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/boite-bouteille-300x200.webp 300w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/boite-bouteille-1620x1080.webp 1620w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/boite-bouteille-768x512.webp 768w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/boite-bouteille-1536x1024.webp 1536w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/boite-bouteille-2048x1366.webp 2048w\" title=\"\">\n          <\/div>\n              <\/div>\n\n      <figcaption class=\"jg-products__caption\">\n        <span class=\"jg-products__caption-label\">Premium gift boxes<\/span>\n\n              <\/figcaption>\n\n          <\/figure>\n              \n    <figure\n      id=\"jg-products-lightbox-block_a449221b84d35023bf4d6206948ff3fc-5\"\n      class=\"jg-products__panel\"\n      data-index=\"5\"\n      data-count=\"1\"\n      :class=\"{ 'is-active': current === 5 }\"\n    >\n      <div class=\"jg-products__stage\">\n                  <div\n            class=\"jg-products__slide is-active\"\n            :class=\"{ 'is-active': current === 5 &#038;&#038; slide === 0 }\"\n          >\n            <img width=\"960\" height=\"1280\" src=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/super-snack-babybel-jg.webp\" class=\"jg-products__image\" alt=\"Printed cardboard counter display in a store\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (min-width: 1024px) 80vw, 100vw\" srcset=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/super-snack-babybel-jg.webp 960w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/super-snack-babybel-jg-300x400.webp 300w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/super-snack-babybel-jg-810x1080.webp 810w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/super-snack-babybel-jg-768x1024.webp 768w\" title=\"\">\n          <\/div>\n              <\/div>\n\n      <figcaption class=\"jg-products__caption\">\n        <span class=\"jg-products__caption-label\">Counter displays<\/span>\n\n              <\/figcaption>\n\n          <\/figure>\n  <\/div>\n    \n          <dl class=\"jg-products__specs m-0 grid grid-cols-1 lg:grid-cols-3\">\n                  <div class=\"jg-products__spec flex flex-col gap-3 py-6 lg:gap-3.5 lg:pt-8 lg:pb-0\">\n            <dt class=\"text-[11px] font-bold tracking-[0.12em] text-jg-lime-800 uppercase lg:text-[11.5px]\">Structures<\/dt>\n\n            <dd class=\"m-0 flex flex-wrap gap-2\">\n                              <span class=\"jg-tag jg-tag--chip\" >Tuck box<\/span>\n                              <span class=\"jg-tag jg-tag--chip\" >Auto-lock bottom<\/span>\n                              <span class=\"jg-tag jg-tag--chip\" >Rigid box<\/span>\n                              <span class=\"jg-tag jg-tag--chip\" >Sleeve<\/span>\n                              <span class=\"jg-tag jg-tag--chip\" >Counter display<\/span>\n                          <\/dd>\n          <\/div>\n                  <div class=\"jg-products__spec flex flex-col gap-3 py-6 lg:gap-3.5 lg:pt-8 lg:pb-0\">\n            <dt class=\"text-[11px] font-bold tracking-[0.12em] text-jg-lime-800 uppercase lg:text-[11.5px]\">Services<\/dt>\n\n            <dd class=\"m-0 flex flex-wrap gap-2\">\n                              <span class=\"jg-tag jg-tag--chip\" >Structural design<\/span>\n                              <span class=\"jg-tag jg-tag--chip\" >Digital cutting<\/span>\n                              <span class=\"jg-tag jg-tag--chip\" >Assembly and kitting<\/span>\n                              <span class=\"jg-tag jg-tag--chip\" >Shipping<\/span>\n                          <\/dd>\n          <\/div>\n                  <div class=\"jg-products__spec flex flex-col gap-3 py-6 lg:gap-3.5 lg:pt-8 lg:pb-0\">\n            <dt class=\"text-[11px] font-bold tracking-[0.12em] text-jg-lime-800 uppercase lg:text-[11.5px]\">Uses<\/dt>\n\n            <dd class=\"m-0 flex flex-wrap gap-2\">\n                              <span class=\"jg-tag jg-tag--chip\" >Photo shoots<\/span>\n                              <span class=\"jg-tag jg-tag--chip\" >Client pitches<\/span>\n                              <span class=\"jg-tag jg-tag--chip\" >Shelf testing<\/span>\n                              <span class=\"jg-tag jg-tag--chip\" >Game prototypes<\/span>\n                          <\/dd>\n          <\/div>\n              <\/dl>\n    \n  <\/div>\n<\/section>\n\n\n<section class=\"jg-showcase alignfull wp-block-showcase\">\n  <div class=\"mx-auto flex w-[min(var(--align-wide),calc(100%-40px))] flex-col gap-[26px] lg:gap-11\">\n\n    \n    <div class=\"flex flex-col gap-[18px] lg:flex-row lg:items-end lg:justify-between lg:gap-12\">\n      <div class=\"flex flex-col gap-[18px] lg:flex-1 lg:max-w-[660px]\">\n        <h2 class=\"jg-eyebrow jg-eyebrow--lg jg-eyebrow--dark\" >\n        <span class=\"jg-eyebrow__lead\">Prototyping <\/span>        <span class=\"jg-eyebrow__accent\">projects<\/span>    <\/h2>\n\n        \n                  <p class=\"m-0 text-pretty text-jg-grey-400 text-[15.5px] leading-[1.65] lg:text-[16.5px]\">Mock-ups, gift boxes and displays made in our shop.<\/p>\n              <\/div>\n\n              <a\n    href=\"https:\/\/jg.qc.ca\/en\/our-projects\/\"\n    class=\"jg-btn jg-btn--primary-dark jg-btn--lg jg-btn--wide shrink-0\"\n            \n>\n    \n    See our portfolio\n\n    <\/a>\n          <\/div>\n\n          \n      <div\n        class=\"\"\n              >\n        <ul class=\"m-0 grid list-none grid-cols-2 p-0 lg:gap-5 gap-3.5 lg:grid-cols-4\" >\n                      \n            <li class=\"min-w-0\">\n                              <div class=\"jg-showcase__tile flex flex-col gap-3 no-underline lg:gap-4\">\n              \n                                  <span class=\"relative flex h-[170px] items-center justify-center overflow-hidden rounded-jg-lg lg:h-[300px] bg-jg-grey-500\">\n                                          <svg class=\"h-8 w-8 text-jg-grey-410\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m2.25 15.75 5.159-5.159a2.25 2.25 0 0 1 3.182 0l5.159 5.159m-1.5-1.5 1.409-1.409a2.25 2.25 0 0 1 3.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 0 0 1.5-1.5V6a1.5 1.5 0 0 0-1.5-1.5H3.75A1.5 1.5 0 0 0 2.25 6v12a1.5 1.5 0 0 0 1.5 1.5Zm10.5-11.25h.008v.008h-.008V8.25Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z\"\/>\n<\/svg>                    \n                                      <\/span>\n                \n                <span class=\"flex items-center gap-2.5\">\n                  <span class=\"flex-1 font-bold tracking-[-0.015em] text-jg-white text-[14.5px] leading-[1.3] text-pretty lg:text-[17px]\">Box mock-up for a photo shoot<\/span>\n\n                                  <\/span>\n\n              <\/div>            <\/li>\n                      \n            <li class=\"min-w-0\">\n                              <div class=\"jg-showcase__tile flex flex-col gap-3 no-underline lg:gap-4\">\n              \n                                  <span class=\"relative flex h-[170px] items-center justify-center overflow-hidden rounded-jg-lg lg:h-[300px] bg-jg-grey-500\">\n                                          <svg class=\"h-8 w-8 text-jg-grey-410\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m2.25 15.75 5.159-5.159a2.25 2.25 0 0 1 3.182 0l5.159 5.159m-1.5-1.5 1.409-1.409a2.25 2.25 0 0 1 3.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 0 0 1.5-1.5V6a1.5 1.5 0 0 0-1.5-1.5H3.75A1.5 1.5 0 0 0 2.25 6v12a1.5 1.5 0 0 0 1.5 1.5Zm10.5-11.25h.008v.008h-.008V8.25Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z\"\/>\n<\/svg>                    \n                                      <\/span>\n                \n                <span class=\"flex items-center gap-2.5\">\n                  <span class=\"flex-1 font-bold tracking-[-0.015em] text-jg-white text-[14.5px] leading-[1.3] text-pretty lg:text-[17px]\">Presentation gift box<\/span>\n\n                                  <\/span>\n\n              <\/div>            <\/li>\n                      \n            <li class=\"min-w-0\">\n                              <div class=\"jg-showcase__tile flex flex-col gap-3 no-underline lg:gap-4\">\n              \n                                  <span class=\"relative flex h-[170px] items-center justify-center overflow-hidden rounded-jg-lg lg:h-[300px] bg-jg-grey-500\">\n                                          <svg class=\"h-8 w-8 text-jg-grey-410\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m2.25 15.75 5.159-5.159a2.25 2.25 0 0 1 3.182 0l5.159 5.159m-1.5-1.5 1.409-1.409a2.25 2.25 0 0 1 3.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 0 0 1.5-1.5V6a1.5 1.5 0 0 0-1.5-1.5H3.75A1.5 1.5 0 0 0 2.25 6v12a1.5 1.5 0 0 0 1.5 1.5Zm10.5-11.25h.008v.008h-.008V8.25Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z\"\/>\n<\/svg>                    \n                                      <\/span>\n                \n                <span class=\"flex items-center gap-2.5\">\n                  <span class=\"flex-1 font-bold tracking-[-0.015em] text-jg-white text-[14.5px] leading-[1.3] text-pretty lg:text-[17px]\">Retail box<\/span>\n\n                                  <\/span>\n\n              <\/div>            <\/li>\n                      \n            <li class=\"min-w-0\">\n                              <div class=\"jg-showcase__tile flex flex-col gap-3 no-underline lg:gap-4\">\n              \n                                  <span class=\"relative flex h-[170px] items-center justify-center overflow-hidden rounded-jg-lg lg:h-[300px] bg-jg-grey-500\">\n                                          <svg class=\"h-8 w-8 text-jg-grey-410\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m2.25 15.75 5.159-5.159a2.25 2.25 0 0 1 3.182 0l5.159 5.159m-1.5-1.5 1.409-1.409a2.25 2.25 0 0 1 3.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 0 0 1.5-1.5V6a1.5 1.5 0 0 0-1.5-1.5H3.75A1.5 1.5 0 0 0 2.25 6v12a1.5 1.5 0 0 0 1.5 1.5Zm10.5-11.25h.008v.008h-.008V8.25Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z\"\/>\n<\/svg>                    \n                                      <\/span>\n                \n                <span class=\"flex items-center gap-2.5\">\n                  <span class=\"flex-1 font-bold tracking-[-0.015em] text-jg-white text-[14.5px] leading-[1.3] text-pretty lg:text-[17px]\">Counter display<\/span>\n\n                                  <\/span>\n\n              <\/div>            <\/li>\n                  <\/ul>\n\n              <\/div>\n    \n    \n  <\/div>\n<\/section>\n\n\n<section class=\"jg-timeline py-14 lg:py-24 bg-white alignfull wp-block-process-timeline\">\n  <div class=\"mx-auto grid w-[min(var(--align-wide),calc(100%-40px))] gap-7 lg:grid-cols-[400px_1fr] lg:items-start lg:gap-20\">\n\n    <div class=\"flex flex-col gap-[18px] lg:sticky lg:top-10 lg:gap-5\">\n      \n      <h2 class=\"jg-eyebrow jg-eyebrow--lg\" >\n        <span class=\"jg-eyebrow__lead\">How it <\/span>        <span class=\"jg-eyebrow__accent\">works<\/span>    <\/h2>\n\n              <h3 class=\"m-0 text-[27px] leading-[1.1] font-extrabold tracking-[-0.03em] text-balance text-jg-grey-700 lg:text-[36px]\">\n          From idea to mock-up\n        <\/h3>\n      \n              <p class=\"m-0 text-[15px] leading-[1.7] text-pretty text-jg-grey-430 lg:text-base\">Every project goes through these steps. How long each one takes depends on the complexity of the structure and the quantity.<\/p>\n          <\/div>\n\n          \n      <div x-data=\"jgProcessTimeline\" x-ref=\"root\" class=\"jg-timeline__frame lg:max-w-[760px]\">\n        <span class=\"jg-timeline__track\" aria-hidden=\"true\"><\/span>\n        <span class=\"jg-timeline__fill\" x-ref=\"fill\" aria-hidden=\"true\"><\/span>\n\n        <ol class=\"jg-timeline__rail m-0 list-none p-0 pl-14 lg:pl-17\">\n                      <li class=\"jg-timeline__step relative flex flex-col gap-2 lg:grid lg:grid-cols-[1fr_130px] lg:items-start lg:gap-6 pb-8.5 lg:pb-11\">\n              <span class=\"jg-timeline__badge\" aria-hidden=\"true\">01<\/span>\n\n              <div class=\"flex flex-col gap-2\">\n                <div class=\"flex flex-wrap items-center gap-2.5 lg:block\">\n                  <h4 class=\"jg-timeline__title m-0 inline text-[18px] leading-[1.25] font-bold lg:text-xl\">Product and purpose<\/h4>\n\n                                  <\/div>\n\n                                  \n                  <p class=\"m-0 text-[14.5px] leading-[1.72] text-pretty text-jg-grey-430 lg:text-[15px] lg:leading-[1.75]\">Describe the product to package, its size and what the mock-up is for: photos, a pitch or testing.<\/p>\n                              <\/div>\n\n                          <\/li>\n                      <li class=\"jg-timeline__step relative flex flex-col gap-2 lg:grid lg:grid-cols-[1fr_130px] lg:items-start lg:gap-6 pb-8.5 lg:pb-11\">\n              <span class=\"jg-timeline__badge\" aria-hidden=\"true\">02<\/span>\n\n              <div class=\"flex flex-col gap-2\">\n                <div class=\"flex flex-wrap items-center gap-2.5 lg:block\">\n                  <h4 class=\"jg-timeline__title m-0 inline text-[18px] leading-[1.25] font-bold lg:text-xl\">Structure and dieline<\/h4>\n\n                                  <\/div>\n\n                                  \n                  <p class=\"m-0 text-[14.5px] leading-[1.72] text-pretty text-jg-grey-430 lg:text-[15px] lg:leading-[1.75]\">Supply your dieline, or we create the structural design. A supplied dieline remains your responsibility.<\/p>\n                              <\/div>\n\n                          <\/li>\n                      <li class=\"jg-timeline__step relative flex flex-col gap-2 lg:grid lg:grid-cols-[1fr_130px] lg:items-start lg:gap-6 pb-8.5 lg:pb-11\">\n              <span class=\"jg-timeline__badge\" aria-hidden=\"true\">03<\/span>\n\n              <div class=\"flex flex-col gap-2\">\n                <div class=\"flex flex-wrap items-center gap-2.5 lg:block\">\n                  <h4 class=\"jg-timeline__title m-0 inline text-[18px] leading-[1.25] font-bold lg:text-xl\">Sample<\/h4>\n\n                                  <\/div>\n\n                                  \n                  <p class=\"m-0 text-[14.5px] leading-[1.72] text-pretty text-jg-grey-430 lg:text-[15px] lg:leading-[1.75]\">If needed, a first physical sample validates the structure before final printing. Its cost depends on complexity.<\/p>\n                              <\/div>\n\n                          <\/li>\n                      <li class=\"jg-timeline__step relative flex flex-col gap-2 lg:grid lg:grid-cols-[1fr_130px] lg:items-start lg:gap-6 pb-8.5 lg:pb-11\">\n              <span class=\"jg-timeline__badge\" aria-hidden=\"true\">04<\/span>\n\n              <div class=\"flex flex-col gap-2\">\n                <div class=\"flex flex-wrap items-center gap-2.5 lg:block\">\n                  <h4 class=\"jg-timeline__title m-0 inline text-[18px] leading-[1.25] font-bold lg:text-xl\">Printing, cutting and assembly<\/h4>\n\n                                  <\/div>\n\n                                  \n                  <p class=\"m-0 text-[14.5px] leading-[1.72] text-pretty text-jg-grey-430 lg:text-[15px] lg:leading-[1.75]\">Printing, cutting digitally or with our existing dies, folding and assembly.<\/p>\n                              <\/div>\n\n                          <\/li>\n                      <li class=\"jg-timeline__step relative flex flex-col gap-2 lg:grid lg:grid-cols-[1fr_130px] lg:items-start lg:gap-6\">\n              <span class=\"jg-timeline__badge\" aria-hidden=\"true\">05<\/span>\n\n              <div class=\"flex flex-col gap-2\">\n                <div class=\"flex flex-wrap items-center gap-2.5 lg:block\">\n                  <h4 class=\"jg-timeline__title m-0 inline text-[18px] leading-[1.25] font-bold lg:text-xl\">Delivery or shipping<\/h4>\n\n                                  <\/div>\n\n                                  \n                  <p class=\"m-0 text-[14.5px] leading-[1.72] text-pretty text-jg-grey-430 lg:text-[15px] lg:leading-[1.75]\">Pickup at our shop, delivery, or assembly, kitting and shipping to your customers.<\/p>\n                              <\/div>\n\n                          <\/li>\n                  <\/ol>\n      <\/div>\n    \n  <\/div>\n<\/section>\n\n\n<section class=\"jg-situations py-14 lg:py-24 bg-jg-grey-100 alignfull wp-block-situation-grid\">\n  <div class=\"mx-auto flex w-[min(var(--align-wide),calc(100%-40px))] flex-col gap-6 lg:gap-13\">\n\n    <div class=\"flex max-w-[760px] flex-col gap-[18px]\">\n      \n      <h2 class=\"jg-eyebrow jg-eyebrow--lg\" >\n        <span class=\"jg-eyebrow__lead\">Before you <\/span>        <span class=\"jg-eyebrow__accent\">request a quote<\/span>    <\/h2>\n\n      \n              <p class=\"m-0 text-[15.5px] leading-[1.65] text-pretty text-jg-grey-430 lg:text-[16.5px]\">A few details are enough to suggest the right structure in your first quote.<\/p>\n          <\/div>\n\n          <ol class=\"jg-situations__grid m-0 grid list-none grid-cols-1 p-0 lg:grid-cols-4\">\n                  <li class=\"jg-situations__item flex flex-col gap-2.5 py-6 lg:gap-3.5 lg:py-0 lg:pt-9\">\n            <span class=\"font-mono text-[11.5px] font-bold text-jg-lime-800 lg:text-xs\" aria-hidden=\"true\">\n              01\n            <\/span>\n\n            <h3 class=\"m-0 text-[18px] leading-[1.2] font-bold tracking-[-0.01em] text-jg-grey-700 lg:text-xl lg:tracking-[-0.015em]\">The product<\/h3>\n\n                          \n              <p class=\"m-0 text-[14.5px] leading-[1.65] text-pretty text-jg-grey-430\">The product&#8217;s size, weight and fragility determine the packaging structure.<\/p>\n                      <\/li>\n                  <li class=\"jg-situations__item flex flex-col gap-2.5 py-6 lg:gap-3.5 lg:py-0 lg:pt-9\">\n            <span class=\"font-mono text-[11.5px] font-bold text-jg-lime-800 lg:text-xs\" aria-hidden=\"true\">\n              02\n            <\/span>\n\n            <h3 class=\"m-0 text-[18px] leading-[1.2] font-bold tracking-[-0.01em] text-jg-grey-700 lg:text-xl lg:tracking-[-0.015em]\">What the mock-up is for<\/h3>\n\n                          \n              <p class=\"m-0 text-[14.5px] leading-[1.65] text-pretty text-jg-grey-430\">A photo shoot, a client pitch or a shelf test don&#8217;t call for the same level of finish.<\/p>\n                      <\/li>\n                  <li class=\"jg-situations__item flex flex-col gap-2.5 py-6 lg:gap-3.5 lg:py-0 lg:pt-9\">\n            <span class=\"font-mono text-[11.5px] font-bold text-jg-lime-800 lg:text-xs\" aria-hidden=\"true\">\n              03\n            <\/span>\n\n            <h3 class=\"m-0 text-[18px] leading-[1.2] font-bold tracking-[-0.01em] text-jg-grey-700 lg:text-xl lg:tracking-[-0.015em]\">The dieline<\/h3>\n\n                          \n              <p class=\"m-0 text-[14.5px] leading-[1.65] text-pretty text-jg-grey-430\">Have one? Attach it. If not, a photo of a reference package helps us suggest a structure.<\/p>\n                      <\/li>\n                  <li class=\"jg-situations__item flex flex-col gap-2.5 py-6 lg:gap-3.5 lg:py-0 lg:pt-9\">\n            <span class=\"font-mono text-[11.5px] font-bold text-jg-lime-800 lg:text-xs\" aria-hidden=\"true\">\n              04\n            <\/span>\n\n            <h3 class=\"m-0 text-[18px] leading-[1.2] font-bold tracking-[-0.01em] text-jg-grey-700 lg:text-xl lg:tracking-[-0.015em]\">Number of versions<\/h3>\n\n                          \n              <p class=\"m-0 text-[14.5px] leading-[1.65] text-pretty text-jg-grey-430\">A single mock-up, or several versions to compare? Tell us at the start so we can choose the right board.<\/p>\n                      <\/li>\n              <\/ol>\n    \n  <\/div>\n<\/section>\n\n\n<section class=\"jg-services py-11 lg:py-20 bg-jg-grey-700 alignfull wp-block-related-services\">\n  <div class=\"mx-auto w-[min(var(--align-wide),calc(100%-40px))]\">\n\n    <div class=\"mb-6 flex flex-col gap-[18px] lg:mb-11 lg:flex-row lg:items-end lg:justify-between lg:gap-10\">\n      <div class=\"flex max-w-[760px] flex-col gap-[18px]\">\n        \n        <h2 class=\"jg-eyebrow jg-eyebrow--lg jg-eyebrow--dark\" >\n        <span class=\"jg-eyebrow__lead\">Common <\/span>        <span class=\"jg-eyebrow__accent\">requests<\/span>    <\/h2>\n\n        \n                  <p class=\"m-0 text-[15px] leading-[1.7] text-pretty lg:text-base text-jg-grey-400\">Depending on your project, these pages get straight to the point.<\/p>\n              <\/div>\n\n          <\/div>\n\n          \n      <ul class=\"m-0 grid list-none grid-cols-1 gap-3 p-0 lg:gap-5 lg:grid-cols-2\">\n                            <li class=\"min-w-0\">\n                          <a\n                href=\"https:\/\/jg.qc.ca\/en\/contact-form\/\"\n                                class=\"flex h-full flex-col gap-3 rounded-jg-lg border px-5 pt-5 pb-[22px] lg:gap-3.5 lg:pt-6 lg:pb-6 lg:px-6 border-jg-grey-450 bg-jg-grey-500 group transition-[border-color,box-shadow] duration-(--jg-duration-base) hover:border-jg-lime-500 focus-visible:border-jg-lime-500\"\n              >\n            \n                              <span class=\"inline-flex h-[26px] items-center self-start rounded-jg-pill bg-jg-grey-700 px-2.5 text-[11px] font-bold tracking-[0.1em] text-jg-lime-500 uppercase lg:h-7 lg:px-[11px] lg:text-[11.5px]\">Games<\/span>\n              \n              <div class=\"flex items-start gap-3.5 lg:gap-4\">\n                <h3 class=\"m-0 flex-1 text-[18px] leading-[1.2] font-extrabold tracking-[-0.015em] text-balance lg:text-[21px] lg:tracking-[-0.02em] text-jg-white\">Board game prototypes<\/h3>\n\n                                  <span class=\"inline-flex size-9 flex-none items-center justify-center rounded-jg-pill border-[1.5px] transition-[background-color,border-color,color] duration-(--jg-duration-base) group-hover:border-jg-lime-500 group-hover:bg-jg-lime-500 group-hover:text-jg-grey-700 group-focus-visible:border-jg-lime-500 group-focus-visible:bg-jg-lime-500 group-focus-visible:text-jg-grey-700 motion-reduce:transition-none lg:size-10 border-jg-white\/28 text-jg-white\" aria-hidden=\"true\">\n                    <span class=\"jg-card-arrow\"><svg class=\"h-4 w-4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3\"\/>\n<\/svg><\/span>\n                  <\/span>\n                              <\/div>\n\n                              <p class=\"m-0 text-sm leading-[1.6] text-pretty text-(--jg-text-on-dark-muted) lg:text-[14.5px]\">Cards, board, box, pieces and dice: a complete game to test or pitch your concept.<\/p>\n              \n                          <\/a>\n                      <\/li>\n                            <li class=\"min-w-0\">\n                          <a\n                href=\"https:\/\/jg.qc.ca\/en\/contact-form\/\"\n                                class=\"flex h-full flex-col gap-3 rounded-jg-lg border px-5 pt-5 pb-[22px] lg:gap-3.5 lg:pt-6 lg:pb-6 lg:px-6 border-jg-grey-450 bg-jg-grey-500 group transition-[border-color,box-shadow] duration-(--jg-duration-base) hover:border-jg-lime-500 focus-visible:border-jg-lime-500\"\n              >\n            \n                              <span class=\"inline-flex h-[26px] items-center self-start rounded-jg-pill bg-jg-grey-700 px-2.5 text-[11px] font-bold tracking-[0.1em] text-jg-lime-500 uppercase lg:h-7 lg:px-[11px] lg:text-[11.5px]\">Fulfillment<\/span>\n              \n              <div class=\"flex items-start gap-3.5 lg:gap-4\">\n                <h3 class=\"m-0 flex-1 text-[18px] leading-[1.2] font-extrabold tracking-[-0.015em] text-balance lg:text-[21px] lg:tracking-[-0.02em] text-jg-white\">Assembly and shipping<\/h3>\n\n                                  <span class=\"inline-flex size-9 flex-none items-center justify-center rounded-jg-pill border-[1.5px] transition-[background-color,border-color,color] duration-(--jg-duration-base) group-hover:border-jg-lime-500 group-hover:bg-jg-lime-500 group-hover:text-jg-grey-700 group-focus-visible:border-jg-lime-500 group-focus-visible:bg-jg-lime-500 group-focus-visible:text-jg-grey-700 motion-reduce:transition-none lg:size-10 border-jg-white\/28 text-jg-white\" aria-hidden=\"true\">\n                    <span class=\"jg-card-arrow\"><svg class=\"h-4 w-4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3\"\/>\n<\/svg><\/span>\n                  <\/span>\n                              <\/div>\n\n                              <p class=\"m-0 text-sm leading-[1.6] text-pretty text-(--jg-text-on-dark-muted) lg:text-[14.5px]\">Assembly, kitting and shipping straight to your customers.<\/p>\n              \n                          <\/a>\n                      <\/li>\n              <\/ul>\n\n          \n  <\/div>\n<\/section>\n\n\n<section class=\"jg-faq alignfull wp-block-faq-accordion\">\n  <div class=\"jg-faq__grid\">\n\n    <div class=\"jg-faq__intro\">\n      \n      <h2 class=\"jg-eyebrow jg-eyebrow--md\" >\n                <span class=\"jg-eyebrow__accent\">FAQ<\/span>    <\/h2>\n\n              <h3 class=\"jg-faq__title\">What people ask before a prototype<\/h3>\n      \n              <p class=\"jg-faq__lede\">Quantities, dielines, samples and board. If your question isn&#039;t here, write to us.<\/p>\n          <\/div>\n\n          <div class=\"jg-faq__list\" x-data=\"jgFaqAccordion(true)\">\n      \n    <div class=\"jg-faq__item\">\n      \n      <h4 class=\"jg-faq__heading\">\n        <button\n          type=\"button\"\n          id=\"jg-faq-head-block_eb6c0b59bd5cf482a82642829fac7274-0\"\n          class=\"jg-faq__head is-open\"\n          aria-controls=\"jg-faq-panel-block_eb6c0b59bd5cf482a82642829fac7274-0\"\n          aria-expanded=\"true\"\n          x-on:click=\"toggle(0)\"\n          x-bind:aria-expanded=\"String(open === 0)\"\n          x-bind:class=\"{ 'is-open': open === 0 }\"\n        >\n          <span class=\"jg-faq__num\" aria-hidden=\"true\">01<\/span>\n          <span class=\"jg-faq__q\">What kind of prototypes do you make?<\/span>\n          <span class=\"jg-faq__token\" aria-hidden=\"true\">\n            <span class=\"jg-faq__bar jg-faq__bar--h\"><\/span>\n            <span class=\"jg-faq__bar jg-faq__bar--v\"><\/span>\n          <\/span>\n        <\/button>\n      <\/h4>\n\n      <div\n        id=\"jg-faq-panel-block_eb6c0b59bd5cf482a82642829fac7274-0\"\n        class=\"jg-faq__panel is-open\"\n        role=\"region\"\n        aria-labelledby=\"jg-faq-head-block_eb6c0b59bd5cf482a82642829fac7274-0\"\n        x-bind:class=\"{ 'is-open': open === 0 }\"\n      >\n        <div class=\"jg-faq__panel-inner\">\n          <div class=\"jg-faq__answer\">\n            <p class=\"wp-block-paragraph\">Printed mock-ups and prototypes: boxes, labels and all kinds of packaging. We do not do industrial product prototyping.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n      \n    <div class=\"jg-faq__item\">\n      \n      <h4 class=\"jg-faq__heading\">\n        <button\n          type=\"button\"\n          id=\"jg-faq-head-block_eb6c0b59bd5cf482a82642829fac7274-1\"\n          class=\"jg-faq__head\"\n          aria-controls=\"jg-faq-panel-block_eb6c0b59bd5cf482a82642829fac7274-1\"\n          aria-expanded=\"false\"\n          x-on:click=\"toggle(1)\"\n          x-bind:aria-expanded=\"String(open === 1)\"\n          x-bind:class=\"{ 'is-open': open === 1 }\"\n        >\n          <span class=\"jg-faq__num\" aria-hidden=\"true\">02<\/span>\n          <span class=\"jg-faq__q\">What is the minimum order for custom boxes?<\/span>\n          <span class=\"jg-faq__token\" aria-hidden=\"true\">\n            <span class=\"jg-faq__bar jg-faq__bar--h\"><\/span>\n            <span class=\"jg-faq__bar jg-faq__bar--v\"><\/span>\n          <\/span>\n        <\/button>\n      <\/h4>\n\n      <div\n        id=\"jg-faq-panel-block_eb6c0b59bd5cf482a82642829fac7274-1\"\n        class=\"jg-faq__panel\"\n        role=\"region\"\n        aria-labelledby=\"jg-faq-head-block_eb6c0b59bd5cf482a82642829fac7274-1\"\n        x-bind:class=\"{ 'is-open': open === 1 }\"\n      >\n        <div class=\"jg-faq__panel-inner\">\n          <div class=\"jg-faq__answer\">\n            <p class=\"wp-block-paragraph\">We can produce a single box if needed. Keep in mind that the unit price of a very short run is higher.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n      \n    <div class=\"jg-faq__item\">\n      \n      <h4 class=\"jg-faq__heading\">\n        <button\n          type=\"button\"\n          id=\"jg-faq-head-block_eb6c0b59bd5cf482a82642829fac7274-2\"\n          class=\"jg-faq__head\"\n          aria-controls=\"jg-faq-panel-block_eb6c0b59bd5cf482a82642829fac7274-2\"\n          aria-expanded=\"false\"\n          x-on:click=\"toggle(2)\"\n          x-bind:aria-expanded=\"String(open === 2)\"\n          x-bind:class=\"{ 'is-open': open === 2 }\"\n        >\n          <span class=\"jg-faq__num\" aria-hidden=\"true\">03<\/span>\n          <span class=\"jg-faq__q\">Do you make packaging mock-ups for photo shoots or client pitches?<\/span>\n          <span class=\"jg-faq__token\" aria-hidden=\"true\">\n            <span class=\"jg-faq__bar jg-faq__bar--h\"><\/span>\n            <span class=\"jg-faq__bar jg-faq__bar--v\"><\/span>\n          <\/span>\n        <\/button>\n      <\/h4>\n\n      <div\n        id=\"jg-faq-panel-block_eb6c0b59bd5cf482a82642829fac7274-2\"\n        class=\"jg-faq__panel\"\n        role=\"region\"\n        aria-labelledby=\"jg-faq-head-block_eb6c0b59bd5cf482a82642829fac7274-2\"\n        x-bind:class=\"{ 'is-open': open === 2 }\"\n      >\n        <div class=\"jg-faq__panel-inner\">\n          <div class=\"jg-faq__answer\">\n            <p class=\"wp-block-paragraph\">Yes. We produce one-off packaging mock-ups that replicate the look of your final product.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n      \n    <div class=\"jg-faq__item\">\n      \n      <h4 class=\"jg-faq__heading\">\n        <button\n          type=\"button\"\n          id=\"jg-faq-head-block_eb6c0b59bd5cf482a82642829fac7274-3\"\n          class=\"jg-faq__head\"\n          aria-controls=\"jg-faq-panel-block_eb6c0b59bd5cf482a82642829fac7274-3\"\n          aria-expanded=\"false\"\n          x-on:click=\"toggle(3)\"\n          x-bind:aria-expanded=\"String(open === 3)\"\n          x-bind:class=\"{ 'is-open': open === 3 }\"\n        >\n          <span class=\"jg-faq__num\" aria-hidden=\"true\">04<\/span>\n          <span class=\"jg-faq__q\">Do I need to supply the dieline?<\/span>\n          <span class=\"jg-faq__token\" aria-hidden=\"true\">\n            <span class=\"jg-faq__bar jg-faq__bar--h\"><\/span>\n            <span class=\"jg-faq__bar jg-faq__bar--v\"><\/span>\n          <\/span>\n        <\/button>\n      <\/h4>\n\n      <div\n        id=\"jg-faq-panel-block_eb6c0b59bd5cf482a82642829fac7274-3\"\n        class=\"jg-faq__panel\"\n        role=\"region\"\n        aria-labelledby=\"jg-faq-head-block_eb6c0b59bd5cf482a82642829fac7274-3\"\n        x-bind:class=\"{ 'is-open': open === 3 }\"\n      >\n        <div class=\"jg-faq__panel-inner\">\n          <div class=\"jg-faq__answer\">\n            <p class=\"wp-block-paragraph\">No. We accept your dieline, but you remain responsible for its accuracy. We also offer structural design and cutting services.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n      \n    <div class=\"jg-faq__item\">\n      \n      <h4 class=\"jg-faq__heading\">\n        <button\n          type=\"button\"\n          id=\"jg-faq-head-block_eb6c0b59bd5cf482a82642829fac7274-4\"\n          class=\"jg-faq__head\"\n          aria-controls=\"jg-faq-panel-block_eb6c0b59bd5cf482a82642829fac7274-4\"\n          aria-expanded=\"false\"\n          x-on:click=\"toggle(4)\"\n          x-bind:aria-expanded=\"String(open === 4)\"\n          x-bind:class=\"{ 'is-open': open === 4 }\"\n        >\n          <span class=\"jg-faq__num\" aria-hidden=\"true\">05<\/span>\n          <span class=\"jg-faq__q\">Can I get a physical sample before production?<\/span>\n          <span class=\"jg-faq__token\" aria-hidden=\"true\">\n            <span class=\"jg-faq__bar jg-faq__bar--h\"><\/span>\n            <span class=\"jg-faq__bar jg-faq__bar--v\"><\/span>\n          <\/span>\n        <\/button>\n      <\/h4>\n\n      <div\n        id=\"jg-faq-panel-block_eb6c0b59bd5cf482a82642829fac7274-4\"\n        class=\"jg-faq__panel\"\n        role=\"region\"\n        aria-labelledby=\"jg-faq-head-block_eb6c0b59bd5cf482a82642829fac7274-4\"\n        x-bind:class=\"{ 'is-open': open === 4 }\"\n      >\n        <div class=\"jg-faq__panel-inner\">\n          <div class=\"jg-faq__answer\">\n            <p class=\"wp-block-paragraph\">Yes. The cost of the sample depends on the complexity of the prototype.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n    \n          <div class=\"jg-faq__contact\">\n                  <p class=\"jg-faq__contact-text\">More questions about this service, and all the others, are in our full FAQ.<\/p>\n        \n                  <a\n    href=\"https:\/\/jg.qc.ca\/en\/frequently-asked-questions\/#faq-prototyping-and-packaging\"\n    class=\"jg-btn jg-btn--primary jg-btn--md jg-btn--wide\"\n            \n>\n    \n    See the full FAQ\n\n    <\/a>\n              <\/div>\n    \n  <\/div>\n<\/section>\n\n  <script type=\"application\/ld+json\">{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"What kind of prototypes do you make?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Printed mock-ups and prototypes: boxes, labels and all kinds of packaging. We do not do industrial product prototyping.\"}},{\"@type\":\"Question\",\"name\":\"What is the minimum order for custom boxes?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"We can produce a single box if needed. Keep in mind that the unit price of a very short run is higher.\"}},{\"@type\":\"Question\",\"name\":\"Do you make packaging mock-ups for photo shoots or client pitches?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. We produce one-off packaging mock-ups that replicate the look of your final product.\"}},{\"@type\":\"Question\",\"name\":\"Do I need to supply the dieline?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"No. We accept your dieline, but you remain responsible for its accuracy. We also offer structural design and cutting services.\"}},{\"@type\":\"Question\",\"name\":\"Can I get a physical sample before production?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. The cost of the sample depends on the complexity of the prototype.\"}}]}<\/script>\n\n\n<section class=\"jg-cta-band bg-jg-grey-100 py-14 lg:py-24 alignfull wp-block-cta-band\">\n  <div class=\"mx-auto w-[min(var(--align-wide),calc(100%-40px))]\">\n    <div class=\"jg-cta-band__sheet relative flex flex-col items-center gap-4 border border-jg-grey-250 bg-white px-[22px] pt-11 pb-6.5 lg:gap-[22px] lg:px-20 lg:pt-18 lg:pb-10\">\n\n                        <img loading=\"lazy\" decoding=\"async\"\n            src=\"https:\/\/jg.qc.ca\/wp-content\/themes\/minustwenty_jg_v2\/resources\/images\/print-control\/top-left-mark.svg\"\n            alt=\"\"\n            aria-hidden=\"true\"\n            width=\"20\"\n            height=\"20\"\n            class=\"pointer-events-none absolute h-4 w-4 opacity-40 lg:h-5 lg:w-5 top-2 left-2 lg:top-2.5 lg:left-2.5\"\n          \/>\n                  <img loading=\"lazy\" decoding=\"async\"\n            src=\"https:\/\/jg.qc.ca\/wp-content\/themes\/minustwenty_jg_v2\/resources\/images\/print-control\/top-right-mark.svg\"\n            alt=\"\"\n            aria-hidden=\"true\"\n            width=\"20\"\n            height=\"20\"\n            class=\"pointer-events-none absolute h-4 w-4 opacity-40 lg:h-5 lg:w-5 top-2 right-2 lg:top-2.5 lg:right-2.5\"\n          \/>\n                  <img loading=\"lazy\" decoding=\"async\"\n            src=\"https:\/\/jg.qc.ca\/wp-content\/themes\/minustwenty_jg_v2\/resources\/images\/print-control\/bottom-left-mark.svg\"\n            alt=\"\"\n            aria-hidden=\"true\"\n            width=\"20\"\n            height=\"20\"\n            class=\"pointer-events-none absolute h-4 w-4 opacity-40 lg:h-5 lg:w-5 bottom-2 left-2 lg:bottom-2.5 lg:left-2.5\"\n          \/>\n                  <img loading=\"lazy\" decoding=\"async\"\n            src=\"https:\/\/jg.qc.ca\/wp-content\/themes\/minustwenty_jg_v2\/resources\/images\/print-control\/bottom-right.svg\"\n            alt=\"\"\n            aria-hidden=\"true\"\n            width=\"20\"\n            height=\"20\"\n            class=\"pointer-events-none absolute h-4 w-4 opacity-40 lg:h-5 lg:w-5 bottom-2 right-2 lg:bottom-2.5 lg:right-2.5\"\n          \/>\n              \n              <span class=\"jg-cta-band__kicker text-[11px] font-bold tracking-[0.14em] text-jg-lime-800 uppercase lg:text-[11.5px]\">Your project<\/span>\n      \n      \n      <h2 class=\"jg-cta-band__title m-0 max-w-[820px] text-center text-[28px] leading-[1.08] font-extrabold tracking-[-0.03em] text-balance text-jg-grey-700 lg:text-[46px] lg:leading-[1.06] lg:tracking-[-0.035em]\">\n        Describe the product, we&#039;ll suggest the packaging.\n      <\/h2>\n\n              <p class=\"jg-cta-band__text m-0 max-w-[600px] text-center text-[15.5px] leading-[1.65] text-pretty text-jg-grey-430 lg:text-[17px]\">Product size, what the mock-up is for, quantity and the date you need it: with these details, we&#039;ll send you a quote, usually within the hour during business hours.<\/p>\n      \n              <div class=\"mt-1.5 flex w-full flex-col items-stretch gap-2.5 lg:mt-2 lg:w-auto lg:flex-row lg:flex-wrap lg:items-center lg:justify-center lg:gap-3.5\">\n                      <a\n    href=\"https:\/\/jg.qc.ca\/en\/contact-form\/?sujet=estimation\"\n    class=\"jg-btn jg-btn--primary-dark jg-btn--lg jg-btn--wide\"\n            \n>\n    \n    Request a quote\n\n    <\/a>\n          \n                      \n            <a\n    href=\"tel:5148442897\"\n    class=\"jg-btn jg-btn--outline jg-btn--lg jg-btn--block jg-btn--no-token lg:w-auto\"\n            \n>\n            <span class=\"jg-btn__icon\" aria-hidden=\"true\">\n            <svg class=\"h-[18px] w-[18px] text-jg-lime-800\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 0 0 2.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 0 1-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 0 0-1.091-.852H4.5A2.25 2.25 0 0 0 2.25 4.5v2.25Z\"\/>\n<\/svg>\n        <\/span>\n    \n    (514) 844-2897\n\n    <\/a>\n                  <\/div>\n      \n              <div class=\"mt-4 flex w-full items-center gap-3.5 lg:mt-6.5 lg:gap-6\">\n          <span class=\"h-px grow bg-jg-grey-200\" aria-hidden=\"true\"><\/span>\n          <img decoding=\"async\" src=\"https:\/\/jg.qc.ca\/wp-content\/themes\/minustwenty_jg_v2\/resources\/images\/print-control\/color-control-bar.svg\" alt=\"Colour control bar\" class=\"h-3.5 w-auto flex-none lg:h-4\" title=\"\">\n          <span class=\"h-px grow bg-jg-grey-200\" aria-hidden=\"true\"><\/span>\n        <\/div>\n      \n              \n        <span class=\"jg-cta-band__note text-center text-[11px] leading-[1.6] font-semibold tracking-[0.08em] text-jg-grey-430 uppercase lg:text-[11.5px] lg:tracking-[0.1em]\">Monday to Friday, 9 a.m. to 5 p.m. \u00b7 432 Saint-Pierre Street, Montreal<\/span>\n      \n    <\/div>\n  <\/div>\n<\/section>\n\n\n<section class=\"jg-showcase jg-showcase--light alignfull wp-block-showcase\">\n  <div class=\"mx-auto flex w-[min(var(--align-wide),calc(100%-40px))] flex-col gap-[26px] lg:gap-11\">\n\n    \n    <div class=\"flex flex-col gap-[18px] lg:flex-row lg:items-end lg:justify-between lg:gap-12\">\n      <div class=\"flex flex-col gap-[18px] lg:flex-1 lg:flex-row lg:items-end lg:justify-between lg:gap-12\">\n        <h2 class=\"jg-eyebrow jg-eyebrow--md\" >\n        <span class=\"jg-eyebrow__lead\">Our other <\/span>        <span class=\"jg-eyebrow__accent\">services<\/span>    <\/h2>\n\n        \n              <\/div>\n\n          <\/div>\n\n          \n      <div\n        class=\"\"\n              >\n        <ul class=\"m-0 grid list-none grid-cols-2 p-0 lg:gap-5 gap-3 max-lg:[&amp;&gt;li:last-child:nth-child(odd)]:col-span-2 lg:grid-cols-4\" >\n                      \n            <li class=\"min-w-0\">\n                              <a\n                  href=\"https:\/\/jg.qc.ca\/en\/large-format-printing\/\"\n                  class=\"jg-showcase__tile relative block h-[150px] overflow-hidden rounded-jg-lg no-underline lg:h-[240px]\"\n                                  >\n              \n                                                      <img width=\"2560\" height=\"1195\" src=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-operateur-grand-format.webp\" class=\"jg-card-photo absolute inset-0 h-full w-full object-cover\" alt=\"Operator at a large format printer in Production JG&#039;s downtown Montreal shop\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (min-width: 1024px) 25vw, 50vw\" srcset=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-operateur-grand-format.webp 2560w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-operateur-grand-format-300x140.webp 300w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-operateur-grand-format-1920x896.webp 1920w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-operateur-grand-format-768x359.webp 768w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-operateur-grand-format-1536x717.webp 1536w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-operateur-grand-format-2048x956.webp 2048w\" title=\"\">\n                  \n                  <span class=\"jg-showcase__veil absolute inset-0\" aria-hidden=\"true\"><\/span>\n                \n                <span class=\"flex items-center gap-2.5 absolute inset-x-0 bottom-0 p-3.5 lg:gap-3 lg:p-5\">\n                  <span class=\"flex-1 font-bold tracking-[-0.015em] text-jg-white text-[14.5px] leading-[1.2] lg:text-lg\">Large format printing<\/span>\n\n                                      <span class=\"jg-card-arrow h-3.5 w-3.5 flex-none text-jg-lime-500 lg:h-4 lg:w-4\" aria-hidden=\"true\">\n                      <svg class=\"h-3.5 w-3.5 lg:h-4 lg:w-4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3\"\/>\n<\/svg>                    <\/span>\n\n                                                      <\/span>\n\n              <\/a>            <\/li>\n                      \n            <li class=\"min-w-0\">\n                              <a\n                  href=\"https:\/\/jg.qc.ca\/en\/digital-and-offset-printing\/\"\n                  class=\"jg-showcase__tile relative block h-[150px] overflow-hidden rounded-jg-lg no-underline lg:h-[240px]\"\n                                  >\n              \n                                                      <img width=\"2560\" height=\"1195\" src=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-operateur-impression-numerique.webp\" class=\"jg-card-photo absolute inset-0 h-full w-full object-cover\" alt=\"Operator at a digital press in Production JG&#039;s downtown Montreal shop\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (min-width: 1024px) 25vw, 50vw\" srcset=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-operateur-impression-numerique.webp 2560w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-operateur-impression-numerique-300x140.webp 300w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-operateur-impression-numerique-1920x896.webp 1920w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-operateur-impression-numerique-768x359.webp 768w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-operateur-impression-numerique-1536x717.webp 1536w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-operateur-impression-numerique-2048x956.webp 2048w\" title=\"\">\n                  \n                  <span class=\"jg-showcase__veil absolute inset-0\" aria-hidden=\"true\"><\/span>\n                \n                <span class=\"flex items-center gap-2.5 absolute inset-x-0 bottom-0 p-3.5 lg:gap-3 lg:p-5\">\n                  <span class=\"flex-1 font-bold tracking-[-0.015em] text-jg-white text-[14.5px] leading-[1.2] lg:text-lg\">Digital and offset printing<\/span>\n\n                                      <span class=\"jg-card-arrow h-3.5 w-3.5 flex-none text-jg-lime-500 lg:h-4 lg:w-4\" aria-hidden=\"true\">\n                      <svg class=\"h-3.5 w-3.5 lg:h-4 lg:w-4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3\"\/>\n<\/svg>                    <\/span>\n\n                                                      <\/span>\n\n              <\/a>            <\/li>\n                      \n            <li class=\"min-w-0\">\n                              <a\n                  href=\"https:\/\/jg.qc.ca\/en\/label-printing\/\"\n                  class=\"jg-showcase__tile relative block h-[150px] overflow-hidden rounded-jg-lg no-underline lg:h-[240px]\"\n                                  >\n              \n                                                      <img width=\"1280\" height=\"720\" src=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-impression-etiquettes.webp\" class=\"jg-card-photo absolute inset-0 h-full w-full object-cover\" alt=\"Roll label press at Production JG&#039;s Montreal shop\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (min-width: 1024px) 25vw, 50vw\" srcset=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-impression-etiquettes.webp 1280w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-impression-etiquettes-300x169.webp 300w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-impression-etiquettes-768x432.webp 768w\" title=\"\">\n                  \n                  <span class=\"jg-showcase__veil absolute inset-0\" aria-hidden=\"true\"><\/span>\n                \n                <span class=\"flex items-center gap-2.5 absolute inset-x-0 bottom-0 p-3.5 lg:gap-3 lg:p-5\">\n                  <span class=\"flex-1 font-bold tracking-[-0.015em] text-jg-white text-[14.5px] leading-[1.2] lg:text-lg\">Label printing<\/span>\n\n                                      <span class=\"jg-card-arrow h-3.5 w-3.5 flex-none text-jg-lime-500 lg:h-4 lg:w-4\" aria-hidden=\"true\">\n                      <svg class=\"h-3.5 w-3.5 lg:h-4 lg:w-4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3\"\/>\n<\/svg>                    <\/span>\n\n                                                      <\/span>\n\n              <\/a>            <\/li>\n                      \n            <li class=\"min-w-0\">\n                              <a\n                  href=\"https:\/\/jg.qc.ca\/en\/exhibition-booths\/\"\n                  class=\"jg-showcase__tile relative block h-[150px] overflow-hidden rounded-jg-lg no-underline lg:h-[240px]\"\n                                  >\n              \n                                                      <img width=\"1920\" height=\"1080\" src=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-kiosques.webp\" class=\"jg-card-photo absolute inset-0 h-full w-full object-cover\" alt=\"Trade show booth printed by Production JG in Montreal\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (min-width: 1024px) 25vw, 50vw\" srcset=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-kiosques.webp 1920w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-kiosques-300x169.webp 300w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-kiosques-768x432.webp 768w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-kiosques-1536x864.webp 1536w\" title=\"\">\n                  \n                  <span class=\"jg-showcase__veil absolute inset-0\" aria-hidden=\"true\"><\/span>\n                \n                <span class=\"flex items-center gap-2.5 absolute inset-x-0 bottom-0 p-3.5 lg:gap-3 lg:p-5\">\n                  <span class=\"flex-1 font-bold tracking-[-0.015em] text-jg-white text-[14.5px] leading-[1.2] lg:text-lg\">Exhibition booths<\/span>\n\n                                      <span class=\"jg-card-arrow h-3.5 w-3.5 flex-none text-jg-lime-500 lg:h-4 lg:w-4\" aria-hidden=\"true\">\n                      <svg class=\"h-3.5 w-3.5 lg:h-4 lg:w-4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3\"\/>\n<\/svg>                    <\/span>\n\n                                                      <\/span>\n\n              <\/a>            <\/li>\n                  <\/ul>\n\n              <\/div>\n    \n    \n  <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":619,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-716","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/jg.qc.ca\/en\/wp-json\/wp\/v2\/pages\/716","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jg.qc.ca\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jg.qc.ca\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jg.qc.ca\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jg.qc.ca\/en\/wp-json\/wp\/v2\/comments?post=716"}],"version-history":[{"count":10,"href":"https:\/\/jg.qc.ca\/en\/wp-json\/wp\/v2\/pages\/716\/revisions"}],"predecessor-version":[{"id":4450,"href":"https:\/\/jg.qc.ca\/en\/wp-json\/wp\/v2\/pages\/716\/revisions\/4450"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jg.qc.ca\/en\/wp-json\/wp\/v2\/media\/619"}],"wp:attachment":[{"href":"https:\/\/jg.qc.ca\/en\/wp-json\/wp\/v2\/media?parent=716"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}