erjemin/2026-burnaware-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

mod: Оптимизация SEO (01)

Browse Source
This commit is contained in:
Sergei Erjemin
2026-06-17 16:51:56 +03:00
parent 07e156f8c7
commit 3d45e4b444
1 changed files with 297 additions and 274 deletions
Download Patch File Download Diff File Expand all files Collapse all files

137
html/index.html
View File

@@ -4,6 +4,23 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>BurnAware — Organizational Health Intelligence</title> <title>BurnAware — Organizational Health Intelligence</title>
<meta name="description" content="BurnAware is an organizational health intelligence platform that provides an early-warning system for chronic overload, team pressure, and conditions that erode long-term performance.">
<meta name="keywords" content="organizational health, burnout prevention, team performance, overload detection, HR tools, leadership development, employee wellness, psychological safety">
<link rel="canonical" href="https://burnaware.io">
<!-- Open Graph Meta Tags for Social Media -->
<meta property="og:title" content="BurnAware — Organizational Health Intelligence">
<meta property="og:description" content="BurnAware gives HR leaders and organizational teams an early-warning system for chronic overload, team pressure, and the conditions that quietly erode long-term performance.">
<meta property="og:url" content="https://burnaware.io">
<meta property="og:type" content="website">
<!-- If you have an image, add: <meta property="og:image" content="URL_TO_YOUR_IMAGE"> -->
<!-- Twitter Card Meta Tags -->
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="BurnAware — Organizational Health Intelligence">
<meta name="twitter:description" content="BurnAware gives HR leaders and organizational teams an early-warning system for chronic overload, team pressure, and the conditions that quietly erode long-term performance.">
<!-- If you have an image, add: <meta name="twitter:image" content="URL_TO_YOUR_IMAGE"> -->
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&display=swap" rel="stylesheet">
@@ -33,7 +50,7 @@
body { font-family: var(--sans); background: var(--surface); color: var(--ink); line-height: 1.6; } body { font-family: var(--sans); background: var(--surface); color: var(--ink); line-height: 1.6; }
/* NAV */ /* NAV */
nav { header {
position: sticky; top: 0; z-index: 100; position: sticky; top: 0; z-index: 100;
background: rgba(250,249,247,0.92); backdrop-filter: blur(12px); background: rgba(250,249,247,0.92); backdrop-filter: blur(12px);
border-bottom: 1px solid var(--border); padding: 0 2rem; border-bottom: 1px solid var(--border); padding: 0 2rem;
@@ -281,35 +298,50 @@
section { padding: 56px 1.25rem; } section { padding: 56px 1.25rem; }
} }
</style> </style>
<!-- script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "BurnAware",
"url": "https://burnaware.io",
"logo": "https://burnaware.io/logo.png",
"description": "BurnAware is an organizational health intelligence platform that provides an early-warning system for chronic overload, team pressure, and conditions that erode long-term performance.",
"contactPoint": {
"@type": "ContactPoint",
"contactType": "sales",
"url": "https://burnaware.io/#cta"
},
"sameAs": []
}
</script -->
</head> </head>
<body> <body>
<!-- NAV --> <header>
<nav> <nav class="nav-inner">
<div class="nav-inner"> <a href="#" class="logo" aria-label="BurnAware Home"><span class="logo-dot"></span>BurnAware</a>
<a href="#" class="logo"><span class="logo-dot"></span>BurnAware</a>
<ul> <ul>
<li><a href="#how">How it works</a></li> <li><a href="#how">How it works</a></li>
<li><a href="#team">Team</a></li> <li><a href="#team">Team</a></li>
<li><a href="#for">Who it's for</a></li> <li><a href="#for">Who it's for</a></li>
</ul> </ul>
<a href="#cta" class="nav-cta">Request a conversation</a> <a href="#cta" class="nav-cta" aria-label="Request a conversation with the BurnAware team">Request a conversation</a>
</div>
</nav> </nav>
</header>
<!-- HERO --> <main>
<div style="overflow:hidden;"> <div style="overflow:hidden;">
<div class="hero"> <section class="hero">
<div class="hero-content"> <div class="hero-content">
<div class="hero-label">Organizational health intelligence</div> <div class="hero-label">Organizational health intelligence</div>
<h1>See what's building<br>beneath the <em>surface</em></h1> <h1>See what's building<br>beneath the <em>surface</em></h1>
<p class="hero-sub">BurnAware gives HR leaders and organizational teams an early-warning system for chronic overload, team pressure, and the conditions that quietly erode long-term performance.</p> <p class="hero-sub">BurnAware gives HR leaders and organizational teams an early-warning system for chronic overload, team pressure, and the conditions that quietly erode long-term performance.</p>
<div class="hero-actions"> <div class="hero-actions">
<a href="#cta" class="btn-primary">Request a conversation</a> <a href="#cta" class="btn-primary" aria-label="Request a conversation with the BurnAware team">Request a conversation</a>
<a href="#how" class="btn-secondary">See how it works <span class="btn-arrow">→</span></a> <a href="#how" class="btn-secondary" aria-label="See how BurnAware works">See how it works <span class="btn-arrow" aria-hidden="true">→</span></a>
</div> </div>
</div> </div>
<div class="hero-visual"> <div class="hero-visual" aria-label="A dashboard showing a team's sustainability index and overload risk.">
<div class="dashboard-card"> <div class="dashboard-card">
<div class="dash-header"> <div class="dash-header">
<div> <div>
@@ -343,21 +375,21 @@
</div> </div>
<div class="signal-list"> <div class="signal-list">
<div class="signal-item"> <div class="signal-item">
<span class="signal-dot red"></span> <span class="signal-dot red" aria-label="Red signal"></span>
<div> <div>
<div class="signal-text">3 people show sustained high demand with insufficient recovery time</div> <div class="signal-text">3 people show sustained high demand with insufficient recovery time</div>
<div class="signal-action">→ View recommended actions</div> <a href="#" class="signal-action" aria-label="View recommended actions for high demand signal">→ View recommended actions</a>
</div> </div>
</div> </div>
<div class="signal-item"> <div class="signal-item">
<span class="signal-dot amber"></span> <span class="signal-dot amber" aria-label="Amber signal"></span>
<div> <div>
<div class="signal-text">Role ambiguity is rising — linked to recent structure change</div> <div class="signal-text">Role ambiguity is rising — linked to recent structure change</div>
<div class="signal-action">→ Suggested leader conversation</div> <a href="#" class="signal-action" aria-label="View suggested leader conversation for role ambiguity signal">→ Suggested leader conversation</a>
</div> </div>
</div> </div>
<div class="signal-item"> <div class="signal-item">
<span class="signal-dot green"></span> <span class="signal-dot green" aria-label="Green signal"></span>
<div> <div>
<div class="signal-text">Team cohesion remains stable despite the increased workload</div> <div class="signal-text">Team cohesion remains stable despite the increased workload</div>
</div> </div>
@@ -366,10 +398,9 @@
</div> </div>
</div> </div>
</div> </div>
</div> </section>
</div> </div>
<!-- PROOF BAR -->
<div class="proof-bar"> <div class="proof-bar">
<div class="proof-inner"> <div class="proof-inner">
<span class="proof-label">Currently in use at</span> <span class="proof-label">Currently in use at</span>
@@ -382,10 +413,9 @@
</div> </div>
</div> </div>
<!-- PROBLEM --> <section aria-labelledby="problem-title">
<section>
<div class="section-label">The problem</div> <div class="section-label">The problem</div>
<h2>By the time it's visible,<br>the cost is already <em>real</em></h2> <h2 id="problem-title">By the time it's visible,<br>the cost is already <em>real</em></h2>
<div class="problem-grid"> <div class="problem-grid">
<div> <div>
<p class="section-body">Most organizations don't have a burnout problem — they have a visibility problem. The early signals are there: people carrying more than they should, clarity eroding during change, pressure accumulating in pockets that don't show up in engagement surveys or performance reviews.</p> <p class="section-body">Most organizations don't have a burnout problem — they have a visibility problem. The early signals are there: people carrying more than they should, clarity eroding during change, pressure accumulating in pockets that don't show up in engagement surveys or performance reviews.</p>
@@ -401,24 +431,23 @@
</div> </div>
</section> </section>
<!-- HOW IT WORKS -->
<div style="background:var(--surface-alt); padding:1px 0;" id="how"> <div style="background:var(--surface-alt); padding:1px 0;" id="how">
<section> <section aria-labelledby="how-it-works-title">
<div class="section-label">How it works</div> <div class="section-label">How it works</div>
<h2>Simple to run.<br><em>Meaningful</em> by design.</h2> <h2 id="how-it-works-title">Simple to run.<br><em>Meaningful</em> by design.</h2>
<div class="steps"> <div class="steps">
<div class="step"> <div class="step">
<div class="step-num">01</div> <div class="step-num" aria-hidden="true">01</div>
<div class="step-title">Assess</div> <div class="step-title">Assess</div>
<div class="step-desc">A structured diagnostic — 12–15 minutes per person. Built on occupational psychology research, calibrated across cultural backgrounds and team contexts. Not a survey. Not a self-report questionnaire.</div> <div class="step-desc">A structured diagnostic — 12–15 minutes per person. Built on occupational psychology research, calibrated across cultural backgrounds and team contexts. Not a survey. Not a self-report questionnaire.</div>
</div> </div>
<div class="step"> <div class="step">
<div class="step-num">02</div> <div class="step-num" aria-hidden="true">02</div>
<div class="step-title">Detect</div> <div class="step-title">Detect</div>
<div class="step-desc">BurnAware maps results across six dimensions: internal state, work context, recovery capacity, clarity, cultural dynamics, and coping patterns. It surfaces the combinations that create real risk — not just averages.</div> <div class="step-desc">BurnAware maps results across six dimensions: internal state, work context, recovery capacity, clarity, cultural dynamics, and coping patterns. It surfaces the combinations that create real risk — not just averages.</div>
</div> </div>
<div class="step"> <div class="step">
<div class="step-num">03</div> <div class="step-num" aria-hidden="true">03</div>
<div class="step-title">Act</div> <div class="step-title">Act</div>
<div class="step-desc">Each leader gets a prioritized action plan for their specific team — not a PDF of generic recommendations. Written for this situation, updated as new diagnostics come in, and designed to be usable, not just readable.</div> <div class="step-desc">Each leader gets a prioritized action plan for their specific team — not a PDF of generic recommendations. Written for this situation, updated as new diagnostics come in, and designed to be usable, not just readable.</div>
</div> </div>
@@ -426,49 +455,47 @@
</section> </section>
</div> </div>
<!-- FEATURES --> <section aria-labelledby="features-title">
<section>
<div class="section-label">What you get</div> <div class="section-label">What you get</div>
<h2>Built for leaders who need<br>to act, not just <em>understand</em></h2> <h2 id="features-title">Built for leaders who need<br>to act, not just <em>understand</em></h2>
<div class="features-grid"> <div class="features-grid">
<div class="feature-card"> <div class="feature-card">
<div class="feature-icon"><svg viewBox="0 0 24 24"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7z"/><circle cx="12" cy="12" r="3"/></svg></div> <div class="feature-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7z"/><circle cx="12" cy="12" r="3"/></svg></div>
<div class="feature-title">Early overload detection</div> <div class="feature-title">Early overload detection</div>
<div class="feature-desc">Identify sustained high-demand patterns before they compound. See which individuals and sub-teams are carrying structural overload — weeks before it becomes a retention or performance issue.</div> <div class="feature-desc">Identify sustained high-demand patterns before they compound. See which individuals and sub-teams are carrying structural overload — weeks before it becomes a retention or performance issue.</div>
</div> </div>
<div class="feature-card"> <div class="feature-card">
<div class="feature-icon"><svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg></div> <div class="feature-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg></div>
<div class="feature-title">Organizational pressure mapping</div> <div class="feature-title">Organizational pressure mapping</div>
<div class="feature-desc">During change and transformation, pressure concentrates in predictable places — but most tools don't see it. BurnAware maps where pressure is building, why, and what the likely trajectory looks like.</div> <div class="feature-desc">During change and transformation, pressure concentrates in predictable places — but most tools don't see it. BurnAware maps where pressure is building, why, and what the likely trajectory looks like.</div>
</div> </div>
<div class="feature-card"> <div class="feature-card">
<div class="feature-icon"><svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg></div> <div class="feature-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg></div>
<div class="feature-title">Clarity and sustainability scoring</div> <div class="feature-title">Clarity and sustainability scoring</div>
<div class="feature-desc">Lack of role clarity and unsustainable workload are two of the strongest predictors of disengagement. BurnAware tracks both — and connects them to specific conditions in the team's context.</div> <div class="feature-desc">Lack of role clarity and unsustainable workload are two of the strongest predictors of disengagement. BurnAware tracks both — and connects them to specific conditions in the team's context.</div>
</div> </div>
<div class="feature-card"> <div class="feature-card">
<div class="feature-icon"><svg viewBox="0 0 24 24"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg></div> <div class="feature-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg></div>
<div class="feature-title">Individual-level insight</div> <div class="feature-title">Individual-level insight</div>
<div class="feature-desc">Team averages hide the people who matter most. BurnAware surfaces individual patterns — calibrated to cultural context and coping style — so support reaches the right person, not the median.</div> <div class="feature-desc">Team averages hide the people who matter most. BurnAware surfaces individual patterns — calibrated to cultural context and coping style — so support reaches the right person, not the median.</div>
</div> </div>
<div class="feature-card"> <div class="feature-card">
<div class="feature-icon"><svg viewBox="0 0 24 24"><line x1="8" y1="6" x2="21" y2="6"/><line x1="8" y1="12" x2="21" y2="12"/><line x1="8" y1="18" x2="21" y2="18"/><line x1="3" y1="6" x2="3.01" y2="6"/><line x1="3" y1="12" x2="3.01" y2="12"/><line x1="3" y1="18" x2="3.01" y2="18"/></svg></div> <div class="feature-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><line x1="8" y1="6" x2="21" y2="6"/><line x1="8" y1="12" x2="21" y2="12"/><line x1="8" y1="18" x2="21" y2="18"/><line x1="3" y1="6" x2="3.01" y2="6"/><line x1="3" y1="12" x2="3.01" y2="12"/><line x1="3" y1="18" x2="3.01" y2="18"/></svg></div>
<div class="feature-title">Prioritized action plans</div> <div class="feature-title">Prioritized action plans</div>
<div class="feature-desc">Every diagnostic generates a ranked action map for that specific team — written for this situation, not adapted from a template. Concrete, leader-facing, and updated as new signals come in.</div> <div class="feature-desc">Every diagnostic generates a ranked action map for that specific team — written for this situation, not adapted from a template. Concrete, leader-facing, and updated as new signals come in.</div>
</div> </div>
<div class="feature-card"> <div class="feature-card">
<div class="feature-icon"><svg viewBox="0 0 24 24"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/></svg></div> <div class="feature-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/></svg></div>
<div class="feature-title">Longitudinal tracking</div> <div class="feature-title">Longitudinal tracking</div>
<div class="feature-desc">A single diagnostic is a snapshot. BurnAware tracks team health over time — showing whether interventions are working, whether risk is growing, and where to focus attention next quarter.</div> <div class="feature-desc">A single diagnostic is a snapshot. BurnAware tracks team health over time — showing whether interventions are working, whether risk is growing, and where to focus attention next quarter.</div>
</div> </div>
</div> </div>
</section> </section>
<!-- DIFFERENTIATORS -->
<div class="diff-wrap"> <div class="diff-wrap">
<section> <section aria-labelledby="why-burnaware-title">
<div class="section-label">Why BurnAware</div> <div class="section-label">Why BurnAware</div>
<h2 style="color:#f5f3ef">Not another <em style="color:#6fb899">engagement tool</em></h2> <h2 id="why-burnaware-title" style="color:#f5f3ef">Not another <em style="color:#6fb899">engagement tool</em></h2>
<div class="diff-grid"> <div class="diff-grid">
<div> <div>
<div class="diff-item"> <div class="diff-item">
@@ -502,10 +529,9 @@
</section> </section>
</div> </div>
<!-- WHO IT'S FOR --> <section id="for" aria-labelledby="who-its-for-title">
<section id="for">
<div class="section-label">Who it's for</div> <div class="section-label">Who it's for</div>
<h2>Designed for the people<br>responsible for <em>healthy organizations</em></h2> <h2 id="who-its-for-title">Designed for the people<br>responsible for <em>healthy organizations</em></h2>
<div class="audience-grid"> <div class="audience-grid">
<div class="audience-card"> <div class="audience-card">
<div class="audience-role">HR leadership</div> <div class="audience-role">HR leadership</div>
@@ -525,15 +551,14 @@
</div> </div>
</section> </section>
<!-- TEAM -->
<div style="background:var(--surface-alt); padding:1px 0;" id="team"> <div style="background:var(--surface-alt); padding:1px 0;" id="team">
<section> <section aria-labelledby="team-title">
<div class="section-label">The team</div> <div class="section-label">The team</div>
<h2>The people behind <em>BurnAware</em></h2> <h2 id="team-title">The people behind <em>BurnAware</em></h2>
<div class="team-grid"> <div class="team-grid">
<div class="team-person"> <div class="team-person">
<div class="team-avatar">KB</div> <div class="team-avatar" aria-label="Katerina Bashtavenko's initials">KB</div>
<div> <div>
<div class="team-name">Katerina Bashtavenko</div> <div class="team-name">Katerina Bashtavenko</div>
<div class="team-role">Co-founder &amp; CEO</div> <div class="team-role">Co-founder &amp; CEO</div>
@@ -542,7 +567,7 @@
</div> </div>
<div class="team-person"> <div class="team-person">
<div class="team-avatar">IK</div> <div class="team-avatar" aria-label="Irina Koksharova's initials">IK</div>
<div> <div>
<div class="team-name">Irina Koksharova</div> <div class="team-name">Irina Koksharova</div>
<div class="team-role">Co-founder &amp; Research Director</div> <div class="team-role">Co-founder &amp; Research Director</div>
@@ -554,29 +579,27 @@
</section> </section>
</div> </div>
<!-- QUOTE -->
<div class="quote-section"> <div class="quote-section">
<section> <section>
<p class="quote-text">"We thought we had a good picture of our teams. BurnAware showed us the gaps — and helped us act on them before they became something harder to fix."</p> <blockquote class="quote-text">"We thought we had a good picture of our teams. BurnAware showed us the gaps — and helped us act on them before they became something harder to fix."</blockquote>
<p class="quote-source">Head of People Operations, technology company · Early access participant</p> <cite class="quote-source">Head of People Operations, technology company · Early access participant</cite>
</section> </section>
</div> </div>
<!-- CTA -->
<div class="cta-wrap"> <div class="cta-wrap">
<section class="cta-section" id="cta"> <section class="cta-section" id="cta" aria-labelledby="cta-title">
<div class="section-label" style="justify-content:center">Early access</div> <div class="section-label" style="justify-content:center">Early access</div>
<h2>Let's talk about what<br>you're trying to <em>solve</em></h2> <h2 id="cta-title">Let's talk about what<br>you're trying to <em>solve</em></h2>
<p>We're working with a small number of HR leaders and OD teams. If you're navigating transformation, growth, or high-pressure environments — we'd like to learn about your situation.</p> <p>We're working with a small number of HR leaders and OD teams. If you're navigating transformation, growth, or high-pressure environments — we'd like to learn about your situation.</p>
<div class="cta-form"> <div class="cta-form">
<input type="email" class="cta-input" placeholder="Your work email"> <input type="email" class="cta-input" placeholder="Your work email" aria-label="Your work email">
<a href="#" class="btn-primary">Request a conversation →</a> <a href="#" class="btn-primary" aria-label="Request a conversation with the BurnAware team">Request a conversation →</a>
</div> </div>
<p class="cta-note">No sales process. A 30-minute conversation about what you're working on — no commitment required.</p> <p class="cta-note">No sales process. A 30-minute conversation about what you're working on — no commitment required.</p>
</section> </section>
</div> </div>
</main>
<!-- FOOTER -->
<footer> <footer>
<div class="footer-inner"> <div class="footer-inner">
<span class="footer-logo">BurnAware</span> <span class="footer-logo">BurnAware</span>