{"id":334,"date":"2025-09-25T15:08:03","date_gmt":"2025-09-25T15:08:03","guid":{"rendered":"https:\/\/imanconsulting.fi\/?p=334"},"modified":"2025-10-05T15:25:25","modified_gmt":"2025-10-05T15:25:25","slug":"business-desing-demo-marine-craft","status":"publish","type":"post","link":"https:\/\/imanconsulting.fi\/?p=334","title":{"rendered":"Business Desing Demo: Marine Craft"},"content":{"rendered":"\n<p><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p><strong>Marine Craft Oy<\/strong>&nbsp;on erikoistunut korkealuokkaisten, r\u00e4\u00e4t\u00e4l\u00f6ityjen moottoriveneiden suunnitteluun, valmistukseen ja toimitusprojekteihin. Yrityksen ydinosaamista ovat asiakaskohtaiset luksusratkaisut, viimeistelyyn asti viety k\u00e4sity\u00f6laatu sek\u00e4 tekninen innovatiivisuus. Asiakaskunta koostuu vaativista yksityisasiakkaista ja kansainv\u00e4lisist\u00e4 edustajaverkostoista.<\/p>\n\n\n\n<p>\ud83d\udcb6 <strong>Liikevaihto<\/strong>: noin 12,5 miljoonaa euroa vuodessa<br>\ud83d\udc65 <strong>Henkil\u00f6st\u00f6<\/strong>: 38 ty\u00f6ntekij\u00e4\u00e4 (veneinsin\u00f6\u00f6rit, suunnittelijat, tuotannon ammattilaiset, projektip\u00e4\u00e4llik\u00f6t)<br>\ud83e\udded <strong>Tavoite<\/strong>: olla Euroopan arvostetuin yksil\u00f6llisten huippuluokan moottoriveneiden valmistaja<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<!-- Tekstit\u00f6n hex-intro \u2013 musta paneeli, keskitetty klusteri, rauhallinen sis\u00e4\u00e4ntulo -->\n<section class=\"hex-intro-panel\" aria-label=\"Hex-mallinnuksen esikatselu\">\n  <div class=\"hex-stage\" id=\"hexStage\">\n    <!-- Heksat: lopulliset sijainnit (\u2014x, \u2014y) -->\n    <!-- center -->\n    <div class=\"hex on\" style=\"--x:0;   --y:0;    --hex-bg:#F4B183;\"><\/div>\n\n    <!-- ring E, NE, NW, W, SW, SE -->\n    <div class=\"hex on\" style=\"--x:1;   --y:0;    --hex-bg:#FBE5D6;\"><\/div>\n    <div class=\"hex on\" style=\"--x:-0.5;--y:-1;   --hex-bg:#FBE5D6;\"><\/div>\n    <div class=\"hex on\" style=\"--x:-0.5;--y:1;    --hex-bg:#FBE5D6;\"><\/div>\n    <div class=\"hex on\" style=\"--x:-1;  --y:0;    --hex-bg:#FBE5D6;\"><\/div>\n\n    <!-- toinen rengas -->\n    <div class=\"hex on\" style=\"--x:0.5; --y:-1;   --hex-bg:#E2F0D9;\"><\/div>\n    <div class=\"hex on\" style=\"--x:1.6; --y:-1.2; --hex-bg:#E2F0D9;\"><\/div>\n    <div class=\"hex on\" style=\"--x:0.5; --y:1;    --hex-bg:#B4C7E7;\"><\/div>\n    <div class=\"hex on\" style=\"--x:1.5; --y:1;    --hex-bg:#DEEBF7;\"><\/div>\n\n    <!-- CTA -->\n    <button class=\"hex-cta\" aria-label=\"Katso mallinnus t\u00e4st\u00e4 (avaa uuteen v\u00e4lilehteen)\">\n      Katso mallinnus t\u00e4st\u00e4 \u2192\n    <\/button>\n  <\/div>\n<\/section>\n\n<style>\n\/* === Paneeli (musta alusta) === *\/\n.hex-intro-panel{\n  --bg:#0B0C0F;                 \/* musta paneeli *\/\n  --border: rgba(255,255,255,.08);\n  --shadow: 0 10px 28px rgba(0,0,0,.28);\n\n  --hex-w: 104px;               \/* \u2248 \u221a3 * SIZE *\/\n  --hex-h: 120px;               \/* = 2 * SIZE  *\/\n  --gap:   1.06;                \/* solujen v\u00e4li *\/\n  --horiz: calc(var(--hex-w) * var(--gap));\n  --vert:  calc(var(--hex-h) * 0.75 * var(--gap));\n\n  max-width: 980px;\n  margin: 24px auto;\n  padding: 0 12px;\n}\n.hex-intro-panel .hex-stage{\n  position: relative;\n  min-height: 460px;\n  background: var(--bg);\n  border: 1px solid var(--border);\n  border-radius: 16px;\n  box-shadow: var(--shadow);\n  overflow: hidden;\n  display: grid;\n  place-items: center;          \/* Klusteri keskelle *\/\n  cursor: pointer;              \/* koko paneeli klikattava *\/\n  isolation: isolate;\n}\n\n\/* === Heksat (ei tekstej\u00e4) === *\/\n.hex-intro-panel .hex{\n  position: absolute;\n  width: var(--hex-w); height: var(--hex-h);\n  left: calc(50% + var(--x, 0) * var(--horiz));\n  top:  calc(50% + var(--y, 0) * var(--vert));\n  transform: translate(-50%, -50%) translate(var(--ox, 0px), var(--oy, 0px));\n  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);\n  background: var(--hex-bg, #18202a);\n  border: 1px solid rgba(255,255,255,.14);\n  filter: drop-shadow(0 6px 18px rgba(0,0,0,.35));\n  opacity: 0;                   \/* start hidden *\/\n}\n.hex-intro-panel .hex.on{\n  background:\n    linear-gradient(135deg, rgba(255,255,255,.08), rgba(0,0,0,.05)),\n    var(--hex-bg, #18202a);\n}\n\/* Rauhallisempi sis\u00e4\u00e4ntulo (noin 2x pidempi) *\/\n.hex-intro-panel .hex.ready{\n  transition:\n    transform 1800ms cubic-bezier(.2,.8,.2,1),\n    opacity   1200ms ease;\n  opacity: 1;\n}\n\n\/* === CTA-nappi: valkoinen tausta, musta teksti === *\/\n.hex-intro-panel .hex-cta{\n  position: absolute;\n  left: 50%;\n  bottom: 16px;\n  transform: translateX(-50%);\n  background: #ffffff;\n  color: #0B0C0F;\n  border: 1px solid rgba(0,0,0,.08);\n  border-radius: 12px;\n  padding: 11px 16px;\n  font: 700 14px\/1 system-ui, -apple-system, Segoe UI, Roboto, sans-serif;\n  box-shadow: 0 8px 22px rgba(0,0,0,.25);\n  transition: transform .15s ease, box-shadow .2s ease, background .2s ease, color .2s ease;\n  pointer-events: auto;\n}\n.hex-intro-panel .hex-cta:hover{\n  transform: translateX(-50%) translateY(-2px);\n  box-shadow: 0 12px 28px rgba(0,0,0,.32);\n}\n\n\/* Mobiili *\/\n@media (max-width: 640px){\n  .hex-intro-panel .hex-stage{ min-height: 400px; }\n  .hex-intro-panel{ padding: 0 8px; }\n}\n\n\/* V\u00e4hemm\u00e4n liikett\u00e4 pyyt\u00e4neille *\/\n@media (prefers-reduced-motion: reduce){\n  .hex-intro-panel .hex{\n    transition: none !important;\n    transform: translate(-50%, -50%) !important;\n    opacity: 1 !important;\n  }\n}\n<\/style>\n\n<script>\n\/* === MUUTA T\u00c4M\u00c4 osoite tarvittaessa === *\/\nconst HEX_DEMO_URL = \"https:\/\/bizsim.fi\/hexmallinnukset\/avoimetcaset\/marinecraft\/liiketoiminta\/v1\/design.html\";\n\n\/* 1 = alkuper\u00e4inen, 2 = ~puolet nopeampi (= rauhallisempi) *\/\nconst SPEED = 2;\n\nwindow.addEventListener('DOMContentLoaded', () => {\n  const stage = document.getElementById('hexStage');\n  if (!stage) return;\n  const hexes = stage.querySelectorAll('.hex');\n\n  \/\/ Satunnaiset start-offsetit\n  hexes.forEach((hex) => {\n    const ox = (Math.random() * 240 - 120) | 0; \/\/ -120..120\n    const oy = (Math.random() * 180 - 90)  | 0; \/\/  -90.. 90\n    hex.style.setProperty('--ox', ox + 'px');\n    hex.style.setProperty('--oy', oy + 'px');\n  });\n\n  \/\/ Reflow, jotta selaimelle \"j\u00e4\u00e4 muistiin\" aloitusasento\n  void stage.offsetWidth;\n\n  \/\/ Pidempi porrastus = rauhallisempi saapuminen\n  hexes.forEach((hex, i) => {\n    const base = 120 * SPEED;          \/\/ ennen 120\n    const rand = 380 * SPEED;          \/\/ ennen 380\n    const step = 40  * SPEED;          \/\/ ennen 40\n    const delay = base + Math.random() * rand + i * step;\n    setTimeout(() => {\n      hex.classList.add('ready');\n      hex.style.setProperty('--ox', '0px');\n      hex.style.setProperty('--oy', '0px');\n    }, delay);\n  });\n\n  \/\/ Klikkaus avaa uuteen v\u00e4lilehteen\n  const openDemo = () => {\n    const win = window.open(HEX_DEMO_URL, '_blank', 'noopener,noreferrer');\n    if (win) win.focus();\n  };\n  stage.addEventListener('click', openDemo);\n  const cta = stage.querySelector('.hex-cta');\n  if (cta) cta.addEventListener('click', (e) => { e.stopPropagation(); openDemo(); });\n});\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>T\u00e4m\u00e4 demomalli kuvaa kuvitteellisen tilauksesta valmistettavien veneiden valmistukseen, Marine Craftin, liiketoiminnan kokonaisuuden. Hex-mallinnus on tehty kyvykkyyskartan periaatteella: mit\u00e4 kyvykkyyksi\u00e4 kunkin osa-alueen onnistunut toteuttaminen edellytt\u00e4\u00e4.<\/p>\n","protected":false},"author":1,"featured_media":84,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-334","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/imanconsulting.fi\/index.php?rest_route=\/wp\/v2\/posts\/334","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/imanconsulting.fi\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/imanconsulting.fi\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/imanconsulting.fi\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/imanconsulting.fi\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=334"}],"version-history":[{"count":3,"href":"https:\/\/imanconsulting.fi\/index.php?rest_route=\/wp\/v2\/posts\/334\/revisions"}],"predecessor-version":[{"id":348,"href":"https:\/\/imanconsulting.fi\/index.php?rest_route=\/wp\/v2\/posts\/334\/revisions\/348"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/imanconsulting.fi\/index.php?rest_route=\/wp\/v2\/media\/84"}],"wp:attachment":[{"href":"https:\/\/imanconsulting.fi\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=334"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/imanconsulting.fi\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=334"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/imanconsulting.fi\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=334"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}