c0fef0e18e
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
205 lines
12 KiB
HTML
205 lines
12 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en-CA">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="theme-color" content="#f5f2ec">
|
|
<title>Open Communications | The Human Side of Change — for Canadian Manufacturers</title>
|
|
<meta name="description" content="The systems are the easy part. Open Communications helps the people in your shop trust the change, share what they know, and lead through it — so the work actually sticks. The human side of ShopWisdom.">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Lora:ital,wght@0,400;0,500;1,400&family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap">
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
|
|
<header class="nav on-light" id="nav">
|
|
<div class="wrap nav-row">
|
|
<a class="wordmark" href="#top" aria-label="Open Communications — home"><span class="logo-mark" role="img" aria-label="Open Communications"></span></a>
|
|
<nav class="nav-links" aria-label="Main">
|
|
<a href="#problem">The problem</a>
|
|
<a href="#work">How we work</a>
|
|
<a href="#who">Who we are</a>
|
|
<a class="tel nav-phone" data-p1="778" data-p2="985" data-p3="6736" href="#contact" aria-label="Call Open Communications">778‑985‑OPEN</a>
|
|
<a class="nav-cta" href="#contact">Book a conversation</a>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
|
|
<main id="top">
|
|
|
|
<section class="hero" data-bg="light">
|
|
<div class="wrap">
|
|
<p class="eyebrow">The human side of change · for Canadian manufacturers</p>
|
|
<h1>The systems are the <em>easy part.</em></h1>
|
|
<p class="lead">Getting your people to trust the change, share what they know, and lead through it — that's what decides whether any of it sticks. That's our work.</p>
|
|
<div class="actions">
|
|
<a class="btn" href="#contact">Book a conversation</a>
|
|
<a class="btn link" href="#work">See how we work</a>
|
|
</div>
|
|
<p class="call">or call <a class="tel" data-p1="778" data-p2="985" data-p3="6736" href="#contact">778‑985‑OPEN (6736)</a></p>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="band dark statement" data-bg="dark" id="problem">
|
|
<div class="motif" aria-hidden="true"></div>
|
|
<div class="wrap narrow">
|
|
<p class="eyebrow">The part most consultants skip</p>
|
|
<h2 class="statement-line">You can buy the software. You can write the procedures. And still watch the whole thing <em>quietly fall apart.</em></h2>
|
|
<p>Because the new way asks people to change — and people don't resist change to be difficult. They resist it because it threatens something: their standing, their habits, the thing that's made them the one everyone relies on. The veteran who won't quite share what he knows. The supervisor who nods in the meeting and does it the old way Monday morning. The blame that starts flying the first time something goes wrong.</p>
|
|
<p class="emph">None of that is a character flaw. It's how people work — and it's the part that decides whether your investment pays off or sits on a shelf.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="band light" data-bg="light">
|
|
<div class="wrap narrow">
|
|
<p class="eyebrow">One business, two sides</p>
|
|
<h2>The human side of <em>ShopWisdom.</em></h2>
|
|
<p>Open Communications is the human side of <strong>ShopWisdom</strong>. ShopWisdom builds the systems that keep a shop running when your best people leave. We make sure the people actually use them — and come through the change stronger, not fractured.</p>
|
|
<p>Same business. Same straight talk. One side works on the shop; the other works with the crew.</p>
|
|
<p class="bridge-link"><a href="https://shopwisdom.ca">See the systems side — ShopWisdom →</a></p>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="band light services" data-bg="light" id="work">
|
|
<div class="wrap">
|
|
<p class="eyebrow">How we work</p>
|
|
<h2>Clear models, <em>not vague advice.</em></h2>
|
|
<p class="section-intro">The kind you can use in a hallway conversation, not just a workshop.</p>
|
|
<div class="cards">
|
|
<article class="card">
|
|
<p class="card-tag">Workshop · half-day</p>
|
|
<h3>A shared language</h3>
|
|
<p>In any tense moment, you're either <strong>above the line</strong> — open, curious, willing to learn — or <strong>below it</strong> — closed, defensive, out to be right. Once a team can name where they are, the hard conversations get easier overnight.</p>
|
|
<p class="outcome">A shared, plain-spoken way to handle friction.</p>
|
|
</article>
|
|
<article class="card feature">
|
|
<p class="card-tag">Flagship program</p>
|
|
<h3>Breaking the blame game</h3>
|
|
<p>Every shop has a blame game: a victim, a villain who gets blamed, a hero who burns out. It kills change. We move teams into a better triangle: people who <strong>own</strong> the outcome, <strong>call it straight</strong>, and <strong>build each other up</strong>.</p>
|
|
<p class="outcome">Stop the blame cycles that stall every change.</p>
|
|
</article>
|
|
<article class="card">
|
|
<p class="card-tag">Coaching · succession</p>
|
|
<h3>The people at the center</h3>
|
|
<p>One-to-one coaching for the people carrying the weight: the owner planning his exit, the successor stepping into big shoes, the veteran working out what it means to let go. Booked in single sessions, around your calendar.</p>
|
|
<p class="outcome">The people at the center don't crack under it.</p>
|
|
</article>
|
|
</div>
|
|
<p class="reassure">Every engagement is built around coordinated hours — never a stretch of days that swallows your week.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="band light diagram" data-bg="light">
|
|
<div class="wrap">
|
|
<p class="eyebrow">From the blame game to ownership</p>
|
|
<h2>Two triangles, <em>one shift.</em></h2>
|
|
<svg class="triangles" viewBox="0 0 770 380" role="img" aria-labelledby="tri-title tri-desc">
|
|
<title id="tri-title">The drama triangle versus the empowerment triangle</title>
|
|
<desc id="tri-desc">On the left, the drama triangle below the line: Victim, Villain, and Rescuer. An arrow points right to the empowerment triangle above the line: Creator, Challenger, and Coach.</desc>
|
|
<g fill="none" stroke="#b8836f" stroke-width="2"><polygon points="175,95 70,295 280,295" fill="rgba(184,131,111,0.07)"/></g>
|
|
<g fill="#b8836f"><circle cx="175" cy="95" r="5"/><circle cx="70" cy="295" r="5"/><circle cx="280" cy="295" r="5"/></g>
|
|
<g text-anchor="middle" font-family="'DM Sans',sans-serif">
|
|
<text x="175" y="70" fill="#0f1729" font-size="16" font-weight="700">Rescuer</text>
|
|
<text x="175" y="86" fill="#4a5468" font-size="12.5">swoops in, burns out</text>
|
|
<text x="70" y="320" fill="#0f1729" font-size="16" font-weight="700">Victim</text>
|
|
<text x="70" y="336" fill="#4a5468" font-size="12.5">“nothing I can do”</text>
|
|
<text x="280" y="320" fill="#0f1729" font-size="16" font-weight="700">Villain</text>
|
|
<text x="280" y="336" fill="#4a5468" font-size="12.5">the one who gets blamed</text>
|
|
<text x="175" y="362" fill="#b8836f" font-size="12.5" font-weight="700" letter-spacing="1.5">BELOW THE LINE</text>
|
|
</g>
|
|
<g stroke="#e89b1c" stroke-width="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M330,200 L432,200"/><path d="M420,191 L434,200 L420,209"/></g>
|
|
<text x="381" y="186" text-anchor="middle" fill="#4a5468" font-size="12.5" font-family="'DM Sans',sans-serif">we move teams</text>
|
|
<g fill="none" stroke="#e89b1c" stroke-width="2"><polygon points="595,95 490,295 700,295" fill="rgba(232,155,28,0.10)"/></g>
|
|
<g fill="#e89b1c"><circle cx="595" cy="95" r="5"/><circle cx="490" cy="295" r="5"/><circle cx="700" cy="295" r="5"/></g>
|
|
<g text-anchor="middle" font-family="'DM Sans',sans-serif">
|
|
<text x="595" y="70" fill="#0f1729" font-size="16" font-weight="700">Coach</text>
|
|
<text x="595" y="86" fill="#4a5468" font-size="12.5">builds people up</text>
|
|
<text x="490" y="320" fill="#0f1729" font-size="16" font-weight="700">Creator</text>
|
|
<text x="490" y="336" fill="#4a5468" font-size="12.5">owns the outcome</text>
|
|
<text x="700" y="320" fill="#0f1729" font-size="16" font-weight="700">Challenger</text>
|
|
<text x="700" y="336" fill="#4a5468" font-size="12.5">calls it straight</text>
|
|
<text x="595" y="362" fill="#c47f12" font-size="12.5" font-weight="700" letter-spacing="1.5">ABOVE THE LINE</text>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="band light who" data-bg="light" id="who">
|
|
<div class="wrap narrow">
|
|
<p class="eyebrow">Who we are</p>
|
|
<h2>Rigor <em>and soul.</em></h2>
|
|
<p class="section-intro">Our change practice is led by Michael Victory, with Inga Michaelsen as co-facilitator.</p>
|
|
<div class="people">
|
|
<div class="person">
|
|
<p class="person-name">Michael Victory</p>
|
|
<p>Michael carries the through-line across both sides of the business — he knows the shop and the crew, and brings the same rigor to people that ShopWisdom brings to systems.</p>
|
|
</div>
|
|
<div class="person">
|
|
<p class="person-name">Inga Michaelsen</p>
|
|
<p>A Professional Certified Coach (PCC) and Team Coach (ACTC) with the International Coaching Federation, Inga designs experiential leadership work at Royal Roads University. Her depth in trauma-informed, systems-aware coaching is the backbone of how we work.</p>
|
|
<p><a href="https://www.ingamichaelsen.com/">More about Inga →</a></p>
|
|
</div>
|
|
</div>
|
|
<blockquote class="creed">The rigor to build something that works. The soul to make people actually want to use it.</blockquote>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="band light contact" data-bg="light" id="contact">
|
|
<div class="wrap narrow">
|
|
<p class="eyebrow">Start a conversation</p>
|
|
<h2>The people part doesn't have to be <em>a mystery.</em></h2>
|
|
<p>No pitch, no program to sign up for. Just a straight talk about what's getting in the way and whether we can help.</p>
|
|
<p class="actions center">
|
|
<a class="btn" href="mailto:michael@opencommunications.consulting?subject=A%20conversation%20—%20Open%20Communications">Email Michael</a>
|
|
<a class="btn link tel" data-p1="778" data-p2="985" data-p3="6736" href="mailto:michael@opencommunications.consulting">Call 778‑985‑OPEN (6736)</a>
|
|
</p>
|
|
<p class="promise">The first conversation is free and commits you to nothing.</p>
|
|
</div>
|
|
</section>
|
|
|
|
</main>
|
|
|
|
<footer class="band dark site-footer" data-bg="dark">
|
|
<img class="footer-watermark" src="assets/brand/oc-mark-wh.svg" alt="" aria-hidden="true">
|
|
<div class="footer-inner">
|
|
<div class="wrap">
|
|
<div class="footer-brand logo-mark" role="img" aria-label="Open Communications"></div>
|
|
<nav class="footer-nav" aria-label="Footer">
|
|
<a href="#problem">The problem</a>
|
|
<a href="#work">How we work</a>
|
|
<a href="#who">Who we are</a>
|
|
<a href="https://shopwisdom.ca">ShopWisdom</a>
|
|
</nav>
|
|
<p class="footer-call"><a class="tel" data-p1="778" data-p2="985" data-p3="6736" href="mailto:michael@opencommunications.consulting">778‑985‑OPEN (6736)</a></p>
|
|
<p class="footer-legal">Open Communications and ShopWisdom are practices of Open Communications, owned and operated by Michael Victory · British Columbia, Canada</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<script>
|
|
(function () {
|
|
for (var l of document.querySelectorAll('a.tel')) {
|
|
l.setAttribute('href', 'tel:+1' + l.dataset.p1 + l.dataset.p2 + l.dataset.p3);
|
|
}
|
|
var nav = document.getElementById('nav');
|
|
var sections = Array.from(document.querySelectorAll('[data-bg]'));
|
|
function setNav() {
|
|
var line = nav.offsetHeight * 0.5, current = sections[0];
|
|
for (var s of sections) {
|
|
var r = s.getBoundingClientRect();
|
|
if (r.top <= line && r.bottom > line) { current = s; break; }
|
|
}
|
|
var dark = current.dataset.bg === 'dark';
|
|
nav.classList.toggle('on-dark', dark);
|
|
nav.classList.toggle('on-light', !dark);
|
|
}
|
|
setNav();
|
|
window.addEventListener('scroll', function () { window.requestAnimationFrame(setNav); }, { passive: true });
|
|
window.addEventListener('resize', setNav);
|
|
})();
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|