{"id":6161,"date":"2025-10-06T18:21:59","date_gmt":"2025-10-06T16:21:59","guid":{"rendered":"https:\/\/cataci.com\/en\/?page_id=6161"},"modified":"2026-08-26T03:04:13","modified_gmt":"2026-08-26T01:04:13","slug":"making-of-manga-advertisement","status":"publish","type":"page","link":"https:\/\/cataci.com\/en\/making-of-manga-advertisement\/","title":{"rendered":"Making of Manga Advertisement"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6161\" class=\"elementor elementor-6161\">\n\t\t\t\t<div class=\"elementor-element elementor-element-907263d e-flex e-con-boxed e-con e-parent\" data-id=\"907263d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;mk_ext_is_sticky&quot;:&quot;false&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cd05e51 elementor-widget elementor-widget-html\" data-id=\"cd05e51\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mk_ext_is_infinite&quot;:&quot;false&quot;,&quot;mk_ext_is_scrollme&quot;:&quot;false&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n\/* =========================================================\n   CATACI \u2014 PREMIUM CASE STUDY\n   Scoped styles: should not interfere with the rest of WP\n   ========================================================= *\/\n\n.cataci-case-study {\n  --cc-black: #0c0c0c;\n  --cc-charcoal: #171717;\n  --cc-cream: #f5f2ec;\n  --cc-white: #ffffff;\n  --cc-grey: #8c8c8c;\n  --cc-line: rgba(255,255,255,.14);\n  --cc-accent: #e02bcf;\n\n  width: 100%;\n  background: var(--cc-black);\n  color: var(--cc-white);\n  font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n  overflow: hidden;\n  -webkit-font-smoothing: antialiased;\n}\n\n.cataci-case-study *,\n.cataci-case-study *::before,\n.cataci-case-study *::after {\n  box-sizing: border-box;\n}\n\n.cataci-case-study img {\n  display: block;\n  width: 100%;\n  height: auto;\n}\n\n.cc-container {\n  width: min(1240px, calc(100% - 48px));\n  margin: 0 auto;\n}\n\n\/* HERO *\/\n\n.cc-hero {\n  position: relative;\n  min-height: 86vh;\n  display: flex;\n  align-items: flex-end;\n  background: #111;\n  overflow: hidden;\n}\n\n.cc-hero-media {\n  position: absolute;\n  inset: 0;\n}\n\n.cc-hero-media img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center center;\n  opacity: .58;\n  transform: scale(1.015);\n}\n\n.cc-hero-media::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background:\n    linear-gradient(180deg, rgba(0,0,0,.12) 0%, rgba(0,0,0,.28) 38%, rgba(0,0,0,.92) 100%),\n    linear-gradient(90deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.05) 70%);\n}\n\n.cc-hero-inner {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  padding: 90px 0 72px;\n}\n\n.cc-kicker {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  margin-bottom: 25px;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: .22em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,.72);\n}\n\n.cc-kicker::before {\n  content: \"\";\n  width: 38px;\n  height: 1px;\n  background: var(--cc-accent);\n}\n\n.cc-hero h1 {\n  max-width: 930px;\n  margin: 0 0 0 55px;\n  font-size: clamp(48px, 7vw, 102px);\n  line-height: .94;\n  letter-spacing: -.055em;\n  font-weight: 500;\n  color: #ffffff !important;\n  text-shadow: 0 2px 14px rgba(0,0,0,.55);\n  position: relative;\n  z-index: 3;\n}\n\n.cc-hero-lead {\n  max-width: 690px;\n  margin: 30px 0 0 100px;\n  font-size: clamp(18px, 2vw, 24px);\n  line-height: 1.55;\n  color: rgba(255,255,255,.94);\n  font-weight: 300;\n  text-shadow: 0 1px 8px rgba(0,0,0,.35);\n}\n\n\/* PROJECT FACTS *\/\n\n.cc-facts {\n  border-top: 1px solid var(--cc-line);\n  border-bottom: 1px solid var(--cc-line);\n  background: var(--cc-black);\n}\n\n.cc-facts-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n}\n\n.cc-fact {\n  padding: 30px 24px 32px 0;\n  border-right: 1px solid var(--cc-line);\n}\n\n.cc-fact:not(:first-child) {\n  padding-left: 30px;\n}\n\n.cc-fact:last-child {\n  border-right: 0;\n}\n\n.cc-fact-label {\n  margin-bottom: 8px;\n  color: var(--cc-grey);\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: .18em;\n  text-transform: uppercase;\n}\n\n.cc-fact-value {\n  font-size: 15px;\n  line-height: 1.45;\n}\n\n\/* INTRO *\/\n\n.cc-intro {\n  padding: 110px 0 115px;\n}\n\n.cc-intro-grid {\n  display: grid;\n  grid-template-columns: .65fr 1.35fr;\n  gap: 90px;\n  align-items: start;\n}\n\n.cc-client-mark {\n  max-width: 200px;\n  padding: 18px;\n  background: var(--cc-white);\n}\n\n.cc-eyebrow {\n  display: block;\n  margin-bottom: 22px;\n  color: var(--cc-grey);\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: .2em;\n  text-transform: uppercase;\n}\n\n.cc-intro h2 {\n  margin: 0 0 28px;\n  max-width: 790px;\n  font-size: clamp(35px, 4.6vw, 66px);\n  line-height: 1.02;\n  letter-spacing: -.045em;\n  font-weight: 500;\n}\n\n.cc-intro-copy {\n  max-width: 750px;\n  margin: 0;\n  color: rgba(255,255,255,.67);\n  font-size: 18px;\n  line-height: 1.72;\n  font-weight: 300;\n}\n\n\/* PROCESS *\/\n\n.cc-process {\n  background: var(--cc-cream);\n  color: var(--cc-black);\n  padding: 125px 0 130px;\n}\n\n.cc-section-heading {\n  display: grid;\n  grid-template-columns: 1fr 2fr;\n  gap: 60px;\n  margin-bottom: 95px;\n}\n\n.cc-section-heading-label {\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: .2em;\n  text-transform: uppercase;\n  color: #777;\n}\n\n.cc-section-heading h2 {\n  max-width: 770px;\n  margin: 0;\n  font-size: clamp(40px, 5vw, 72px);\n  line-height: .98;\n  letter-spacing: -.05em;\n  font-weight: 500;\n}\n\n.cc-step {\n  display: grid;\n  grid-template-columns: 1.12fr .88fr;\n  gap: clamp(45px, 8vw, 110px);\n  align-items: center;\n  padding: 85px 0;\n  border-top: 1px solid rgba(0,0,0,.14);\n}\n\n.cc-step.cc-reverse {\n  grid-template-columns: .88fr 1.12fr;\n}\n\n.cc-step.cc-reverse .cc-step-media {\n  order: 2;\n}\n\n.cc-step.cc-reverse .cc-step-copy {\n  order: 1;\n}\n\n.cc-step-media {\n  position: relative;\n}\n\n.cc-image-frame {\n  overflow: hidden;\n  background: #e4e0d8;\n}\n\n.cc-image-frame img {\n  transition: transform .7s cubic-bezier(.2,.7,.2,1);\n}\n\n.cc-step:hover .cc-image-frame img {\n  transform: scale(1.018);\n}\n\n.cc-step-number {\n  margin-bottom: 22px;\n  color: var(--cc-accent);\n  font-size: 13px;\n  font-weight: 700;\n  letter-spacing: .2em;\n}\n\n.cc-step-copy h3 {\n  max-width: 480px;\n  margin: 0 0 22px;\n  font-size: clamp(31px, 4vw, 52px);\n  line-height: 1.04;\n  letter-spacing: -.04em;\n  font-weight: 500;\n}\n\n.cc-step-copy p {\n  max-width: 520px;\n  margin: 0;\n  color: #555;\n  font-size: 17px;\n  line-height: 1.75;\n}\n\n.cc-detail {\n  display: inline-block;\n  margin-top: 28px;\n  padding-top: 12px;\n  border-top: 1px solid #bbb;\n  color: #777;\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: .17em;\n  text-transform: uppercase;\n}\n\n\/* FINAL \/ APPLICATION *\/\n\n.cc-application {\n  padding: 125px 0 135px;\n  background: var(--cc-black);\n}\n\n.cc-application-head {\n  display: grid;\n  grid-template-columns: 1fr 1.7fr;\n  gap: 60px;\n  align-items: end;\n  margin-bottom: 62px;\n}\n\n.cc-application-head h2 {\n  margin: 0;\n  font-size: clamp(40px, 5vw, 70px);\n  line-height: .98;\n  letter-spacing: -.05em;\n  font-weight: 500;\n}\n\n.cc-application-head p {\n  max-width: 590px;\n  margin: 0 0 5px auto;\n  color: rgba(255,255,255,.63);\n  font-size: 17px;\n  line-height: 1.7;\n}\n\n.cc-gallery {\n  display: grid;\n  grid-template-columns: 1.35fr .65fr;\n  grid-template-rows: auto auto;\n  gap: 14px;\n}\n\n.cc-gallery-item {\n  overflow: hidden;\n  background: #191919;\n}\n\n.cc-gallery-item img {\n  width: 100%;\n  height: 100%;\n  min-height: 280px;\n  object-fit: cover;\n  transition: transform .7s cubic-bezier(.2,.7,.2,1);\n}\n\n.cc-gallery-item:hover img {\n  transform: scale(1.025);\n}\n\n.cc-gallery-large {\n  grid-row: span 2;\n}\n\n.cc-gallery-large img {\n  min-height: 650px;\n}\n\n\/* CAPABILITIES *\/\n\n.cc-capabilities {\n  padding: 115px 0 120px;\n  background: #111;\n  border-top: 1px solid var(--cc-line);\n}\n\n.cc-capabilities-top {\n  max-width: 720px;\n  margin-bottom: 65px;\n}\n\n.cc-capabilities h2 {\n  margin: 0 0 20px;\n  font-size: clamp(36px, 4vw, 58px);\n  line-height: 1.03;\n  letter-spacing: -.04em;\n  font-weight: 500;\n}\n\n.cc-capabilities-intro {\n  margin: 0;\n  color: rgba(255,255,255,.6);\n  font-size: 17px;\n  line-height: 1.7;\n}\n\n.cc-cap-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  border-top: 1px solid var(--cc-line);\n}\n\n.cc-cap {\n  min-height: 230px;\n  padding: 34px 34px 20px 0;\n  border-right: 1px solid var(--cc-line);\n}\n\n.cc-cap:not(:first-child) {\n  padding-left: 34px;\n}\n\n.cc-cap:last-child {\n  border-right: 0;\n}\n\n.cc-cap-index {\n  display: block;\n  margin-bottom: 50px;\n  color: var(--cc-accent);\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: .18em;\n}\n\n.cc-cap h3 {\n  margin: 0 0 13px;\n  font-size: 21px;\n  font-weight: 500;\n  letter-spacing: -.02em;\n}\n\n.cc-cap p {\n  margin: 0;\n  color: rgba(255,255,255,.52);\n  font-size: 14px;\n  line-height: 1.65;\n}\n\n\/* CTA *\/\n\n.cc-cta {\n  padding: 135px 0;\n  background: var(--cc-cream);\n  color: var(--cc-black);\n}\n\n.cc-cta-inner {\n  display: grid;\n  grid-template-columns: 1.5fr .5fr;\n  gap: 60px;\n  align-items: end;\n}\n\n.cc-cta-small {\n  display: block;\n  margin-bottom: 22px;\n  color: #777;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: .2em;\n  text-transform: uppercase;\n}\n\n.cc-cta h2 {\n  max-width: 850px;\n  margin: 0;\n  font-size: clamp(43px, 6vw, 82px);\n  line-height: .98;\n  letter-spacing: -.055em;\n  font-weight: 500;\n}\n\n.cc-cta-action {\n  display: flex;\n  justify-content: flex-end;\n}\n\n.cc-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 35px;\n  min-width: 240px;\n  padding: 19px 22px;\n  border: 1px solid var(--cc-black);\n  color: var(--cc-black) !important;\n  text-decoration: none !important;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: .08em;\n  text-transform: uppercase;\n  transition: all .25s ease;\n}\n\n.cc-button span {\n  font-size: 19px;\n  font-weight: 400;\n}\n\n.cc-button:hover {\n  background: var(--cc-black);\n  color: var(--cc-white) !important;\n}\n\n\/* MOBILE *\/\n\n@media (max-width: 900px) {\n  .cc-container {\n    width: min(100% - 34px, 1240px);\n  }\n\n  .cc-hero {\n    min-height: 72vh;\n  }\n\n  .cc-hero-inner {\n    padding: 90px 0 48px;\n  }\n\n  .cc-facts-grid {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  .cc-fact,\n  .cc-fact:not(:first-child) {\n    padding: 22px 18px 22px 0;\n    border-bottom: 1px solid var(--cc-line);\n  }\n\n  .cc-fact:nth-child(even) {\n    padding-left: 20px;\n    border-right: 0;\n  }\n\n  .cc-intro {\n    padding: 75px 0 80px;\n  }\n\n  .cc-intro-grid,\n  .cc-section-heading,\n  .cc-application-head,\n  .cc-cta-inner {\n    grid-template-columns: 1fr;\n    gap: 35px;\n  }\n\n  .cc-client-mark {\n    max-width: 155px;\n  }\n\n  .cc-process {\n    padding: 85px 0 90px;\n  }\n\n  .cc-section-heading {\n    margin-bottom: 45px;\n  }\n\n  .cc-step,\n  .cc-step.cc-reverse {\n    grid-template-columns: 1fr;\n    gap: 38px;\n    padding: 58px 0;\n  }\n\n  .cc-step.cc-reverse .cc-step-media,\n  .cc-step.cc-reverse .cc-step-copy {\n    order: initial;\n  }\n\n  .cc-application {\n    padding: 85px 0 90px;\n  }\n\n  .cc-application-head p {\n    margin-left: 0;\n  }\n\n  .cc-gallery {\n    grid-template-columns: 1fr;\n  }\n\n  .cc-gallery-large {\n    grid-row: auto;\n  }\n\n  .cc-gallery-large img,\n  .cc-gallery-item img {\n    min-height: 0;\n  }\n\n  .cc-cap-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .cc-cap,\n  .cc-cap:not(:first-child) {\n    min-height: 0;\n    padding: 28px 0;\n    border-right: 0;\n    border-bottom: 1px solid var(--cc-line);\n  }\n\n  .cc-cap-index {\n    margin-bottom: 25px;\n  }\n\n  .cc-cta {\n    padding: 85px 0;\n  }\n\n  .cc-cta-action {\n    justify-content: flex-start;\n  }\n}\n\n@media (max-width: 540px) {\n  .cc-hero h1 {\n    font-size: 47px;\n  }\n\n  .cc-hero-lead {\n    font-size: 17px;\n  }\n\n  .cc-facts-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .cc-fact,\n  .cc-fact:not(:first-child),\n  .cc-fact:nth-child(even) {\n    padding: 18px 0;\n    border-right: 0;\n  }\n\n  .cc-intro-copy,\n  .cc-step-copy p,\n  .cc-application-head p {\n    font-size: 16px;\n  }\n}\n\/* =========================================================\n   CATACI \u2014 FINAL BRAND POLISH\n   Small refinements only: brand accent, spacing, theme-proof\n   text colours, and responsive hero alignment.\n   ========================================================= *\/\n\n\/* Tighter section rhythm *\/\n.cc-process {\n  padding-bottom: 55px;\n}\n\n.cc-process .cc-step:last-child {\n  padding-bottom: 45px;\n}\n\n.cc-application {\n  padding-top: 72px;\n  padding-bottom: 30px;\n}\n\n.cc-capabilities {\n  padding-top: 45px;\n}\n\n\/* Protect dark-section typography from WordPress\/Elementor theme overrides *\/\n.cc-intro h2,\n.cc-application h2,\n.cc-capabilities h2,\n.cc-cap h3 {\n  color: #ffffff !important;\n}\n\n.cc-intro-copy,\n.cc-application-head p,\n.cc-capabilities-intro,\n.cc-cap p {\n  color: rgba(255,255,255,.68) !important;\n}\n\n\/* Protect light-section typography too *\/\n.cc-section-heading h2,\n.cc-step-copy h3,\n.cc-cta h2 {\n  color: var(--cc-black) !important;\n}\n\n\/* CATACI magenta: restrained brand accents *\/\n.cc-step-number,\n.cc-cap-index {\n  color: var(--cc-accent) !important;\n}\n\n.cc-kicker::before {\n  background: var(--cc-accent) !important;\n}\n\n.cc-cta-small {\n  color: var(--cc-accent) !important;\n}\n\n.cc-button span {\n  color: var(--cc-accent);\n}\n\n.cc-button:hover {\n  background: var(--cc-accent);\n  border-color: var(--cc-accent);\n  color: #ffffff !important;\n}\n\n.cc-button:hover span {\n  color: #ffffff;\n}\n\n\/* Desktop hero offsets remain as designed; reduce them on smaller screens *\/\n@media (max-width: 900px) {\n  .cc-hero h1 {\n    margin-left: 18px;\n    max-width: calc(100% - 18px);\n  }\n\n  .cc-hero-lead {\n    margin-left: 34px;\n    max-width: calc(100% - 34px);\n  }\n\n  .cc-application {\n    padding-top: 60px;\n    padding-bottom: 25px;\n  }\n\n  .cc-capabilities {\n    padding-top: 42px;\n  }\n}\n\n@media (max-width: 540px) {\n  .cc-hero h1 {\n    margin-left: 10px;\n    font-size: 44px;\n  }\n\n  .cc-hero-lead {\n    margin-left: 22px;\n  }\n}\n.cc-back-link {\n  display: inline-flex;\n  align-items: center;\n  margin: 0 0 28px 58px;\n  padding: 10px 17px;\n  border: 1px solid rgba(255,255,255,.42);\n  border-radius: 999px;\n  background: rgba(10,10,10,.22);\n  color: #ffffff !important;\n  text-decoration: none !important;\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: .02em;\n  line-height: 1;\n  backdrop-filter: blur(6px);\n  -webkit-backdrop-filter: blur(6px);\n  transition: all .2s ease;\n}\n\n.cc-back-link:hover {\n  border-color: var(--cc-accent);\n  background: var(--cc-accent);\n  color: #ffffff !important;\n  transform: translateX(-2px);\n}\n.cataci-case-study {\n  margin-top: 24px;\n}\n\n@media (max-width: 600px) {\n  .cataci-case-study {\n    margin-top: 12px;\n  }\n}\n<\/style>\n\n\n<div class=\"cataci-case-study\">\n\n  <!-- HERO -->\n  <section class=\"cc-hero\">\n    <div class=\"cc-hero-media\">\n      <img decoding=\"async\"\n        src=\"https:\/\/cataci.com\/en\/wp-content\/uploads\/2024\/09\/final-764.jpg\"\n        alt=\"Final manga campaign artwork created by CATACI\"\n      >\n    <\/div>\n\n   <div class=\"cc-container cc-hero-inner\">\n\n  <div class=\"cc-kicker\">CATACI Case Study \u00b7 Manga Advertising<\/div>\n\n      <h1>\n        From Brief to<br>\n        Final Artwork.\n      <\/h1>\n\n      <p class=\"cc-hero-lead\">\n        A behind-the-scenes look at how CATACI developed a manga-led\n        advertising visual\u2014from character exploration and storytelling\n        to client revisions and the finished campaign artwork.\n      <\/p>\n    <\/div>\n  <\/section>\n\n\n  <!-- PROJECT FACTS -->\n  <section class=\"cc-facts\">\n    <div class=\"cc-container cc-facts-grid\">\n\n      <div class=\"cc-fact\">\n        <div class=\"cc-fact-label\">Client<\/div>\n        <div class=\"cc-fact-value\">Knorr<\/div>\n      <\/div>\n\n      <div class=\"cc-fact\">\n        <div class=\"cc-fact-label\">Markets<\/div>\n        <div class=\"cc-fact-value\">Germany + Austria<\/div>\n      <\/div>\n\n      <div class=\"cc-fact\">\n        <div class=\"cc-fact-label\">Scope<\/div>\n        <div class=\"cc-fact-value\">Key Visual + Short Manga<\/div>\n      <\/div>\n\n      <div class=\"cc-fact\">\n        <div class=\"cc-fact-label\">CATACI Role<\/div>\n        <div class=\"cc-fact-value\">Creative Development + Illustration<\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n\n  <!-- INTRO -->\n  <section class=\"cc-intro\">\n    <div class=\"cc-container cc-intro-grid\">\n\n      <div>\n        <span class=\"cc-eyebrow\">The Project<\/span>\n\n        <div class=\"cc-client-mark\">\n          <img decoding=\"async\"\n            src=\"https:\/\/cataci.com\/en\/wp-content\/uploads\/2024\/09\/knorr-correct2.jpg\"\n            alt=\"Knorr\"\n            loading=\"lazy\"\n          >\n        <\/div>\n      <\/div>\n\n      <div>\n        <h2>\n          Manga built for a brand\u2014not simply placed beside one.\n        <\/h2>\n\n        <p class=\"cc-intro-copy\">\n          The campaign required a friendly, immediately readable character\n          and a compact manga story built around a simple three-minute moment.\n          Working through character options, narrative beats and client feedback,\n          CATACI refined the visual direction into a campaign-ready final image\n          with a distinctly Japanese atmosphere.\n        <\/p>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n\n  <!-- PROCESS -->\n  <section class=\"cc-process\">\n    <div class=\"cc-container\">\n\n      <div class=\"cc-section-heading\">\n        <div class=\"cc-section-heading-label\">Creative Process<\/div>\n\n        <h2>\n          Developing the idea through four focused stages.\n        <\/h2>\n      <\/div>\n\n\n      <!-- STEP 01 -->\n      <article class=\"cc-step\">\n\n        <div class=\"cc-step-media\">\n          <div class=\"cc-image-frame\">\n            <img decoding=\"async\"\n              src=\"https:\/\/cataci.com\/en\/wp-content\/uploads\/2024\/09\/smile-patterns-764.jpg\"\n              alt=\"Character smile variations explored during the manga campaign\"\n              loading=\"lazy\"\n            >\n          <\/div>\n        <\/div>\n\n        <div class=\"cc-step-copy\">\n          <div class=\"cc-step-number\">01 \/ 04<\/div>\n\n          <h3>Choosing the Right Smile<\/h3>\n\n          <p>\n            The client wanted a friendly lead character. CATACI proposed\n            three facial-expression options, allowing the personality to be\n            evaluated before moving further into production. The open-eyed\n            version was selected for its clarity, warmth and immediate\n            communicative quality.\n          <\/p>\n\n          <span class=\"cc-detail\">Character Direction<\/span>\n        <\/div>\n\n      <\/article>\n\n\n      <!-- STEP 02 -->\n      <article class=\"cc-step cc-reverse\">\n\n        <div class=\"cc-step-media\">\n          <div class=\"cc-image-frame\">\n            <img decoding=\"async\"\n              src=\"https:\/\/cataci.com\/en\/wp-content\/uploads\/2024\/09\/short-manga-268.jpg\"\n              alt=\"Storyboard and short manga sequence\"\n              loading=\"lazy\"\n            >\n          <\/div>\n        <\/div>\n\n        <div class=\"cc-step-copy\">\n          <div class=\"cc-step-number\">02 \/ 04<\/div>\n\n          <h3>Story First: A Three-Minute Moment<\/h3>\n\n          <p>\n            Working from the agency storyboard, we developed a short manga\n            sequence around a 22-year-old student returning home hungry after\n            a long day. He remembers the cup noodle soup, waits three minutes,\n            and the everyday moment resolves in a simple expression of delight.\n          <\/p>\n\n          <span class=\"cc-detail\">Manga Storytelling<\/span>\n        <\/div>\n\n      <\/article>\n\n\n      <!-- STEP 03 -->\n      <article class=\"cc-step\">\n\n        <div class=\"cc-step-media\">\n          <div class=\"cc-image-frame\">\n            <img decoding=\"async\"\n              src=\"https:\/\/cataci.com\/en\/wp-content\/uploads\/2024\/09\/ramen-eating-764.jpg\"\n              alt=\"Revised manga campaign character and Japanese setting\"\n              loading=\"lazy\"\n            >\n          <\/div>\n        <\/div>\n\n        <div class=\"cc-step-copy\">\n          <div class=\"cc-step-number\">03 \/ 04<\/div>\n\n          <h3>Refining Character &amp; Setting<\/h3>\n\n          <p>\n            Client feedback called for a slightly older-looking protagonist,\n            a clean white shirt instead of the original hoodie, and a more\n            controlled eating expression. The setting was also developed with\n            subtle Japanese visual cues including Mt. Fuji, a shrine and\n            cherry blossoms.\n          <\/p>\n\n          <span class=\"cc-detail\">Art Direction + Revision<\/span>\n        <\/div>\n\n      <\/article>\n\n\n      <!-- STEP 04 -->\n      <article class=\"cc-step cc-reverse\">\n\n        <div class=\"cc-step-media\">\n          <div class=\"cc-image-frame\">\n            <img decoding=\"async\"\n              src=\"https:\/\/cataci.com\/en\/wp-content\/uploads\/2024\/09\/final-764.jpg\"\n              alt=\"Final manga advertising key visual\"\n              loading=\"lazy\"\n            >\n          <\/div>\n        <\/div>\n\n        <div class=\"cc-step-copy\">\n          <div class=\"cc-step-number\">04 \/ 04<\/div>\n\n          <h3>Final Campaign Artwork<\/h3>\n\n          <p>\n            The final visual brings the approved decisions together:\n            a confident and approachable lead, a cleaner wardrobe,\n            refined expression and carefully balanced Japanese motifs.\n            The result was prepared as a polished key visual ready for\n            campaign rollout.\n          <\/p>\n\n          <span class=\"cc-detail\">Final Art + Campaign Delivery<\/span>\n        <\/div>\n\n      <\/article>\n\n    <\/div>\n  <\/section>\n\n\n  <!-- APPLICATION -->\n  <section class=\"cc-application\">\n    <div class=\"cc-container\">\n\n      <div class=\"cc-application-head\">\n\n        <div>\n          <span class=\"cc-eyebrow\">In Context<\/span>\n          <h2>From illustration to campaign.<\/h2>\n        <\/div>\n\n        <p>\n          Manga advertising becomes most effective when character,\n          storytelling and brand communication are developed as one\n          visual system\u2014not as separate elements.\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"cc-gallery\">\n\n        <div class=\"cc-gallery-item cc-gallery-large\">\n          <img decoding=\"async\"\n            src=\"https:\/\/cataci.com\/en\/wp-content\/uploads\/2024\/09\/knorr01-1024x527.jpg\"\n            alt=\"Knorr manga advertising campaign application\"\n            loading=\"lazy\"\n          >\n        <\/div>\n\n        <div class=\"cc-gallery-item\">\n          <img decoding=\"async\"\n            src=\"https:\/\/cataci.com\/en\/wp-content\/uploads\/2024\/09\/IMG_9400-768x1024.jpg\"\n            alt=\"Knorr manga campaign in context\"\n            loading=\"lazy\"\n          >\n        <\/div>\n\n        <div class=\"cc-gallery-item\">\n          <img decoding=\"async\"\n            src=\"https:\/\/cataci.com\/en\/wp-content\/uploads\/2024\/09\/IMG_9399-768x1024.jpg\"\n            alt=\"Knorr manga campaign display\"\n            loading=\"lazy\"\n          >\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n\n  <!-- CAPABILITIES -->\n  <section class=\"cc-capabilities\">\n    <div class=\"cc-container\">\n\n      <div class=\"cc-capabilities-top\">\n        <span class=\"cc-eyebrow\">CATACI Approach<\/span>\n\n        <h2>\n          Japanese visual storytelling for international brands.\n        <\/h2>\n\n        <p class=\"cc-capabilities-intro\">\n          CATACI combines manga production with creative direction,\n          helping agencies and brands translate campaign objectives\n          into characters, narratives and finished visual assets.\n        <\/p>\n      <\/div>\n\n\n      <div class=\"cc-cap-grid\">\n\n        <div class=\"cc-cap\">\n          <span class=\"cc-cap-index\">01<\/span>\n          <h3>Character Direction<\/h3>\n          <p>\n            Exploring expressions, personality and visual choices before\n            committing to final production.\n          <\/p>\n        <\/div>\n\n        <div class=\"cc-cap\">\n          <span class=\"cc-cap-index\">02<\/span>\n          <h3>Story-First Development<\/h3>\n          <p>\n            Turning campaign ideas into short, readable manga narratives\n            designed around the communication objective.\n          <\/p>\n        <\/div>\n\n        <div class=\"cc-cap\">\n          <span class=\"cc-cap-index\">03<\/span>\n          <h3>Global Production<\/h3>\n          <p>\n            Japanese manga expertise coordinated for international\n            agencies, publishers, brands and organizations.\n          <\/p>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n\n  <!-- CTA -->\n  <section class=\"cc-cta\">\n    <div class=\"cc-container cc-cta-inner\">\n\n      <div>\n        <span class=\"cc-cta-small\">Start a Project<\/span>\n\n        <h2>\n          Have a story your audience should remember?\n        <\/h2>\n      <\/div>\n\n      <div class=\"cc-cta-action\">\n        <a class=\"cc-button\" href=\"https:\/\/cataci.com\/en\/contact\/\">\n          Discuss Your Project\n          <span>\u2197<\/span>\n        <\/a>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CATACI Case Study \u00b7 Manga Advertising From Brief to Final Artwork. A behind-the-scenes look at how CATACI developed a manga-led advertising visual\u2014from character exploration and storytelling to client revisions and the finished campaign artwork. Client Knorr Markets Germany + Austria Scope Key Visual + Short Manga CATACI Role Creative Development [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-6161","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Behind the Scenes of Manga Advertising | CATACI<\/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:\/\/cataci.com\/en\/making-of-manga-advertisement\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Behind the Scenes of Manga Advertising | CATACI\" \/>\n<meta property=\"og:description\" content=\"CATACI Case Study \u00b7 Manga Advertising From Brief to Final Artwork. A behind-the-scenes look at how CATACI developed a manga-led advertising visual\u2014from character exploration and storytelling to client revisions and the finished campaign artwork. Client Knorr Markets Germany + Austria Scope Key Visual + Short Manga CATACI Role Creative Development [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cataci.com\/en\/making-of-manga-advertisement\/\" \/>\n<meta property=\"og:site_name\" content=\"CATACI - MANGA AGENCY &amp; STUDIO\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-26T01:04:13+00:00\" \/>\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=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cataci.com\/en\/making-of-manga-advertisement\/\",\"url\":\"https:\/\/cataci.com\/en\/making-of-manga-advertisement\/\",\"name\":\"Behind the Scenes of Manga Advertising | CATACI\",\"isPartOf\":{\"@id\":\"https:\/\/cataci.com\/en\/#website\"},\"datePublished\":\"2025-10-06T16:21:59+00:00\",\"dateModified\":\"2026-08-26T01:04:13+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/cataci.com\/en\/making-of-manga-advertisement\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cataci.com\/en\/making-of-manga-advertisement\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cataci.com\/en\/making-of-manga-advertisement\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cataci.com\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Making of Manga Advertisement\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cataci.com\/en\/#website\",\"url\":\"https:\/\/cataci.com\/en\/\",\"name\":\"CATACI - MANGA STUDIO AND AGENCY\",\"description\":\"Manga for advertising and publishing projects\",\"publisher\":{\"@id\":\"https:\/\/cataci.com\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cataci.com\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cataci.com\/en\/#organization\",\"name\":\"CATACI - MANGA STUDIO AND AGENCY\",\"url\":\"https:\/\/cataci.com\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cataci.com\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cataci.com\/en\/wp-content\/uploads\/2024\/03\/cataci-logo-transparetn.webp\",\"contentUrl\":\"https:\/\/cataci.com\/en\/wp-content\/uploads\/2024\/03\/cataci-logo-transparetn.webp\",\"width\":760,\"height\":380,\"caption\":\"CATACI - MANGA STUDIO AND AGENCY\"},\"image\":{\"@id\":\"https:\/\/cataci.com\/en\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/cataci_japan\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Behind the Scenes of Manga Advertising | CATACI","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:\/\/cataci.com\/en\/making-of-manga-advertisement\/","og_locale":"en_US","og_type":"article","og_title":"Behind the Scenes of Manga Advertising | CATACI","og_description":"CATACI Case Study \u00b7 Manga Advertising From Brief to Final Artwork. A behind-the-scenes look at how CATACI developed a manga-led advertising visual\u2014from character exploration and storytelling to client revisions and the finished campaign artwork. Client Knorr Markets Germany + Austria Scope Key Visual + Short Manga CATACI Role Creative Development [&hellip;]","og_url":"https:\/\/cataci.com\/en\/making-of-manga-advertisement\/","og_site_name":"CATACI - MANGA AGENCY &amp; STUDIO","article_modified_time":"2026-08-26T01:04:13+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cataci.com\/en\/making-of-manga-advertisement\/","url":"https:\/\/cataci.com\/en\/making-of-manga-advertisement\/","name":"Behind the Scenes of Manga Advertising | CATACI","isPartOf":{"@id":"https:\/\/cataci.com\/en\/#website"},"datePublished":"2025-10-06T16:21:59+00:00","dateModified":"2026-08-26T01:04:13+00:00","breadcrumb":{"@id":"https:\/\/cataci.com\/en\/making-of-manga-advertisement\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cataci.com\/en\/making-of-manga-advertisement\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/cataci.com\/en\/making-of-manga-advertisement\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cataci.com\/en\/"},{"@type":"ListItem","position":2,"name":"Making of Manga Advertisement"}]},{"@type":"WebSite","@id":"https:\/\/cataci.com\/en\/#website","url":"https:\/\/cataci.com\/en\/","name":"CATACI - MANGA STUDIO AND AGENCY","description":"Manga for advertising and publishing projects","publisher":{"@id":"https:\/\/cataci.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cataci.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/cataci.com\/en\/#organization","name":"CATACI - MANGA STUDIO AND AGENCY","url":"https:\/\/cataci.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cataci.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/cataci.com\/en\/wp-content\/uploads\/2024\/03\/cataci-logo-transparetn.webp","contentUrl":"https:\/\/cataci.com\/en\/wp-content\/uploads\/2024\/03\/cataci-logo-transparetn.webp","width":760,"height":380,"caption":"CATACI - MANGA STUDIO AND AGENCY"},"image":{"@id":"https:\/\/cataci.com\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/cataci_japan\/"]}]}},"_links":{"self":[{"href":"https:\/\/cataci.com\/en\/wp-json\/wp\/v2\/pages\/6161","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cataci.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cataci.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cataci.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cataci.com\/en\/wp-json\/wp\/v2\/comments?post=6161"}],"version-history":[{"count":45,"href":"https:\/\/cataci.com\/en\/wp-json\/wp\/v2\/pages\/6161\/revisions"}],"predecessor-version":[{"id":6906,"href":"https:\/\/cataci.com\/en\/wp-json\/wp\/v2\/pages\/6161\/revisions\/6906"}],"wp:attachment":[{"href":"https:\/\/cataci.com\/en\/wp-json\/wp\/v2\/media?parent=6161"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}