<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>4S Business Conversation Framework</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Arial', sans-serif;
font-size: 10px;
line-height: 1.3;
color: #333;
background: white;
padding: 0.4in;
max-width: 8.5in;
margin: 0 auto;
}
@media print {
body {
padding: 0.3in;
font-size: 9px;
}
.no-print {
display: none;
}
}
.header {
text-align: center;
margin-bottom: 15px;
border-bottom: 2px solid #2c5aa0;
padding-bottom: 10px;
}
.header h1 {
font-size: 16px;
font-weight: bold;
color: #2c5aa0;
margin-bottom: 3px;
}
.header .subtitle {
font-size: 11px;
font-weight: bold;
color: #666;
margin-bottom: 5px;
}
.header .tagline {
font-style: italic;
font-size: 10px;
color: #555;
background: #f8f9fa;
padding: 5px;
border-left: 3px solid #2c5aa0;
}
.overview {
margin-bottom: 12px;
background: #f8f9fa;
padding: 8px;
border-radius: 4px;
}
.overview h2 {
font-size: 12px;
margin-bottom: 5px;
color: #2c5aa0;
text-align: center;
}
.overview p {
margin-bottom: 6px;
font-size: 10px;
text-align: center;
}
.framework-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
margin-bottom: 12px;
}
.framework-item {
border: 2px solid #2c5aa0;
border-radius: 6px;
overflow: hidden;
background: white;
}
.framework-header {
background: #2c5aa0;
color: white;
padding: 8px;
font-size: 12px;
font-weight: bold;
text-align: center;
}
.framework-content {
padding: 10px;
}
.framework-definition {
background: #f8f9fa;
padding: 6px;
margin-bottom: 8px;
border-radius: 3px;
font-style: italic;
font-size: 9px;
border-left: 3px solid #2c5aa0;
}
.framework-content h4 {
font-size: 10px;
font-weight: bold;
margin-bottom: 5px;
color: #2c5aa0;
}
.framework-content ul {
margin-left: 0;
list-style: none;
}
.framework-content li {
margin-bottom: 3px;
font-size: 9px;
padding-left: 12px;
position: relative;
}
.framework-content li:before {
content: "•";
color: #2c5aa0;
font-weight: bold;
position: absolute;
left: 0;
}
.strategy { border-color: #28a745; }
.strategy .framework-header { background: #28a745; }
.strategy li:before { color: #28a745; }
.strategy h4 { color: #28a745; }
.strategy .framework-definition { border-left-color: #28a745; }
.structure { border-color: #fd7e14; }
.structure .framework-header { background: #fd7e14; }
.structure li:before { color: #fd7e14; }
.structure h4 { color: #fd7e14; }
.structure .framework-definition { border-left-color: #fd7e14; }
.skills { border-color: #dc3545; }
.skills .framework-header { background: #dc3545; }
.skills li:before { color: #dc3545; }
.skills h4 { color: #dc3545; }
.skills .framework-definition { border-left-color: #dc3545; }
.systems { border-color: #6f42c1; }
.systems .framework-header { background: #6f42c1; }
.systems li:before { color: #6f42c1; }
.systems h4 { color: #6f42c1; }
.systems .framework-definition { border-left-color: #6f42c1; }
.conversation-flow {
background: #e8f4f8;
padding: 8px;
border-radius: 4px;
margin-bottom: 10px;
}
.conversation-flow h3 {
font-size: 11px;
color: #2c5aa0;
margin-bottom: 5px;
}
.conversation-flow p {
font-size: 9px;
margin-bottom: 3px;
}
.systems-breakdown {
background: #f8f9fa;
padding: 6px;
border-radius: 3px;
margin-top: 6px;
border: 1px solid #6f42c1;
}
.systems-breakdown h5 {
font-size: 9px;
color: #6f42c1;
margin-bottom: 3px;
text-align: center;
}
.systems-breakdown .trinity {
display: flex;
justify-content: space-around;
font-size: 8px;
color: #6f42c1;
font-weight: bold;
}
.quote {
text-align: center;
font-style: italic;
color: #2c5aa0;
font-size: 10px;
margin-top: 10px;
padding: 6px;
background: #f8f9fa;
border-radius: 4px;
border-left: 4px solid #2c5aa0;
}
.flow-arrow {
text-align: center;
font-size: 11px;
color: #666;
margin: 8px 0;
}
</style>
</head>
<body>
<div class="header">
<h1>4S Business Conversation Framework</h1>
<div class="subtitle">Client Discovery & Business Assessment</div>
<div class="tagline">"Let's look at your business differently—what challenges exist in these four critical areas?"</div>
</div>
<div class="overview">
<h2>The Strategic Conversation</h2>
<p>Use this framework to uncover key pains, challenges, and initial issues across four business dimensions.</p>
<div class="flow-arrow"><strong>STRATEGY → SYSTEMS → STRUCTURE → SKILLS</strong></div>
</div>
<div class="framework-grid">
<div class="framework-item strategy">
<div class="framework-header">STRATEGY</div>
<div class="framework-content">
<div class="framework-definition">How the company thinks. What's important to them, how they define it, and how they measure it.</div>
<h4>Discovery Questions:</h4>
<ul>
<li>What's most important to your business right now?</li>
<li>How do you define success in that area?</li>
<li>What metrics tell you if you're winning?</li>
<li>Where do you see misalignment in priorities?</li>
<li>What keeps you up at night strategically?</li>
</ul>
<h4>Look for Pain Points:</h4>
<ul>
<li>Unclear or competing priorities</li>
<li>Metrics that don't drive behavior</li>
<li>Leadership alignment gaps</li>
<li>Strategy execution disconnect</li>
</ul>
</div>
</div>
<div class="framework-item systems">
<div class="framework-header">SYSTEMS</div>
<div class="framework-content">
<div class="framework-definition">People, Process, and Technology working in unison. Not just computer systems—the entire operational ecosystem.</div>
<div class="systems-breakdown">
<h5>The Systems Trinity</h5>
<div class="trinity">
<span>PEOPLE</span>
<span>PROCESS</span>
<span>TECHNOLOGY</span>
</div>
</div>
<h4>Discovery Questions:</h4>
<ul>
<li>Where do things break down operationally?</li>
<li>What processes feel fragmented or manual?</li>
<li>Are your people, process, and tech aligned?</li>
<li>What bottlenecks slow you down?</li>
<li>Where do you lose visibility or control?</li>
</ul>
<h4>Look for Pain Points:</h4>
<ul>
<li>Disconnected workflows</li>
<li>Technology not supporting process</li>
<li>People working around systems</li>
<li>Information silos</li>
</ul>
</div>
</div>
<div class="framework-item structure">
<div class="framework-header">STRUCTURE</div>
<div class="framework-content">
<div class="framework-definition">How you're currently organized to maximize your strategy and systems. Organizational design and resource allocation.</div>
<h4>Discovery Questions:</h4>
<ul>
<li>Is your org structure supporting your strategy?</li>
<li>Where do you see communication breakdowns?</li>
<li>What decisions get stuck or delayed?</li>
<li>Are the right people in the right roles?</li>
<li>How clear are roles and responsibilities?</li>
</ul>
<h4>Look for Pain Points:</h4>
<ul>
<li>Decision-making bottlenecks</li>
<li>Unclear accountability</li>
<li>Resource allocation mismatches</li>
<li>Cross-functional friction</li>
<li>Reporting structure inefficiencies</li>
</ul>
</div>
</div>
<div class="framework-item skills">
<div class="framework-header">SKILLS</div>
<div class="framework-content">
<div class="framework-definition">Organizational maturity level and capability gaps. Individual and collective competencies needed for success.</div>
<h4>Discovery Questions:</h4>
<ul>
<li>What skill gaps are holding you back?</li>
<li>Where do you see talent development needs?</li>
<li>Are your teams mature enough for your goals?</li>
<li>What capabilities do you need but don't have?</li>
<li>Where are your strongest/weakest teams?</li>
</ul>
<h4>Look for Pain Points:</h4>
<ul>
<li>Critical skill shortages</li>
<li>Training and development gaps</li>
<li>Team maturity mismatches</li>
<li>Knowledge transfer issues</li>
<li>Performance consistency problems</li>
</ul>
</div>
</div>
</div>
<div class="conversation-flow">
<h3>Conversation Flow Strategy</h3>
<p><strong>1. Start with Strategy:</strong> Get their north star and pain points clear first</p>
<p><strong>2. Move to Systems:</strong> Understand how work actually gets done (People + Process + Technology)</p>
<p><strong>3. Assess Structure:</strong> Evaluate if organization design supports strategy and systems</p>
<p><strong>4. Identify Skills:</strong> Pinpoint capability gaps that limit execution</p>
<p><strong>5. Connect the Dots:</strong> Show how issues in one area create problems in others</p>
</div>
<div class="quote">
"Most business problems aren't isolated—they're symptoms of misalignment across Strategy, Systems, Structure, and Skills."
</div>
</body>
</html>