<!DOCTYPE html>
<html lang=”sl”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0, viewport-fit=cover”>
<title>Inovatorka | Poslovna coachinja & dizajnerka poslovnih modelov</title>
<!– Google Fonts & simple reset –>
<link href=”https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,600;14..32,700;14..32,800&display=swap” rel=”stylesheet”>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: ‘Inter’, sans-serif;
background-color: #FEFCF7;
color: #1A1E2C;
scroll-behavior: smooth;
line-height: 1.5;
}
.container {
max-width: 1280px;
margin: 0 auto;
padding: 0 32px;
}
/* tipografija */
h1, h2, h3 {
font-weight: 700;
line-height: 1.2;
letter-spacing: -0.02em;
}
h1 {
font-size: clamp(2.8rem, 6vw, 4.5rem);
margin-bottom: 1.5rem;
}
h2 {
font-size: clamp(2rem, 4vw, 2.8rem);
margin-bottom: 1.25rem;
}
h3 {
font-size: 1.5rem;
margin-bottom: 0.75rem;
}
.tagline {
font-size: 1.25rem;
color: #4B3B2F;
border-left: 4px solid #E67A4B;
padding-left: 1rem;
margin-bottom: 2rem;
font-weight: 500;
}
.hero-sub {
font-size: 1.2rem;
max-width: 650px;
margin-bottom: 2rem;
color: #2C2F3A;
}
.btn {
display: inline-block;
background-color: #1A1E2C;
color: white;
padding: 12px 32px;
border-radius: 40px;
text-decoration: none;
font-weight: 600;
transition: all 0.2s ease;
border: none;
cursor: pointer;
font-size: 1rem;
}
.btn-outline {
background: transparent;
border: 2px solid #1A1E2C;
color: #1A1E2C;
}
.btn-outline:hover {
background: #1A1E2C;
color: white;
}
.btn-primary:hover {
background: #E67A4B;
transform: translateY(-3px);
box-shadow: 0 8px 20px rgba(230, 122, 75, 0.25);
}
/* header */
header {
padding: 24px 0;
border-bottom: 1px solid #EAE4DC;
background: #FEFCF7;
position: sticky;
top: 0;
z-index: 100;
}
nav {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.logo {
font-weight: 800;
font-size: 1.7rem;
letter-spacing: -0.02em;
color: #E67A4B;
}
.logo span {
color: #1A1E2C;
font-weight: 600;
}
.nav-links {
display: flex;
gap: 2rem;
list-style: none;
}
.nav-links a {
text-decoration: none;
font-weight: 500;
color: #1A1E2C;
transition: color 0.2s;
}
.nav-links a:hover {
color: #E67A4B;
}
/* hero section */
.hero {
padding: 80px 0 60px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 40px;
}
.hero-content {
flex: 1.2;
}
.hero-visual {
flex: 1;
background: #F2EBE3;
border-radius: 48px;
padding: 2rem;
text-align: center;
box-shadow: 0 30px 40px -20px rgba(0,0,0,0.08);
}
.badge {
display: inline-block;
background: #E67A4B20;
color: #E67A4B;
padding: 6px 14px;
border-radius: 100px;
font-weight: 600;
font-size: 0.85rem;
margin-bottom: 1.2rem;
}
.roi-quote {
font-weight: 600;
font-size: 1.2rem;
background: #F2EBE3;
padding: 1.5rem;
border-radius: 28px;
margin: 2rem 0 0;
color: #2C2F3A;
border-left: 6px solid #E67A4B;
}
/* storitve / kako pomagam */
.services {
padding: 80px 0;
background: #FFFFFF;
}
.section-sub {
text-transform: uppercase;
letter-spacing: 2px;
font-size: 0.85rem;
color: #E67A4B;
font-weight: 600;
margin-bottom: 1rem;
}
.cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 2rem;
margin-top: 3rem;
}
.card {
background: #FEFCF7;
border-radius: 32px;
padding: 2rem;
box-shadow: 0 12px 28px rgba(0,0,0,0.03);
transition: transform 0.2s, box-shadow 0.2s;
border: 1px solid #EFE8E0;
}
.card:hover {
transform: translateY(-6px);
box-shadow: 0 20px 30px -12px rgba(0,0,0,0.1);
}
.card-icon {
font-size: 2.8rem;
margin-bottom: 1rem;
}
/* O meni */
.about {
padding: 80px 0;
background: #F8F5F0;
}
.about-grid {
display: flex;
flex-wrap: wrap;
gap: 3rem;
align-items: center;
}
.about-text {
flex: 1.5;
}
.about-highlight {
font-size: 1.2rem;
font-weight: 500;
margin: 1.5rem 0;
color: #E67A4B;
}
/* pristop – sistem izzivi */
.approach {
padding: 80px 0;
background: #FFFFFF;
}
.complexity-block {
background: linear-gradient(135deg, #1A1E2C 0%, #2A2F40 100%);
color: white;
border-radius: 48px;
padding: 3rem;
margin-top: 2rem;
}
.complexity-block p {
font-size: 1.3rem;
font-weight: 400;
margin-bottom: 1rem;
}
/* kontakt */
.contact {
padding: 80px 0;
background: #FEFCF7;
}
.contact-flex {
display: flex;
flex-wrap: wrap;
gap: 3rem;
justify-content: space-between;
background: #FFFFFF;
border-radius: 48px;
padding: 3rem;
box-shadow: 0 8px 30px rgba(0,0,0,0.03);
border: 1px solid #EAE4DC;
}
.contact-info {
flex: 1;
}
.contact-form {
flex: 1.2;
}
.form-group {
margin-bottom: 1.5rem;
}
input, textarea {
width: 100%;
padding: 14px 18px;
border-radius: 24px;
border: 1px solid #ddd2c6;
font-family: inherit;
background: #FEFCF7;
transition: 0.2s;
}
input:focus, textarea:focus {
outline: none;
border-color: #E67A4B;
box-shadow: 0 0 0 3px rgba(230,122,75,0.1);
}
footer {
text-align: center;
padding: 32px;
border-top: 1px solid #EAE4DC;
font-size: 0.85rem;
color: #6B5E52;
}
@media (max-width: 768px) {
.container {
padding: 0 24px;
}
.nav-links {
gap: 1.2rem;
margin-top: 1rem;
flex-wrap: wrap;
}
nav {
flex-direction: column;
align-items: flex-start;
}
.hero {
flex-direction: column;
}
.contact-flex {
padding: 1.5rem;
}
}
</style>
</head>
<body>
<header>
<div class=”container”>
<nav>
<div class=”logo”>Coach<span>Inovatorka</span></div>
<ul class=”nav-links”>
<li><a href=”#home”>Domov</a></li>
<li><a href=”#services”>Storitve</a></li>
<li><a href=”#about”>O meni</a></li>
<li><a href=”#approach”>Pristop</a></li>
<li><a href=”#contact”>Kontakt</a></li>
</ul>
</nav>
</div>
</header>
<main>
<!– Hero sekcija –>
<section id=”home”>
<div class=”container hero”>
<div class=”hero-content”>
<div class=”badge”>✨ Business Model Innovator & Developer</div>
<h1>Izzive spremenim v <span style=”color:#E67A4B;”>dobičkonosne rasti</span></h1>
<div class=”tagline”>Poslovna coachinja • dizajnerka poslovnih modelov • inovatorka</div>
<p class=”hero-sub”>Sem razvijalka novih idej. Sistemske izzive pretvarjam v skalabilne, donosne rešitve. Kompleksnost je priložnost – in vem, kako jo spremeniti v ROI.</p>
<a href=”#contact” class=”btn btn-primary”>📅 Začniva preoblikovati tvoj model →</a>
<div class=”roi-quote”>
💡 “I turn systemic challenges into profitable, scalable solutions. Complexity is an opportunity – and I know how to turn it into ROI.”
</div>
</div>
<div class=”hero-visual”>
<div style=”font-size: 4rem; margin-bottom: 1rem;”>🧠⚡</div>
<h3 style=”margin-bottom: 0.5rem;”>Inovacija + izvedba</h3>
<p>Od kaotične kompleksnosti do jasnega modela z visokim donosom.</p>
<div style=”background: white; border-radius: 60px; padding: 0.5rem 1rem; margin-top: 1.5rem; display: inline-block;”><strong>ROI fokus</strong> 📈</div>
</div>
</div>
</section>
<!– Storitve / core ponudba –>
<section id=”services” class=”services”>
<div class=”container”>
<div class=”section-sub”>Kako vam pomagam</div>
<h2>Oblikujem poslovne modele, ki <br> rastejo z vami</h2>
<div class=”cards”>
<div class=”card”>
<div class=”card-icon”>🧩</div>
<h3>Dizajn poslovnih modelov</h3>
<p>Razvijem in nadgradim vaš model – od prve ideje do izvedljive, profitabilne arhitekture. Kanvas, inovacijske metode in finančna simulacija.</p>
</div>
<div class=”card”>
<div class=”card-icon”>🚀</div>
<h3>Business Coaching za rast</h3>
<p>1:1 coaching za podjetnike in vodstvene ekipe. Fokusiramo se na strategijo, inovacijsko kulturo in transformacijo izzivov v rast.</p>
</div>
<div class=”card”>
<div class=”card-icon”>⚙️</div>
<h3>Sistemska optimizacija ROI</h3>
<p>Analiza kompleksnih procesov, odprava ozkih grl in preoblikovanje sistemskih ovir v konkurenčno prednost.</p>
</div>
<div class=”card”>
<div class=”card-icon”>💡</div>
<h3>Inovacijske delavnice</h3>
<p>Skupaj z vašo ekipo ustvarimo nove tokove prihodkov, modele naročnin, partnerstev in učinkovitejše vrednostne verige.</p>
</div>
</div>
</div>
</section>
<!– O meni – inovatorka razvijalka idej –>
<section id=”about” class=”about”>
<div class=”container about-grid”>
<div class=”about-text”>
<div class=”section-sub”>Inovatorka, ki zgradi most med idejo in donosom</div>
<h2>Več kot coachinja – <span style=”color:#E67A4B;”>arhitektka poslovne prihodnosti</span></h2>
<p>Več kot 12 let delujem na presečišču strateškega dizajna, inovacij in poslovnega coachinga. Razvijam nove ideje, ki postanejo skalabilni poslovni modeli. Specializirana sem za podjetja, ki so ujeta v kompleksnosti – in jih preoblikujem v čiste donose (ROI).</p>
<div class=”about-highlight”>„Kompleksnost ni ovira – je največji vir neizkoriščene vrednosti.“</div>
<p>Kot Business Model Innovator in certified coach pomagam lastnikom in vodstvom prepoznati priložnosti, kjer drugi vidijo težave. Vaše sistemske izzive spremenim v konkurenčno prednost.</p>
<a href=”#contact” class=”btn btn-outline” style=”margin-top: 1rem;”>Poveživa se →</a>
</div>
<div class=”hero-visual” style=”background: #E67A4B10; padding: 2rem;”>
<div style=”font-size: 4rem;”>🧬🎯</div>
<p><strong>Razvijalka idej</strong> · Dizajnerka poslovnih modelov · Inovatorka</p>
<hr style=”margin: 1rem 0; border-color:#ddd;”>
<p style=”font-size:0.9rem;”>“From systemic challenges to scalable solutions – with measurable ROI.”</p>
</div>
</div>
</section>
<!– Pristop / Complexity as opportunity –>
<section id=”approach” class=”approach”>
<div class=”container”>
<div class=”section-sub”>Metodologija</div>
<h2>Kako kompleksnost spremenim v donos?</h2>
<div class=”complexity-block”>
<p>🔍 <strong>Korak 1 – Sistemska diagnostika:</strong> Analiziram vaše izzive skozi prizmo poslovnega modela, procesov in tokov vrednosti.</p>
<p>⚡ <strong>Korak 2 – Inovacijski prepih:</strong> Z orodji, kot so Business Model Canvas, Value Proposition Design in inovacijske tehnike, najdem nove vzvode rasti.</p>
<p>📈 <strong>Korak 3 – Model ROI transformacije:</strong> Oblikujem izvedljiv načrt, kjer vsaka sprememba vpliva na dobičkonosnost in skalabilnost.</p>
<p style=”margin-top: 1.5rem; font-weight:700;”>🎯 Rezultat: jasen poslovni model s poudarkom na merljivem donosu, pripravljen na izzive jutrišnjega dne.</p>
</div>
<div style=”display: flex; flex-wrap:wrap; gap: 2rem; justify-content: space-between; margin-top: 3rem;”>
<div style=”flex:1; min-width:180px”><span style=”font-size:2rem;”>✔️</span><br><strong>ROI zasnova</strong><br>Vsaka odločitev temelji na merljivem učinku</div>
<div style=”flex:1; min-width:180px”><span style=”font-size:2rem;”>🌀</span><br><strong>Sistemski pogled</strong><br>Povezujem ljudi, procese in strategijo</div>
<div style=”flex:1; min-width:180px”><span style=”font-size:2rem;”>⚡</span><br><strong>Agilna inovacija</strong><br>Hitri eksperimenti, nizko tveganje, visok donos</div>
</div>
</div>
</section>
<!– Kontakt in povabilo k sodelovanju –>
<section id=”contact” class=”contact”>
<div class=”container”>
<div class=”contact-flex”>
<div class=”contact-info”>
<div class=”section-sub”>Začniva preoblikovati tvoj posel</div>
<h2>Imaš kompleksen izziv? <br> Skupaj ga spremeniva v prednost.</h2>
<p style=”margin: 1.5rem 0 1rem;”>📩 Pišite mi – pripravljena sem na strateški pogovor o vašem poslovnem modelu, inovacijah in ROI ciljih.</p>
<div style=”margin: 1rem 0;”>
<p>📞 <strong>Telefon:</strong> +386 40 123 456</p>
<p>✉️ <strong>E-pošta:</strong> ideje@coachinovatorka.si</p>
<p>📍 <strong>Posvetovanja:</strong> Ljubljana / online (globalno)</p>
</div>
<div class=”badge” style=”margin-top: 1rem;”>🌱 Prvi klic je brezplačen in brez obveznosti</div>
</div>
<div class=”contact-form”>
<form action=”#” method=”POST”>
<div class=”form-group”>
<input type=”text” placeholder=”Vaše ime in priimek” required>
</div>
<div class=”form-group”>
<input type=”email” placeholder=”E-poštni naslov” required>
</div>
<div class=”form-group”>
<input type=”text” placeholder=”Podjetje / vloga”>
</div>
<div class=”form-group”>
<textarea rows=”4″ placeholder=”Opišite vaš izziv ali željo – skupaj poiščiva inovativno rešitev z ROI perspektivo.”></textarea>
</div>
<button type=”submit” class=”btn btn-primary” style=”width:100%; justify-content:center;”>Pošlji povpraševanje 📨</button>
<p style=”font-size:0.7rem; margin-top: 1rem; text-align:center;”>Z oddajo soglašate s politiko zasebnosti. Vaši podatki so varni.</p>
</form>
</div>
</div>
</div>
</section>
</main>
<footer>
<p>© 2025 CoachInovatorka | Business Model Innovator & Developer | Poslovna coachinja — Vse pravice pridržane.</p>
<p style=”margin-top: 0.5rem;”>✨ “Complexity is an opportunity – and I know how to turn it into ROI.” ✨</p>
</footer>
<!– Majhen JS za sproti sporočilo (simulacija) –>
<script>
// Enostavna interakcija za kontakt obrazec – prikaže opozorilo in simulira pošiljanje
const form = document.querySelector(‘.contact-form form’);
if(form) {
form.addEventListener(‘submit’, function(e) {
e.preventDefault();
const nameInput = form.querySelector(‘input[placeholder*=”ime”]’);
const emailInput = form.querySelector(‘input[type=”email”]’);
if(nameInput && emailInput && nameInput.value.trim() !== “” && emailInput.value.trim() !== “”) {
alert(“Hvala za vaše sporočilo, ” + nameInput.value.split(‘ ‘)[0] + “! Vrnem se vam v roku 24 ur. Skupaj ustvariva donosno inovacijo.”);
form.reset();
} else {
alert(“Prosimo, izpolnite vsaj ime in e-poštni naslov.”);
}
});
}
// gladko pomikanje za navigacijo
document.querySelectorAll(‘.nav-links a, .btn-primary, .btn-outline’).forEach(anchor => {
anchor.addEventListener(‘click’, function(e) {
const hash = this.getAttribute(‘href’);
if(hash && hash.startsWith(‘#’) && hash !== ‘#’) {
e.preventDefault();
const targetId = hash.substring(1);
const targetElement = document.getElementById(targetId);
if(targetElement) {
targetElement.scrollIntoView({ behavior: ‘smooth’, block: ‘start’ });
}
}
});
});
</script>
</body>
</html>