{"id":2624,"date":"2026-06-29T09:22:22","date_gmt":"2026-06-29T01:22:22","guid":{"rendered":"https:\/\/nanjiangames.com\/?page_id=2624"},"modified":"2026-06-29T19:41:47","modified_gmt":"2026-06-29T11:41:47","slug":"idea-to-product","status":"publish","type":"page","link":"https:\/\/nanjiangames.com\/es\/idea-to-product\/","title":{"rendered":"Idea to Product"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Idea to Product | NANJIAN Solutions<\/title>\n <meta name=\"description\" content=\"From one idea to one great box. In 4\u20138 weeks, go from concept to a production-ready prototype.\">\n <style>\n\n \/* ---------- \u8bbe\u8ba1 Token ---------- *\/\n :root {\n --brand-yellow: #FFD60A;\n --brand-yellow-dark: #E5BF00;\n --brand-dark: #1A1A2E;\n --brand-dark-soft: #2A2A3E;\n --accent: #FFD60A;\n --paper: #F7F4ED;\n --paper-warm: #F0EBE0;\n --ink: #1A1A2E;\n --ink-soft: #4A4A5A;\n --ink-mute: #8A8A95;\n\n --font-display: 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Microsoft YaHei', sans-serif;\n --font-sans: 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Microsoft YaHei', sans-serif;\n --font-mono: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n }\n\n \/* ---------- \u57fa\u7840 ---------- *\/\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n html { scroll-behavior: smooth; }\n body {\n font-family: var(--font-sans);\n color: var(--ink);\n background: var(--paper);\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n img { max-width: 100%; display: block; }\n a { color: inherit; }\n\n \/* SVG \u56fe\u6807\u7cfb\u7edf *\/\n .njs-icon {\n display: inline-block;\n flex-shrink: 0;\n vertical-align: middle;\n stroke: currentColor;\n fill: none;\n stroke-width: 1.75;\n stroke-linecap: round;\n stroke-linejoin: round;\n }\n .njs-icon--sm { width: 16px; height: 16px; }\n .njs-icon--md { width: 22px; height: 22px; }\n .njs-icon--lg { width: 28px; height: 28px; }\n .njs-icon--xl { width: 40px; height: 40px; stroke-width: 1.5; }\n\n \/* ---------- \u5bb9\u5668\u4e0e Section ---------- *\/\n .njs-container { max-width: 1200px; margin: 0 auto; padding: 0 32px; }\n .njs-section { padding: 96px 0; }\n .njs-section--dark { background: var(--brand-dark); color: var(--paper); }\n .njs-section--warm { background: var(--paper-warm); }\n\n \/* ---------- \u6392\u7248 ---------- *\/\n h1, h2, h3, h4 {\n font-family: var(--font-display);\n font-weight: 700;\n line-height: 1.15;\n color: inherit;\n letter-spacing: -0.01em;\n }\n\n .njs-eyebrow {\n display: inline-flex; align-items: center; gap: 12px;\n font-family: var(--font-mono);\n font-size: 12px; font-weight: 500;\n letter-spacing: 0.14em; text-transform: uppercase;\n color: var(--brand-yellow); margin-bottom: 20px;\n }\n .njs-eyebrow::before {\n content: ''; width: 28px; height: 1px; background: var(--brand-yellow);\n }\n .njs-section--dark .njs-eyebrow { color: var(--accent); }\n .njs-section--dark .njs-eyebrow::before { background: var(--accent); }\n\n .njs-section-header { max-width: 760px; margin-bottom: 56px; }\n .njs-section-title { font-size: clamp(32px, 4vw, 48px); margin-bottom: 16px; }\n .njs-section-title em { font-style: italic; color: var(--brand-yellow); }\n .njs-section--dark .njs-section-title em { color: var(--accent); }\n\n \/* ---------- \u6309\u94ae ---------- *\/\n .njs-btn {\n display: inline-flex; align-items: center; gap: 10px;\n padding: 16px 30px; font-family: var(--font-sans);\n font-size: 15px; font-weight: 600; letter-spacing: 0.01em;\n text-decoration: none; border-radius: 4px; cursor: pointer;\n border: 2px solid transparent; transition: all 0.2s ease;\n white-space: nowrap;\n }\n .njs-btn--primary {\n background: var(--brand-yellow); color: var(--brand-dark);\n }\n .njs-btn--primary:hover {\n background: var(--brand-yellow-dark); color: var(--brand-dark);\n transform: translateY(-1px);\n box-shadow: 0 10px 24px -10px rgba(255, 214, 10, 0.6);\n }\n .njs-btn--secondary {\n background: transparent; color: var(--brand-yellow);\n border-color: var(--brand-yellow);\n }\n .njs-btn--secondary:hover {\n background: var(--brand-yellow); color: var(--brand-dark);\n }\n .njs-section--dark .njs-btn--secondary {\n color: var(--paper); border-color: var(--paper);\n }\n .njs-section--dark .njs-btn--secondary:hover {\n background: var(--paper); color: var(--brand-dark);\n }\n .njs-btn__arrow { transition: transform 0.2s ease; }\n .njs-btn:hover .njs-btn__arrow { transform: translateX(4px); }\n .njs-btn-group { display: flex; gap: 16px; flex-wrap: wrap; }\n\n \/* ===================================================== Hero ===================================================== *\/\n .njs-hero {\n background: var(--paper);\n padding: 120px 0 96px;\n position: relative; overflow: hidden;\n }\n .njs-hero::after {\n content: ''; position: absolute;\n top: 100px; right: -120px; width: 480px; height: 480px;\n background: radial-gradient(circle at center, rgba(255, 214, 10, 0.12) 0%, transparent 60%);\n pointer-events: none;\n }\n .njs-hero__module-tag {\n display: inline-flex; align-items: center; gap: 8px;\n font-family: var(--font-mono); font-size: 12px; font-weight: 600;\n letter-spacing: 0.14em; text-transform: uppercase;\n color: var(--brand-dark); margin-bottom: 28px;\n padding: 6px 14px; background: var(--brand-yellow);\n border-radius: 100px;\n }\n .njs-hero__title {\n font-size: clamp(40px, 6.4vw, 80px);\n letter-spacing: -0.02em; line-height: 1.05;\n margin-bottom: 16px; max-width: 20ch;\n }\n .njs-hero__title em { font-style: italic; color: var(--brand-yellow); }\n\n .njs-hero__grid {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 48px; margin-top: 24px;\n position: relative; z-index: 1;\n }\n .njs-hero__col {\n border-left: 2px solid var(--brand-yellow);\n padding-left: 24px;\n }\n .njs-hero__col-label {\n display: inline-flex; align-items: center; gap: 8px;\n font-family: var(--font-mono); font-size: 11px;\n letter-spacing: 0.16em; text-transform: uppercase;\n color: var(--brand-dark); margin-bottom: 14px;\n padding: 4px 10px 4px 8px;\n background: var(--brand-yellow);\n border-radius: 3px; font-weight: 600;\n }\n .njs-hero__col--right .njs-hero__col-label {\n background: var(--brand-dark); color: var(--brand-yellow);\n }\n .njs-hero__col-text { font-size: 17px; line-height: 1.65; color: var(--ink); }\n .njs-hero__cta { margin-top: 56px; }\n\n \/* ===================================================== Who \u2500 3 \u5217\u5361\u7247\u5f0f ===================================================== *\/\n\n \/* \u533a\u5757\u6807\u9898\u5c45\u4e2d\uff08\u8986\u76d6\u9ed8\u8ba4\u5de6\u5bf9\u9f50\uff09 *\/\n .njs-who__header {\n text-align: center;\n max-width: none;\n margin-bottom: 64px;\n }\n .njs-who__title {\n font-size: clamp(36px, 5vw, 56px);\n font-weight: 700;\n letter-spacing: -0.01em;\n line-height: 1.15;\n }\n .njs-who__title em {\n font-style: italic;\n color: var(--brand-yellow);\n }\n\n \/* 3 \u5217\u5361\u7247\u5bb9\u5668 *\/\n .njs-who-cards {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n margin-top: 24px;\n }\n\n \/* \u5355\u5f20\u5361\u7247\uff1a\u9ec4\u8272\u63cf\u8fb9 + \u6697\u8272\u586b\u5145 *\/\n .njs-who-card {\n background: transparent;\n border: 2px solid var(--brand-yellow);\n border-radius: 4px;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n text-decoration: none;\n color: inherit;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n }\n .njs-who-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 16px 40px -20px rgba(255, 214, 10, 0.5);\n }\n\n \/* \u6587\u5b57\u4e3b\u4f53\uff1a\u5360\u636e\u5361\u7247\u4e0a\u534a\uff0c\u6587\u5b57\u5782\u76f4\u5c45\u4e2d *\/\n .njs-who-card__body {\n padding: 48px 36px;\n flex: 1;\n display: flex;\n align-items: center;\n }\n .njs-who-card__text {\n font-family: var(--font-display);\n font-size: 19px;\n font-weight: 700;\n line-height: 1.5;\n color: var(--paper);\n letter-spacing: -0.005em;\n }\n\n \/* \u5e95\u90e8\u8d2f\u7a7f\u5f0f CTA\uff1a\u9ec4\u8272\u5b9e\u8272 + \u6697\u8272\u6587\u5b57 *\/\n .njs-who-card__cta {\n background: var(--brand-yellow);\n color: var(--brand-dark);\n padding: 20px 24px;\n text-align: center;\n font-family: var(--font-sans);\n font-size: 14px;\n font-weight: 700;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n transition: background 0.2s ease, letter-spacing 0.2s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n }\n .njs-who-card:hover .njs-who-card__cta {\n background: var(--brand-yellow-dark);\n letter-spacing: 0.14em;\n }\n .njs-who-card__cta-arrow {\n display: inline-block;\n transition: transform 0.2s ease;\n }\n .njs-who-card:hover .njs-who-card__cta-arrow {\n transform: translateX(4px);\n }\n\n \/* ===================================================== Process ===================================================== *\/\n .njs-process { margin-top: 24px; }\n .njs-process__row {\n display: grid;\n grid-template-columns: 56px 56px 120px 1fr 1.1fr;\n gap: 28px; padding: 32px 0;\n border-top: 1px solid rgba(26, 26, 46, 0.12);\n align-items: start;\n }\n .njs-process__row:last-child {\n border-bottom: 1px solid rgba(26, 26, 46, 0.12);\n }\n .njs-process__num {\n font-family: var(--font-display);\n font-size: 36px; font-weight: 700;\n color: var(--ink-mute);\n line-height: 0.9; font-style: italic;\n letter-spacing: -0.02em;\n }\n .njs-process__icon {\n width: 56px; height: 56px;\n background: var(--brand-dark); color: var(--brand-yellow);\n border-radius: 6px;\n display: flex; align-items: center; justify-content: center;\n box-shadow: 4px 4px 0 var(--brand-yellow);\n }\n .njs-process__time {\n font-family: var(--font-mono);\n font-size: 13px; color: var(--ink-soft);\n padding-top: 18px;\n letter-spacing: 0.02em; line-height: 1.5;\n }\n .njs-process__what { padding-top: 14px; }\n .njs-process__what h4 {\n font-family: var(--font-sans);\n font-size: 16px; font-weight: 600;\n margin-bottom: 8px; color: var(--ink);\n letter-spacing: 0;\n }\n .njs-process__deliv {\n padding: 16px 20px;\n background: var(--paper-warm);\n border-left: 3px solid var(--brand-yellow);\n border-radius: 2px;\n }\n .njs-process__deliv-label {\n display: inline-flex; align-items: center; gap: 6px;\n font-family: var(--font-mono);\n font-size: 10.5px; letter-spacing: 0.12em;\n text-transform: uppercase; color: var(--ink-soft);\n margin-bottom: 8px; font-weight: 600;\n }\n .njs-process__deliv-text {\n font-size: 14px; font-weight: 500;\n color: var(--ink); line-height: 1.55;\n }\n\n .njs-process__promise {\n background: var(--brand-dark); color: var(--paper);\n padding: 24px 32px; border-radius: 4px;\n margin-bottom: 40px;\n display: flex; align-items: center; gap: 20px;\n border-left: 4px solid var(--accent);\n }\n .njs-process__promise-shield {\n width: 44px; height: 44px;\n flex-shrink: 0; color: var(--brand-yellow);\n }\n .njs-process__promise-body {\n display: flex; flex-direction: column; gap: 6px;\n }\n .njs-process__promise-icon {\n font-family: var(--font-mono);\n font-weight: 600; font-size: 11.5px;\n color: var(--accent); letter-spacing: 0.18em;\n }\n .njs-process__promise-text {\n font-size: 15px; line-height: 1.55;\n }\n\n \/* ===================================================== Deliverables ===================================================== *\/\n .njs-deliv-grid {\n display: grid; grid-template-columns: repeat(2, 1fr);\n gap: 20px; margin-top: 24px;\n }\n .njs-deliv-card {\n background: #fff;\n border: 1px solid rgba(26, 26, 46, 0.06);\n padding: 24px 28px; border-radius: 4px;\n display: flex; gap: 18px; align-items: flex-start;\n transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;\n }\n .njs-deliv-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 12px 24px -16px rgba(26, 26, 46, 0.18);\n border-color: var(--brand-yellow);\n }\n .njs-deliv-card__icon {\n width: 48px; height: 48px;\n flex-shrink: 0;\n background: var(--brand-dark); color: var(--brand-yellow);\n border-radius: 6px;\n display: flex; align-items: center; justify-content: center;\n transition: transform 0.2s ease;\n }\n .njs-deliv-card:hover .njs-deliv-card__icon {\n transform: rotate(-4deg) scale(1.05);\n }\n .njs-deliv-card__body { flex: 1; }\n .njs-deliv-card__type {\n display: inline-block;\n font-family: var(--font-mono);\n font-size: 10px; font-weight: 700;\n letter-spacing: 0.18em; text-transform: uppercase;\n color: var(--ink-mute);\n margin-bottom: 6px;\n }\n .njs-deliv-card__text {\n font-size: 15px; line-height: 1.5;\n color: var(--ink); font-weight: 500;\n }\n\n \/* ===================================================== Pricing ===================================================== *\/\n .njs-pricing {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 32px; margin-top: 24px;\n }\n .njs-pricing__card {\n background: #fff;\n padding: 40px 36px; border-radius: 4px;\n border-top: 4px solid var(--brand-yellow);\n box-shadow: 0 1px 0 rgba(26, 26, 46, 0.04);\n position: relative;\n }\n .njs-pricing__icon {\n position: absolute;\n top: 36px; right: 36px;\n width: 36px; height: 36px;\n color: var(--ink-mute); opacity: 0.4;\n }\n .njs-pricing__label {\n display: inline-flex; align-items: center; gap: 6px;\n font-family: var(--font-mono);\n font-size: 11px; letter-spacing: 0.14em;\n text-transform: uppercase; color: var(--ink-soft);\n margin-bottom: 14px; font-weight: 600;\n }\n .njs-pricing__signal {\n font-family: var(--font-display);\n font-size: 30px; font-weight: 700;\n line-height: 1.25; color: var(--ink);\n margin-bottom: 8px;\n letter-spacing: -0.01em;\n }\n .njs-pricing__signal em {\n font-style: italic; color: var(--brand-dark);\n background: var(--brand-yellow);\n padding: 0 6px;\n }\n .njs-pricing__detail {\n margin-top: 18px;\n font-size: 14.5px; color: var(--ink-soft);\n line-height: 1.65;\n }\n .njs-pricing__anchor {\n margin-top: 24px;\n padding: 18px 22px;\n background: var(--paper-warm);\n border-left: 3px solid var(--accent);\n font-size: 14px; line-height: 1.6;\n color: var(--ink); border-radius: 2px;\n display: flex; gap: 12px; align-items: flex-start;\n }\n .njs-pricing__anchor-icon {\n color: var(--brand-dark);\n flex-shrink: 0; margin-top: 2px;\n }\n .njs-pricing__anchor strong {\n color: var(--brand-dark); font-weight: 700;\n background: var(--brand-yellow); padding: 0 4px;\n }\n\n \/* ---------- FAQ ---------- *\/\n .njs-faq { margin-top: 24px; max-width: 920px; }\n .njs-faq__item { border-bottom: 1px solid rgba(247, 244, 237, 0.12); }\n .njs-faq__item[open] { background: rgba(247, 244, 237, 0.02); }\n .njs-faq__q {\n font-family: var(--font-display);\n font-size: 20px; font-weight: 600;\n color: var(--paper); cursor: pointer;\n list-style: none;\n display: flex; justify-content: space-between;\n align-items: flex-start; gap: 24px;\n padding: 24px 0;\n transition: color 0.2s ease;\n }\n .njs-faq__q:hover { color: var(--accent); }\n .njs-faq__q::-webkit-details-marker { display: none; }\n .njs-faq__q-icon {\n width: 24px; height: 24px;\n color: var(--accent);\n flex-shrink: 0; margin-top: 2px;\n transition: transform 0.3s ease;\n }\n details[open] .njs-faq__q-icon { transform: rotate(45deg); }\n .njs-faq__a {\n font-size: 16px; line-height: 1.7;\n color: rgba(247, 244, 237, 0.78);\n padding: 0 36px 28px 0;\n max-width: 80ch;\n }\n\n \/* ---------- Bottom CTA ---------- *\/\n .njs-bottom-cta { text-align: center; padding: 96px 0; }\n .njs-bottom-cta__pre {\n display: inline-flex; align-items: center; gap: 10px;\n margin-bottom: 24px;\n font-family: var(--font-mono);\n font-size: 12px; letter-spacing: 0.18em;\n text-transform: uppercase;\n color: var(--accent); font-weight: 600;\n }\n .njs-bottom-cta__pre-line {\n width: 32px; height: 1px; background: var(--accent);\n }\n .njs-bottom-cta__title {\n font-size: clamp(32px, 4.5vw, 52px);\n max-width: 20ch; margin: 0 auto 20px;\n }\n .njs-bottom-cta__title em { font-style: italic; color: var(--accent); }\n .njs-bottom-cta__sub {\n font-size: 17px;\n color: rgba(247, 244, 237, 0.7);\n max-width: 55ch;\n margin: 0 auto 36px;\n line-height: 1.6;\n }\n .njs-bottom-cta .njs-btn-group { justify-content: center; }\n\n \/* ===================================================== \u54cd\u5e94\u5f0f ===================================================== *\/\n @media (max-width: 820px) {\n .njs-section { padding: 64px 0; }\n .njs-hero { padding: 80px 0 64px; }\n .njs-container { padding: 0 24px; }\n\n .njs-hero__grid { grid-template-columns: 1fr; gap: 32px; }\n .njs-who-cards { grid-template-columns: 1fr; gap: 20px; }\n .njs-who__header { margin-bottom: 40px; }\n .njs-who-card__body { padding: 36px 28px; }\n .njs-who-card__text { font-size: 17px; }\n\n .njs-process__row {\n grid-template-columns: 56px 56px 1fr;\n grid-template-areas:\n \"num icon time\"\n \"what what what\"\n \"deliv deliv deliv\";\n gap: 16px 20px;\n padding: 28px 0;\n }\n .njs-process__num { grid-area: num; font-size: 28px; padding-top: 14px; }\n .njs-process__icon { grid-area: icon; }\n .njs-process__time { grid-area: time; padding-top: 22px; font-size: 12px; }\n .njs-process__what { grid-area: what; padding-top: 4px; }\n .njs-process__deliv { grid-area: deliv; }\n\n .njs-deliv-grid { grid-template-columns: 1fr; }\n .njs-pricing { grid-template-columns: 1fr; gap: 20px; }\n .njs-pricing__card { padding: 32px 28px; }\n .njs-pricing__icon { top: 28px; right: 24px; width: 28px; height: 28px; }\n .njs-faq__q { font-size: 18px; }\n .njs-faq__a { font-size: 15px; padding-right: 0; }\n .njs-process__promise {\n flex-direction: row;\n align-items: flex-start;\n gap: 16px;\n padding: 20px 24px;\n }\n .njs-btn { padding: 14px 24px; font-size: 14px; }\n .njs-bottom-cta { padding: 64px 0; }\n }\n\n @media (max-width: 600px) {\n .njs-hero__title { font-size: 36px; }\n .njs-section-title { font-size: 28px; }\n .njs-who__title { font-size: 32px; }\n .njs-who-card__cta { font-size: 13px; padding: 18px 20px; }\n }\n <\/style>\n<\/head>\n<body>\n\n <!-- ===================================================== SVG \u56fe\u6807\u5e93 ===================================================== -->\n <svg width=\"0\" height=\"0\" style=\"position:absolute\" aria-hidden=\"true\">\n <defs>\n <!-- Hero \u00b7 \u706f\u6ce1\uff08\u521b\u610f\u8d77\u70b9\uff09 -->\n <symbol id=\"i-lightbulb\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5\"\/>\n <path d=\"M9 18h6\"\/><path d=\"M10 22h4\"\/>\n <\/symbol>\n\n <!-- Hero \u00b7 \u98ce\u9669\u8b66\u544a -->\n <symbol id=\"i-alert\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"\/>\n <line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"\/>\n <line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\/>\n <\/symbol>\n\n <!-- Hero \u00b7 \u76fe\u724c+\u52fe -->\n <symbol id=\"i-shield-check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\n <path d=\"m9 12 2 2 4-4\"\/>\n <\/symbol>\n\n <!-- WhatsApp \u804a\u5929\u6c14\u6ce1 -->\n <symbol id=\"i-message-circle\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/>\n <\/symbol>\n\n <!-- Who #1 \u00b7 \u9ab0\u5b50\uff08\u684c\u6e38\u8bbe\u8ba1\u5e08\uff09 -->\n <symbol id=\"i-dice\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\"\/>\n <circle cx=\"8.5\" cy=\"8.5\" r=\"1\" fill=\"currentColor\"\/>\n <circle cx=\"15.5\" cy=\"15.5\" r=\"1\" fill=\"currentColor\"\/>\n <circle cx=\"15.5\" cy=\"8.5\" r=\"1\" fill=\"currentColor\"\/>\n <circle cx=\"8.5\" cy=\"15.5\" r=\"1\" fill=\"currentColor\"\/>\n <\/symbol>\n\n <!-- Who #2 \u00b7 \u706b\u7bad\/\u5c0f\u56e2\u961f -->\n <symbol id=\"i-rocket\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z\"\/>\n <path d=\"m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z\"\/>\n <path d=\"M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0\"\/>\n <path d=\"M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5\"\/>\n <\/symbol>\n\n <!-- Who #3 \u00b7 \u653e\u5927\u955c\uff08\u8bc4\u4f30\uff09 -->\n <symbol id=\"i-search\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"11\" cy=\"11\" r=\"8\"\/>\n <path d=\"m21 21-4.3-4.3\"\/>\n <\/symbol>\n\n <!-- Process #1 \u00b7 \u6e05\u5355\/BOM -->\n <symbol id=\"i-clipboard-list\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <rect width=\"8\" height=\"4\" x=\"8\" y=\"2\" rx=\"1\" ry=\"1\"\/>\n <path d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"\/>\n <path d=\"M12 11h4\"\/><path d=\"M12 16h4\"\/>\n <path d=\"M8 11h.01\"\/><path d=\"M8 16h.01\"\/>\n <\/symbol>\n\n <!-- Process #2 \u00b7 \u5c42\u53e0\uff08\u6750\u8d28\/\u5305\u88c5\uff09 -->\n <symbol id=\"i-layers\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z\"\/>\n <path d=\"m22 12.18-9.59 4.36a2 2 0 0 1-1.66 0L2 12.18\"\/>\n <path d=\"m22 17.18-9.59 4.36a2 2 0 0 1-1.66 0L2 17.18\"\/>\n <\/symbol>\n\n <!-- Process #3 \u00b7 \u8ba1\u7b97\u5668\uff08\u6210\u672c\/\u5b9a\u4ef7\uff09 -->\n <symbol id=\"i-calculator\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"\/>\n <line x1=\"8\" y1=\"6\" x2=\"16\" y2=\"6\"\/>\n <line x1=\"16\" y1=\"14\" x2=\"16\" y2=\"18\"\/>\n <path d=\"M8 10h.01\"\/><path d=\"M12 10h.01\"\/><path d=\"M16 10h.01\"\/>\n <path d=\"M8 14h.01\"\/><path d=\"M12 14h.01\"\/>\n <path d=\"M8 18h.01\"\/><path d=\"M12 18h.01\"\/>\n <\/symbol>\n\n <!-- Process #4 \u00b7 \u7acb\u65b9\u4f53\uff08\u5b9e\u7269\u6837\u54c1\uff09 -->\n <symbol id=\"i-box\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/>\n <polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\/>\n <line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\/>\n <\/symbol>\n\n <!-- Deliverable \u00b7 PDF \u6587\u4ef6 -->\n <symbol id=\"i-file-text\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/>\n <polyline points=\"14 2 14 8 20 8\"\/>\n <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/>\n <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/>\n <line x1=\"10\" y1=\"9\" x2=\"8\" y2=\"9\"\/>\n <\/symbol>\n\n <!-- Deliverable \u00b7 \u8868\u683c XLS -->\n <symbol id=\"i-table\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\"\/>\n <line x1=\"3\" y1=\"9\" x2=\"21\" y2=\"9\"\/>\n <line x1=\"3\" y1=\"15\" x2=\"21\" y2=\"15\"\/>\n <line x1=\"9\" y1=\"3\" x2=\"9\" y2=\"21\"\/>\n <line x1=\"15\" y1=\"3\" x2=\"15\" y2=\"21\"\/>\n <\/symbol>\n\n <!-- Deliverable \u00b7 \u9879\u76ee\u7ecf\u7406 -->\n <symbol id=\"i-user-headset\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M3 11v3a1 1 0 0 0 1 1h2v-5H4a1 1 0 0 0-1 1z\"\/>\n <path d=\"M21 11v3a1 1 0 0 1-1 1h-2v-5h2a1 1 0 0 1 1 1z\"\/>\n <path d=\"M3 11a9 9 0 1 1 18 0\"\/>\n <path d=\"M18 17a3 3 0 0 1-3 3h-2\"\/>\n <circle cx=\"11\" cy=\"20\" r=\"2\"\/>\n <\/symbol>\n\n <!-- Deliverable \u00b7 \u9501\uff08NDA\uff09 -->\n <symbol id=\"i-lock\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <rect width=\"18\" height=\"11\" x=\"3\" y=\"11\" rx=\"2\" ry=\"2\"\/>\n <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/>\n <\/symbol>\n\n <!-- Pricing \u00b7 \u65f6\u949f -->\n <symbol id=\"i-clock\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n <polyline points=\"12 6 12 12 16 14\"\/>\n <\/symbol>\n\n <!-- Pricing \u00b7 \u8d8b\u52bf -->\n <symbol id=\"i-trending-up\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"22 7 13.5 15.5 8.5 10.5 2 17\"\/>\n <polyline points=\"16 7 22 7 22 13\"\/>\n <\/symbol>\n\n <!-- Pricing \u00b7 \u94a5\u5319\uff08\u4ec0\u4e48\u5f52\u4f60\u6240\u6709\uff09 -->\n <symbol id=\"i-key\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"7.5\" cy=\"15.5\" r=\"5.5\"\/>\n <path d=\"m21 2-9.6 9.6\"\/>\n <path d=\"m15.5 7.5 3 3L22 7l-3-3\"\/>\n <\/symbol>\n\n <!-- Pricing \u00b7 \u5956\u676f ROI -->\n <symbol id=\"i-trophy\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M6 9H4.5a2.5 2.5 0 0 1 0-5H6\"\/>\n <path d=\"M18 9h1.5a2.5 2.5 0 0 0 0-5H18\"\/>\n <path d=\"M4 22h16\"\/>\n <path d=\"M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20.24 7 22\"\/>\n <path d=\"M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20.24 17 22\"\/>\n <path d=\"M18 2H6v7a6 6 0 0 0 12 0V2Z\"\/>\n <\/symbol>\n\n <!-- FAQ \u00b7 + \u53f7 -->\n <symbol id=\"i-plus\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/>\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/>\n <\/symbol>\n\n <!-- \u7bad\u5934 \u2192 -->\n <symbol id=\"i-arrow-right\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/>\n <polyline points=\"12 5 19 12 12 19\"\/>\n <\/symbol>\n <\/defs>\n <\/svg>\n\n <!-- ===================================================== Section 1 \u00b7 Hero ===================================================== -->\n <section class=\"njs-hero\">\n <div class=\"njs-container\">\n <div class=\"njs-hero__module-tag\">\n <svg class=\"njs-icon njs-icon--sm\"><use href=\"#i-lightbulb\"\/><\/svg>\n M1 \u00b7 Idea to Product\n <\/div>\n <h1 class=\"njs-hero__title\">\n From one idea<br>\n to one great <em>box.<\/em>\n <\/h1>\n\n <div class=\"njs-hero__grid\">\n <div class=\"njs-hero__col\">\n <div class=\"njs-hero__col-label\">\n <svg class=\"njs-icon njs-icon--sm\"><use href=\"#i-alert\"\/><\/svg>\n The Risk\n <\/div>\n <p class=\"njs-hero__col-text\">\n You have the idea. You have the gameplay. But you don't know how to turn it into something people will actually pay for \u2014 and the wrong decisions early on quietly lock in cost, format, and audience you can't undo later.\n <\/p>\n <\/div>\n\n <div class=\"njs-hero__col njs-hero__col--right\">\n <div class=\"njs-hero__col-label\">\n <svg class=\"njs-icon njs-icon--sm\"><use href=\"#i-shield-check\"\/><\/svg>\n What We Do\n <\/div>\n <p class=\"njs-hero__col-text\">\n In <strong>4\u20138 weeks,<\/strong> we help you go from concept to a <strong>production-ready prototype<\/strong> \u2014 with the BOM, costing, and physical sample to back it up.\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"njs-hero__cta\">\n <div class=\"njs-btn-group\">\n <a href=\"https:\/\/nanjiangames.com\/contact\/\" class=\"njs-btn njs-btn--primary\">\n Book a Free Consultation\n <svg class=\"njs-icon njs-icon--sm njs-btn__arrow\"><use href=\"#i-arrow-right\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/wa.me\/6593411679\" class=\"njs-btn njs-btn--secondary\" style=\"color: var(--ink); border-color: var(--ink);\" target=\"_blank\" rel=\"noopener noreferrer\">\n <svg class=\"njs-icon njs-icon--sm\"><use href=\"#i-message-circle\"\/><\/svg>\n WhatsApp Us\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ===================================================== Section 2 \u00b7 Who This Is For \u2500 3 \u5217\u5361\u7247 ===================================================== -->\n <section class=\"njs-section njs-section--dark\">\n <div class=\"njs-container\">\n\n <!-- \u5c45\u4e2d\u6807\u9898\uff08\u65e0 eyebrow \u6807\u7b7e\uff0c\u66f4\u7a81\u51fa\u4e3b\u6807\u9898\uff09 -->\n <div class=\"njs-who__header\">\n <h2 class=\"njs-who__title\">This solution is for you if:<\/h2>\n <\/div>\n\n <!-- 3 \u5f20\u5e76\u5217\u5361\u7247 \u2014 \u6bcf\u5f20\u542b\u9ec4\u8272\u63cf\u8fb9 + \u5e95\u90e8\u8d2f\u7a7f CTA -->\n <div class=\"njs-who-cards\">\n\n <a href=\"https:\/\/nanjiangames.com\/contact\/\" class=\"njs-who-card\">\n <div class=\"njs-who-card__body\">\n <p class=\"njs-who-card__text\">\n You are an indie board game designer. Your gameplay has been playtested more than 5 times, but you don't know how to commercialize it.\n <\/p>\n <\/div>\n <div class=\"njs-who-card__cta\">\n Book a Consultation\n <span class=\"njs-who-card__cta-arrow\">><\/span>\n <\/div>\n <\/a>\n\n <a href=\"https:\/\/nanjiangames.com\/contact\/\" class=\"njs-who-card\">\n <div class=\"njs-who-card__body\">\n <p class=\"njs-who-card__text\">\n You are a startup team with a board game idea but lack production experience.\n <\/p>\n <\/div>\n <div class=\"njs-who-card__cta\">\n Book a Consultation\n <span class=\"njs-who-card__cta-arrow\">><\/span>\n <\/div>\n <\/a>\n\n <a href=\"https:\/\/nanjiangames.com\/contact\/\" class=\"njs-who-card\">\n <div class=\"njs-who-card__body\">\n <p class=\"njs-who-card__text\">\n You already have simple art prototypes and want to evaluate whether this game is worth mass producing.\n <\/p>\n <\/div>\n <div class=\"njs-who-card__cta\">\n Book a Consultation\n <span class=\"njs-who-card__cta-arrow\">><\/span>\n <\/div>\n <\/a>\n\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ===================================================== Section 3 \u00b7 Process ===================================================== -->\n <section class=\"njs-section\">\n <div class=\"njs-container\">\n <div class=\"njs-section-header\">\n <div class=\"njs-eyebrow\">03 \u00b7 Our Process<\/div>\n <h2 class=\"njs-section-title\">\n Four phases. Front-loaded so you can <em>stop early<\/em> \u2014 and we'll tell you when to.\n <\/h2>\n <\/div>\n\n <!-- CLIENT-FIRST \u627f\u8bfa\u6761 -->\n <div class=\"njs-process__promise\">\n <svg class=\"njs-process__promise-shield\"><use href=\"#i-shield-check\"\/><\/svg>\n <div class=\"njs-process__promise-body\">\n <div class=\"njs-process__promise-icon\">CLIENT-FIRST GUARANTEE<\/div>\n <div class=\"njs-process__promise-text\">\n You can end the engagement at any phase. Everything delivered up to that point belongs to you \u2014 no clawback, no NDA-locked artifacts. If we think your project isn't ready for production, we'll say so before you spend on tooling.\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"njs-process\">\n <div class=\"njs-process__row\">\n <div class=\"njs-process__num\">01<\/div>\n <div class=\"njs-process__icon\"><svg class=\"njs-icon njs-icon--lg\"><use href=\"#i-clipboard-list\"\/><\/svg><\/div>\n <div class=\"njs-process__time\">Week 1<\/div>\n <div class=\"njs-process__what\">\n <h4>Component structure planning<\/h4>\n <\/div>\n <div class=\"njs-process__deliv\">\n <div class=\"njs-process__deliv-label\">\n <svg class=\"njs-icon njs-icon--sm\"><use href=\"#i-arrow-right\"\/><\/svg>\n You Receive\n <\/div>\n <div class=\"njs-process__deliv-text\">Draft Component BOM (Bill of Materials) \u2014 every piece in your game, spec'd<\/div>\n <\/div>\n <\/div>\n\n <div class=\"njs-process__row\">\n <div class=\"njs-process__num\">02<\/div>\n <div class=\"njs-process__icon\"><svg class=\"njs-icon njs-icon--lg\"><use href=\"#i-layers\"\/><\/svg><\/div>\n <div class=\"njs-process__time\">Week 2<\/div>\n <div class=\"njs-process__what\">\n <h4>Material & packaging direction<\/h4>\n <\/div>\n <div class=\"njs-process__deliv\">\n <div class=\"njs-process__deliv-label\">\n <svg class=\"njs-icon njs-icon--sm\"><use href=\"#i-arrow-right\"\/><\/svg>\n You Receive\n <\/div>\n <div class=\"njs-process__deliv-text\">Material Comparison Sheet + Packaging Direction Brief \u2014 with cost & shelf-impact trade-offs<\/div>\n <\/div>\n <\/div>\n\n <div class=\"njs-process__row\">\n <div class=\"njs-process__num\">03<\/div>\n <div class=\"njs-process__icon\"><svg class=\"njs-icon njs-icon--lg\"><use href=\"#i-calculator\"\/><\/svg><\/div>\n <div class=\"njs-process__time\">Week 3<\/div>\n <div class=\"njs-process__what\">\n <h4>Cost structure & pricing guidance<\/h4>\n <\/div>\n <div class=\"njs-process__deliv\">\n <div class=\"njs-process__deliv-label\">\n <svg class=\"njs-icon njs-icon--sm\"><use href=\"#i-arrow-right\"\/><\/svg>\n You Receive\n <\/div>\n <div class=\"njs-process__deliv-text\">Cost Structure Sheet \u2014 per-unit landed cost at 500 \/ 2k \/ 5k volumes + retail price recommendation<\/div>\n <\/div>\n <\/div>\n\n <div class=\"njs-process__row\">\n <div class=\"njs-process__num\">04<\/div>\n <div class=\"njs-process__icon\"><svg class=\"njs-icon njs-icon--lg\"><use href=\"#i-box\"\/><\/svg><\/div>\n <div class=\"njs-process__time\">Week 7\u20138<\/div>\n <div class=\"njs-process__what\">\n <h4>Hand-crafted production sample<\/h4>\n <\/div>\n <div class=\"njs-process__deliv\">\n <div class=\"njs-process__deliv-label\">\n <svg class=\"njs-icon njs-icon--sm\"><use href=\"#i-arrow-right\"\/><\/svg>\n You Receive\n <\/div>\n <div class=\"njs-process__deliv-text\">1 full physical sample \u2014 to playtest, pitch, photograph, or take to Kickstarter<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ===================================================== Section 4 \u00b7 Deliverables ===================================================== -->\n <section class=\"njs-section njs-section--warm\">\n <div class=\"njs-container\">\n <div class=\"njs-section-header\">\n <div class=\"njs-eyebrow\">04 \u00b7 Deliverables<\/div>\n <h2 class=\"njs-section-title\">\n What lands in your inbox.\n <\/h2>\n <\/div>\n\n <div class=\"njs-deliv-grid\">\n <div class=\"njs-deliv-card\">\n <div class=\"njs-deliv-card__icon\"><svg class=\"njs-icon njs-icon--lg\"><use href=\"#i-table\"\/><\/svg><\/div>\n <div class=\"njs-deliv-card__body\">\n <div class=\"njs-deliv-card__type\">Excel Sheet<\/div>\n <div class=\"njs-deliv-card__text\">Component BOM Draft \u2014 every piece, every spec, ready to send to any manufacturer<\/div>\n <\/div>\n <\/div>\n\n <div class=\"njs-deliv-card\">\n <div class=\"njs-deliv-card__icon\"><svg class=\"njs-icon njs-icon--lg\"><use href=\"#i-file-text\"\/><\/svg><\/div>\n <div class=\"njs-deliv-card__body\">\n <div class=\"njs-deliv-card__type\">PDF Report<\/div>\n <div class=\"njs-deliv-card__text\">Material Comparison Sheet \u2014 paper weights, finishes, miniature options with trade-offs<\/div>\n <\/div>\n <\/div>\n\n <div class=\"njs-deliv-card\">\n <div class=\"njs-deliv-card__icon\"><svg class=\"njs-icon njs-icon--lg\"><use href=\"#i-file-text\"\/><\/svg><\/div>\n <div class=\"njs-deliv-card__body\">\n <div class=\"njs-deliv-card__type\">PDF Brief<\/div>\n <div class=\"njs-deliv-card__text\">Packaging Direction \u2014 box structure, insert design, shelf footprint<\/div>\n <\/div>\n <\/div>\n\n <div class=\"njs-deliv-card\">\n <div class=\"njs-deliv-card__icon\"><svg class=\"njs-icon njs-icon--lg\"><use href=\"#i-table\"\/><\/svg><\/div>\n <div class=\"njs-deliv-card__body\">\n <div class=\"njs-deliv-card__type\">Excel Sheet<\/div>\n <div class=\"njs-deliv-card__text\">Cost Structure Sheet \u2014 landed cost across volume tiers + retail price guidance<\/div>\n <\/div>\n <\/div>\n\n <div class=\"njs-deliv-card\">\n <div class=\"njs-deliv-card__icon\"><svg class=\"njs-icon njs-icon--lg\"><use href=\"#i-box\"\/><\/svg><\/div>\n <div class=\"njs-deliv-card__body\">\n <div class=\"njs-deliv-card__type\">Physical Sample<\/div>\n <div class=\"njs-deliv-card__text\">1 hand-made production sample \u2014 components + box, ready for playtest or Kickstarter video<\/div>\n <\/div>\n <\/div>\n\n <div class=\"njs-deliv-card\">\n <div class=\"njs-deliv-card__icon\"><svg class=\"njs-icon njs-icon--lg\"><use href=\"#i-user-headset\"\/><\/svg><\/div>\n <div class=\"njs-deliv-card__body\">\n <div class=\"njs-deliv-card__type\">Dedicated Support<\/div>\n <div class=\"njs-deliv-card__text\">Project manager \u00b7 WeChat \/ email \/ Zoom \u2014 no ticket queues<\/div>\n <\/div>\n <\/div>\n\n <div class=\"njs-deliv-card\">\n <div class=\"njs-deliv-card__icon\"><svg class=\"njs-icon njs-icon--lg\"><use href=\"#i-lock\"\/><\/svg><\/div>\n <div class=\"njs-deliv-card__body\">\n <div class=\"njs-deliv-card__type\">Legal<\/div>\n <div class=\"njs-deliv-card__text\">Signed mutual NDA before any file is exchanged<\/div>\n <\/div>\n <\/div>\n\n <div class=\"njs-deliv-card\">\n <div class=\"njs-deliv-card__icon\"><svg class=\"njs-icon njs-icon--lg\"><use href=\"#i-key\"\/><\/svg><\/div>\n <div class=\"njs-deliv-card__body\">\n <div class=\"njs-deliv-card__type\">Ownership<\/div>\n <div class=\"njs-deliv-card__text\">Every artifact above belongs to you \u2014 even if you take it to another factory<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ===================================================== Section 5 \u00b7 Pricing ===================================================== -->\n <section class=\"njs-section\">\n <div class=\"njs-container\">\n <div class=\"njs-section-header\">\n <div class=\"njs-eyebrow\">05 \u00b7 Timeline & Investment<\/div>\n <h2 class=\"njs-section-title\">\n Honest signals, not <em>\"contact us for a quote.\"<\/em>\n <\/h2>\n <\/div>\n\n <div class=\"njs-pricing\">\n <div class=\"njs-pricing__card\">\n <svg class=\"njs-pricing__icon\"><use href=\"#i-clock\"\/><\/svg>\n <div class=\"njs-pricing__label\">\n <svg class=\"njs-icon njs-icon--sm\"><use href=\"#i-clock\"\/><\/svg>\n Typical Timeline\n <\/div>\n <div class=\"njs-pricing__signal\">4\u20138 weeks<br><em>concept to sample<\/em><\/div>\n <div class=\"njs-pricing__detail\">Weeks 1\u20133 are strategy-heavy. Week 4\u20136 is when we source materials and refine specs. Weeks 7\u20138 are physical sample-making and final review.<\/div>\n <div class=\"njs-pricing__anchor\">\n <svg class=\"njs-icon njs-icon--md njs-pricing__anchor-icon\"><use href=\"#i-key\"\/><\/svg>\n <div><strong>What you keep:<\/strong> every deliverable \u2014 BOM, material sheets, costing, physical sample \u2014 is yours, even if you take it to another manufacturer afterward.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"njs-pricing__card\">\n <svg class=\"njs-pricing__icon\"><use href=\"#i-trending-up\"\/><\/svg>\n <div class=\"njs-pricing__label\">\n <svg class=\"njs-icon njs-icon--sm\"><use href=\"#i-trending-up\"\/><\/svg>\n Investment\n <\/div>\n <div class=\"njs-pricing__signal\">Strategy fee:<br><em>starts at USD 200<\/em><\/div>\n <div class=\"njs-pricing__detail\">Scaled to complexity. Most engagements fall in the USD 200\u20134,500 range. <strong>If you move to mass production with us, the full strategy fee is credited back against your production cost.<\/strong><\/div>\n <div class=\"njs-pricing__anchor\">\n <svg class=\"njs-icon njs-icon--md njs-pricing__anchor-icon\"><use href=\"#i-trophy\"\/><\/svg>\n <div><strong>Why this matters:<\/strong> the strategy fee isn't how we make money \u2014 production is. The fee exists to filter for serious projects, and to make sure you only pay for advice that's actually independent.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ===================================================== Section 6 \u00b7 FAQ ===================================================== -->\n <section class=\"njs-section njs-section--dark\">\n <div class=\"njs-container\">\n <div class=\"njs-section-header\">\n <div class=\"njs-eyebrow\">06 \u00b7 FAQ<\/div>\n <h2 class=\"njs-section-title\">\n The questions <em>everyone<\/em> asks before they sign.\n <\/h2>\n <\/div>\n\n <div class=\"njs-faq\">\n <details class=\"njs-faq__item\">\n <summary class=\"njs-faq__q\">\n <span>I've already signed with another factory. Can you still do pre-press for me?<\/span>\n <svg class=\"njs-faq__q-icon\"><use href=\"#i-plus\"\/><\/svg>\n <\/summary>\n <div class=\"njs-faq__a\">Yes. We offer a standalone <strong>Pre-Press Audit<\/strong> service that does not bundle production. You get the report and decide independently \u2014 fix at your current factory, or move production to us. Most clients end up moving over, but that's never a condition of the audit.<\/div>\n <\/details>\n\n <details class=\"njs-faq__item\">\n <summary class=\"njs-faq__q\">\n <span>Can you guarantee zero defects?<\/span>\n <svg class=\"njs-faq__q-icon\"><use href=\"#i-plus\"\/><\/svg>\n <\/summary>\n <div class=\"njs-faq__a\">No. Any industrial product has a defect rate. What we contractually commit to: <strong>defect rate <0.3%<\/strong>. Anything above that ceiling, we reprint or refund \u2014 written into the master contract, not goodwill.<\/div>\n <\/details>\n\n <details class=\"njs-faq__item\">\n <summary class=\"njs-faq__q\">\n <span>My design files are confidential. How do you prevent leaks?<\/span>\n <svg class=\"njs-faq__q-icon\"><use href=\"#i-plus\"\/><\/svg>\n <\/summary>\n <div class=\"njs-faq__a\">Single project manager assigned. Files live in an encrypted project workspace, accessible only to authorized engineers. We sign an NDA before any file transfer, and breach penalties are written into the master contract.<\/div>\n <\/details>\n\n <details class=\"njs-faq__item\">\n <summary class=\"njs-faq__q\">\n <span>I'm already mid-production and just hit a problem. Can you firefight?<\/span>\n <svg class=\"njs-faq__q-icon\"><use href=\"#i-plus\"\/><\/svg>\n <\/summary>\n <div class=\"njs-faq__a\">Yes \u2014 we run an <strong>Emergency Audit<\/strong> service with on-site or remote response inside 48 hours. Honest caveat: this only works if your current factory cooperates. The cleaner path is always to audit before the press starts.<\/div>\n <\/details>\n\n <details class=\"njs-faq__item\">\n <summary class=\"njs-faq__q\">\n <span>Will your unit cost beat my current factory?<\/span>\n <svg class=\"njs-faq__q-icon\"><use href=\"#i-plus\"\/><\/svg>\n <\/summary>\n <div class=\"njs-faq__a\">We don't compete on raw unit price. But our material-substitution phase typically saves <strong>8%\u201315%<\/strong> on component cost with no perceived quality loss. Combine that with the reprint losses you avoid, and the total cost-of-ownership usually beats a pure price-shopping bid.<\/div>\n <\/details>\n\n <details class=\"njs-faq__item\">\n <summary class=\"njs-faq__q\">\n <span>Can I specify finishes like foil, embossing, spot UV?<\/span>\n <svg class=\"njs-faq__q-icon\"><use href=\"#i-plus\"\/><\/svg>\n <\/summary>\n <div class=\"njs-faq__a\">Yes. We run the full boardgame post-process line: foil stamping (gold\/silver), embossing, spot UV, soft-touch laminate, custom die-cuts. The Component Engineering Sheet shows cost impact and fit recommendation for each technique.<\/div>\n <\/details>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ===================================================== Section 7 \u00b7 Bottom CTA ===================================================== -->\n <section class=\"njs-bottom-cta njs-section--dark\">\n <div class=\"njs-container\">\n <div class=\"njs-bottom-cta__pre\">\n <span class=\"njs-bottom-cta__pre-line\"><\/span>\n <svg class=\"njs-icon njs-icon--sm\"><use href=\"#i-lightbulb\"\/><\/svg>\n Ready to start\n <span class=\"njs-bottom-cta__pre-line\"><\/span>\n <\/div>\n <h2 class=\"njs-bottom-cta__title\">\n Before you spend on art, on print, on shipping \u2014 <em>let's see if it's worth it.<\/em>\n <\/h2>\n <p class=\"njs-bottom-cta__sub\">\n Book a free 30-minute consultation. We'll review your concept live and tell you honestly whether it's ready for production \u2014 even if you never become a client.\n <\/p>\n <div class=\"njs-btn-group\">\n <a href=\"https:\/\/nanjiangames.com\/contact\/\" class=\"njs-btn njs-btn--primary\">\n Book a Free Consultation\n <svg class=\"njs-icon njs-icon--sm njs-btn__arrow\"><use href=\"#i-arrow-right\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/wa.me\/6593411679\" class=\"njs-btn njs-btn--secondary\" target=\"_blank\" rel=\"noopener noreferrer\">\n <svg class=\"njs-icon njs-icon--sm\"><use href=\"#i-message-circle\"\/><\/svg>\n WhatsApp Us\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n<\/body>\n<\/html>\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>Idea to Product | NANJIAN Solutions M1 \u00b7 Idea to Product From one idea to one great box. The Risk You have the idea. You have the gameplay. But you don’t know how to turn it into something people will actually pay for \u2014 and the wrong decisions early on quietly lock in cost, format, […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2624","page","type-page","status-publish","hentry"],"blocksy_meta":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v23.0 (Yoast SEO v28.1) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Idea to Product - NANJIAN Games<\/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:\/\/nanjiangames.com\/es\/idea-to-product\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Idea to Product\" \/>\n<meta property=\"og:description\" content=\"Idea to Product | NANJIAN Solutions M1 \u00b7 Idea to Product From one idea to one great box. The Risk You have the idea. You have the gameplay. But you don’t know how to turn it into something people will actually pay for \u2014 and the wrong decisions early on quietly lock in cost, format, […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/nanjiangames.com\/es\/idea-to-product\/\" \/>\n<meta property=\"og:site_name\" content=\"NANJIAN Games\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-29T11:41:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/nanjiangames.com\/wp-content\/uploads\/2024\/06\/IMG_8280-scaled.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/nanjiangames.com\\\/idea-to-product\\\/\",\"url\":\"https:\\\/\\\/nanjiangames.com\\\/idea-to-product\\\/\",\"name\":\"Idea to Product - NANJIAN Games\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/nanjiangames.com\\\/#website\"},\"datePublished\":\"2026-06-29T01:22:22+00:00\",\"dateModified\":\"2026-06-29T11:41:47+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/nanjiangames.com\\\/idea-to-product\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/nanjiangames.com\\\/idea-to-product\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/nanjiangames.com\\\/idea-to-product\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/nanjiangames.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Idea to Product\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/nanjiangames.com\\\/#website\",\"url\":\"https:\\\/\\\/nanjiangames.com\\\/\",\"name\":\"NANJIAN Games\",\"description\":\"Board Game Manufacturer\",\"publisher\":{\"@id\":\"https:\\\/\\\/nanjiangames.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/nanjiangames.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/nanjiangames.com\\\/#organization\",\"name\":\"NANJIAN Games\",\"url\":\"https:\\\/\\\/nanjiangames.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/nanjiangames.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/nanjiangames.com\\\/wp-content\\\/uploads\\\/2024\\\/02\\\/\u5357\u5065logoRGB_1-scaled.webp\",\"contentUrl\":\"https:\\\/\\\/nanjiangames.com\\\/wp-content\\\/uploads\\\/2024\\\/02\\\/\u5357\u5065logoRGB_1-scaled.webp\",\"width\":2560,\"height\":755,\"caption\":\"NANJIAN Games\"},\"image\":{\"@id\":\"https:\\\/\\\/nanjiangames.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Idea to Product - NANJIAN Games","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:\/\/nanjiangames.com\/es\/idea-to-product\/","og_locale":"es_ES","og_type":"article","og_title":"Idea to Product","og_description":"Idea to Product | NANJIAN Solutions M1 \u00b7 Idea to Product From one idea to one great box. The Risk You have the idea. You have the gameplay. But you don’t know how to turn it into something people will actually pay for \u2014 and the wrong decisions early on quietly lock in cost, format, […]","og_url":"https:\/\/nanjiangames.com\/es\/idea-to-product\/","og_site_name":"NANJIAN Games","article_modified_time":"2026-06-29T11:41:47+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/nanjiangames.com\/wp-content\/uploads\/2024\/06\/IMG_8280-scaled.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/nanjiangames.com\/idea-to-product\/","url":"https:\/\/nanjiangames.com\/idea-to-product\/","name":"Idea to Product - NANJIAN Games","isPartOf":{"@id":"https:\/\/nanjiangames.com\/#website"},"datePublished":"2026-06-29T01:22:22+00:00","dateModified":"2026-06-29T11:41:47+00:00","breadcrumb":{"@id":"https:\/\/nanjiangames.com\/idea-to-product\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/nanjiangames.com\/idea-to-product\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/nanjiangames.com\/idea-to-product\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/nanjiangames.com\/"},{"@type":"ListItem","position":2,"name":"Idea to Product"}]},{"@type":"WebSite","@id":"https:\/\/nanjiangames.com\/#website","url":"https:\/\/nanjiangames.com\/","name":"Juegos NANJIAN","description":"Fabricante de juegos de mesa","publisher":{"@id":"https:\/\/nanjiangames.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/nanjiangames.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/nanjiangames.com\/#organization","name":"Juegos NANJIAN","url":"https:\/\/nanjiangames.com\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/nanjiangames.com\/#\/schema\/logo\/image\/","url":"https:\/\/nanjiangames.com\/wp-content\/uploads\/2024\/02\/\u5357\u5065logoRGB_1-scaled.webp","contentUrl":"https:\/\/nanjiangames.com\/wp-content\/uploads\/2024\/02\/\u5357\u5065logoRGB_1-scaled.webp","width":2560,"height":755,"caption":"NANJIAN Games"},"image":{"@id":"https:\/\/nanjiangames.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/nanjiangames.com\/es\/wp-json\/wp\/v2\/pages\/2624","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nanjiangames.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nanjiangames.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nanjiangames.com\/es\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/nanjiangames.com\/es\/wp-json\/wp\/v2\/comments?post=2624"}],"version-history":[{"count":15,"href":"https:\/\/nanjiangames.com\/es\/wp-json\/wp\/v2\/pages\/2624\/revisions"}],"predecessor-version":[{"id":2757,"href":"https:\/\/nanjiangames.com\/es\/wp-json\/wp\/v2\/pages\/2624\/revisions\/2757"}],"wp:attachment":[{"href":"https:\/\/nanjiangames.com\/es\/wp-json\/wp\/v2\/media?parent=2624"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}