{"id":329,"date":"2025-10-03T15:01:20","date_gmt":"2025-10-03T15:01:20","guid":{"rendered":"https:\/\/imanconsulting.fi\/?p=329"},"modified":"2025-10-05T15:24:57","modified_gmt":"2025-10-05T15:24:57","slug":"business-desing-demo-skandinavian-design","status":"publish","type":"post","link":"https:\/\/imanconsulting.fi\/?p=329","title":{"rendered":"Business Desing Demo: Skandinavian Design"},"content":{"rendered":"\n<p><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p><strong>Scandinavian Design Oy<\/strong>&nbsp;on erikoistunut korkealaatuisten, ajattomien design-huonekalujen maahantuontiin ja myyntiin. Yritys tuo Suomeen huonekaluja, jotka yhdist\u00e4v\u00e4t pohjoismaisen muotoilun perinteet moderniin tyylikkyyteen ja kest\u00e4vyyteen.<\/p>\n\n\n\n<p>\ud83d\udcb6 <strong>Liikevaihto<\/strong>: noin 3,7 miljoonaa euroa vuodessa<br>\ud83d\udc65 <strong>Henkil\u00f6st\u00f6<\/strong>: 18t y\u00f6ntekij\u00e4\u00e4<br>\ud83e\udded <strong>Tavoite<\/strong>: tarjota suomalaisille asiakkaille esteettisi\u00e4 ja kest\u00e4vi\u00e4 sisustusratkaisuja<\/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\/skandinaviandesign\/liiketoiminta\/v2\/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 huonekaluliikkeen, Skandinavian Designin, liiketoiminnan kokonaisuuden. Hex-mallinnus on tehty kyvykkyyskartan periaatteella: mit\u00e4 kyvykkyyksi\u00e4 kunkin osa-alueen onnistunut toteuttaminen edellytt\u00e4\u00e4. Mallissa on mukana my\u00f6s keskeiset tietoj\u00e4rjestelm\u00e4t ja roolit.<\/p>\n","protected":false},"author":1,"featured_media":83,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-329","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-business-design-demo"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/imanconsulting.fi\/index.php?rest_route=\/wp\/v2\/posts\/329","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=329"}],"version-history":[{"count":8,"href":"https:\/\/imanconsulting.fi\/index.php?rest_route=\/wp\/v2\/posts\/329\/revisions"}],"predecessor-version":[{"id":367,"href":"https:\/\/imanconsulting.fi\/index.php?rest_route=\/wp\/v2\/posts\/329\/revisions\/367"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/imanconsulting.fi\/index.php?rest_route=\/wp\/v2\/media\/83"}],"wp:attachment":[{"href":"https:\/\/imanconsulting.fi\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=329"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/imanconsulting.fi\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=329"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/imanconsulting.fi\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=329"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}