// Octopak website — How we work (/process) const { Button, Card } = window.OctopakDesignSystem_bc06ed; const { SectionHead, ClosingCTA, Icon, WhatsAppGlyph, waLink, WA_DEFAULT, FAQList, FiveStepStrip, FIVE_STEPS, routeToHref } = window; const { useEffect } = React; const PROCESS_FAQS = [ { q: "How long does the whole process take?", a: "Six to eight weeks from mockup sign-off, all in. The first few weeks are talking, checking artwork, and getting the mockup right. Production runs after sign-off." }, { q: "What do I need to send you to start?", a: "Your artwork in print-ready form, or close to it. Vector files (AI, EPS, PDF) are best; 300 dpi raster works for photography. If you are missing pieces, send what you have; Octopak tells you what is workable." }, { q: "Will I see a proof before production?", a: "Yes. Every customised job goes through a digital mockup before anything prints. Physical mockups are available on request, adding one to two weeks and a possible cost depending on the product." }, { q: "Can I make changes after mockup sign-off?", a: "Small changes, sometimes. Anything that affects the print plate, the dieline, or the substrate restarts parts of the process. Octopak tells you what is feasible before you sign off." }, { q: "Do you help with design?", a: "Octopak is a packaging partner, not a design studio. We check your artwork, advise on print method, paper, colour, and finishes, and sort out file-level issues. The brand and artwork come from you; we make sure they are produced well." }, ]; // HowTo + FAQPage + BreadcrumbList schema, injected into (same pattern // as GuideView's useGuideSchema). HowTo is built from the shared FIVE_STEPS, // FAQPage from PROCESS_FAQS, BreadcrumbList is static. function useProcessSchema() { useEffect(() => { const steps = FIVE_STEPS || []; const blocks = [ { "@context": "https://schema.org", "@type": "HowTo", "name": "How a customised packaging job runs at Octopak", "description": "Five steps from first message to delivered pallet, typically six to eight weeks from mockup sign-off.", "totalTime": "P56D", "step": steps.map((s, i) => ({ "@type": "HowToStep", "position": i + 1, "name": s.t, "text": s.b, })), }, { "@context": "https://schema.org", "@type": "FAQPage", "mainEntity": PROCESS_FAQS.map((f) => ({ "@type": "Question", "name": f.q, "acceptedAnswer": { "@type": "Answer", "text": f.a }, })), }, { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "name": "Home", "item": "https://octopak.com/" }, { "@type": "ListItem", "position": 2, "name": "How we work", "item": "https://octopak.com/process" }, ], }, ]; const nodes = blocks.map((b) => { const s = document.createElement("script"); s.type = "application/ld+json"; s.setAttribute("data-process-schema", ""); s.textContent = JSON.stringify(b); document.head.appendChild(s); return s; }); return () => nodes.forEach((n) => n.remove()); }, []); } function ProcessView({ onNavigate }) { useProcessSchema(); return (

How we work

From first message to delivered pallet.

A customised packaging job is a series of decisions, not a single transaction. This is how Octopak runs it, in five steps. The whole thing usually takes six to eight weeks from mockup sign-off.

{/* Five-step strip */}
WhatsApp us ), "02": ( { e.preventDefault(); onNavigate("guide#what-to-send"); }}> See what to send us → ), }} />
{/* What we help with, and what we do not */}

A packaging partner

Where we help, and where we hand off.

Octopak is a packaging partner with hands-on guidance through production. The brand and the artwork are yours; once you have those, we take it from there and make sure they are made well. Here is the honest split, so the conversation starts in the right place.

Where we help

  • File checks for print readiness
  • Recommendations on print method, paper, colour, and finishes
  • File-level tweaks: resolution, colour profile, bleed, dieline fit
  • Walking you through trade-offs between options
  • Owning quality and accountability from sign-off to delivery

Where we hand off

  • Creating a brand, logo, or visual identity from scratch
  • Designing artwork from a mood board, sketches, or references
  • Design as a standalone paid service

If you are still shaping the brand, that part happens before you come to us. Once the artwork is ready, we will take good care of it.

{/* File & artwork guidance */}

File formats accepted

Vector files (AI, EPS, PDF) for logos and line art. Raster files (TIFF or high-quality JPEG) at 300 dpi minimum for photography. Brand colours as Pantone codes where you have them. If your files are not yet in these formats, send what you have; we will tell you what is workable.

Dielines & bleed basics

A dieline is the flat cutting template for your packaging; bleed is the 3 to 5mm of extra artwork that runs past the cut line so the print reaches the edge cleanly. Bring a dieline if you have one. If you do not, Octopak sends you one once we have agreed the size and format.

{ e.preventDefault(); onNavigate("guide#what-to-send"); }}> Read more in our Print & Materials Guide: What to send us →

{/* Mockup options */}

Every customised job goes through a digital mockup before production. Octopak sends a digital proof showing how your artwork will print on the chosen substrate, with colour and finish indicated as accurately as a screen can show. You sign off before anything prints.

Physical mockups are available on request. They are useful when colour accuracy or tactile finishes (foil, embossing, spot UV, paper texture) are decision-critical. The trade-off is one to two extra weeks and a possible mockup cost, depending on the product. Octopak tells you upfront whether a physical mockup is worth it for your job.

Digital mockup

Standard for every customised job. Included. Sent for sign-off before production starts.

Physical mockup

By request. Adds one to two weeks to the schedule, at a cost that depends on the product. Useful when colour or tactile finishes need to be confirmed in hand.

{/* Common questions */}
); } Object.assign(window, { ProcessView });