491 lines
No EOL
21 KiB
HTML
491 lines
No EOL
21 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>ValueOn/PowerOn PRISM-Strategie 2025-2027</title>
|
|
<style>
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
body {
|
|
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
|
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
|
color: #333;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.presentation-container {
|
|
width: 100vw;
|
|
height: 100vh;
|
|
position: relative;
|
|
}
|
|
|
|
.slide {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
padding: 4rem;
|
|
background: rgba(255, 255, 255, 0.95);
|
|
backdrop-filter: blur(10px);
|
|
opacity: 0;
|
|
transform: translateX(100%);
|
|
transition: all 0.5s ease-in-out;
|
|
}
|
|
|
|
.slide.active {
|
|
opacity: 1;
|
|
transform: translateX(0);
|
|
}
|
|
|
|
.slide-header {
|
|
text-align: center;
|
|
margin-bottom: 3rem;
|
|
}
|
|
|
|
.slide-title {
|
|
font-size: 4rem;
|
|
font-weight: 700;
|
|
color: #667eea;
|
|
margin-bottom: 1rem;
|
|
text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
|
|
}
|
|
|
|
.slide-subtitle {
|
|
font-size: 1.5rem;
|
|
color: #666;
|
|
font-weight: 300;
|
|
}
|
|
|
|
.content-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(2, 1fr);
|
|
gap: 2rem;
|
|
width: 100%;
|
|
max-width: 1200px;
|
|
}
|
|
|
|
.strategy-item {
|
|
background: white;
|
|
padding: 1.5rem;
|
|
border-radius: 12px;
|
|
box-shadow: 0 4px 20px rgba(0,0,0,0.1);
|
|
border-left: 5px solid #667eea;
|
|
transition: transform 0.3s ease;
|
|
}
|
|
|
|
.strategy-item:hover {
|
|
transform: translateY(-5px);
|
|
}
|
|
|
|
.strategy-number {
|
|
font-size: 1.2rem;
|
|
font-weight: 600;
|
|
color: #667eea;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
|
|
.strategy-title {
|
|
font-size: 1.1rem;
|
|
font-weight: 600;
|
|
color: #333;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.strategy-content {
|
|
font-size: 0.95rem;
|
|
line-height: 1.6;
|
|
color: #555;
|
|
}
|
|
|
|
.navigation {
|
|
position: fixed;
|
|
bottom: 2rem;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
display: flex;
|
|
gap: 1rem;
|
|
z-index: 1000;
|
|
}
|
|
|
|
.nav-btn {
|
|
background: rgba(255, 255, 255, 0.9);
|
|
border: none;
|
|
padding: 0.75rem 1.5rem;
|
|
border-radius: 25px;
|
|
cursor: pointer;
|
|
font-weight: 600;
|
|
color: #667eea;
|
|
transition: all 0.3s ease;
|
|
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
|
|
}
|
|
|
|
.nav-btn:hover {
|
|
background: #667eea;
|
|
color: white;
|
|
transform: translateY(-2px);
|
|
}
|
|
|
|
.nav-btn.active {
|
|
background: #667eea;
|
|
color: white;
|
|
}
|
|
|
|
.slide-counter {
|
|
position: fixed;
|
|
top: 2rem;
|
|
right: 2rem;
|
|
background: rgba(255, 255, 255, 0.9);
|
|
padding: 0.5rem 1rem;
|
|
border-radius: 20px;
|
|
font-weight: 600;
|
|
color: #667eea;
|
|
z-index: 1000;
|
|
}
|
|
|
|
.keyboard-hint {
|
|
position: fixed;
|
|
bottom: 1rem;
|
|
right: 2rem;
|
|
background: rgba(255, 255, 255, 0.8);
|
|
padding: 0.5rem 1rem;
|
|
border-radius: 20px;
|
|
font-size: 0.8rem;
|
|
color: #666;
|
|
z-index: 1000;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.content-grid {
|
|
grid-template-columns: 1fr;
|
|
gap: 1rem;
|
|
}
|
|
|
|
.slide {
|
|
padding: 2rem;
|
|
}
|
|
|
|
.slide-title {
|
|
font-size: 2.5rem;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="presentation-container">
|
|
<!-- Slide 1: P - PRECISE -->
|
|
<div class="slide active" id="slide-1">
|
|
<div class="slide-header">
|
|
<h1 class="slide-title">P - PRECISE</h1>
|
|
<p class="slide-subtitle">Präzise, messbare und klar definierte Ziele</p>
|
|
</div>
|
|
<div class="content-grid">
|
|
<div class="strategy-item">
|
|
<div class="strategy-number">1</div>
|
|
<div class="strategy-title">UNTERNEHMENSSTRUKTUR & SPIN-OFF</div>
|
|
<div class="strategy-content">ValueOn etabliert PowerOn als Tochtergesellschaft mit Mehrheitsbeteiligung für KI-Produktentwicklung, während ValueOn als Muttergesellschaft die Boutique-Beratungsdienstleistungen fokussiert.</div>
|
|
</div>
|
|
<div class="strategy-item">
|
|
<div class="strategy-number">2</div>
|
|
<div class="strategy-title">POWERON PRODUKTSTRATEGIE</div>
|
|
<div class="strategy-content">PowerOn entwickelt eine KI-gestützte Business-App mit Fokus auf 60-Sekunden-Videoerstellung für KMU-Unternehmer durch Anbindung an Outlook, SharePoint, Office-Apps und Google Drive.</div>
|
|
</div>
|
|
<div class="strategy-item">
|
|
<div class="strategy-number">3</div>
|
|
<div class="strategy-title">CHRIS-COMPANY JOINT VENTURE</div>
|
|
<div class="strategy-content">ValueOn erwirbt 50%+ Beteiligung an Chris-Company (Fintech-Plattform) und nutzt deren Fast-Coding/Product-Integration-Expertise für PowerOn-Entwicklung.</div>
|
|
</div>
|
|
<div class="strategy-item">
|
|
<div class="strategy-number">4</div>
|
|
<div class="strategy-title">VALUEON BOUTIQUE-BERATUNG</div>
|
|
<div class="strategy-content">ValueOn positioniert sich als führende Boutique-Beratung in der deutschsprachigen Schweiz mit Spezialisierung auf Strategieberatung, Corporate Digital Responsibility, Education, Ethik, digitale Transformationsführung, Umsetzungsführung und Lösungsarchitektur im DACH-Raum.</div>
|
|
</div>
|
|
<div class="strategy-item">
|
|
<div class="strategy-number">5</div>
|
|
<div class="strategy-title">EDUCATION & DEUTSCHE EXPANSION</div>
|
|
<div class="strategy-content">Gründung einer Education-Tochtergesellschaft in Deutschland (September 2025) für KI-Schulungen und Weiterbildungsprogramme im DACH-Raum.</div>
|
|
</div>
|
|
<div class="strategy-item">
|
|
<div class="strategy-number">6</div>
|
|
<div class="strategy-title">HEMMSCHWELLEN-REDUKTION & KUNDENAKQUISE</div>
|
|
<div class="strategy-content">PowerOn-App dient als "Türöffner" für ValueOn-Beratungsdienstleistungen durch niedrigschwellige KI-Erfahrungen und nahtlose Weiterleitung zu Beratungsangeboten.</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Slide 2: R - REALISTIC -->
|
|
<div class="slide" id="slide-2">
|
|
<div class="slide-header">
|
|
<h1 class="slide-title">R - REALISTIC</h1>
|
|
<p class="slide-subtitle">Realistisch erreichbare Ziele und Zeitpläne</p>
|
|
</div>
|
|
<div class="content-grid">
|
|
<div class="strategy-item">
|
|
<div class="strategy-number">1</div>
|
|
<div class="strategy-title">UNTERNEHMENSSTRUKTUR & SPIN-OFF</div>
|
|
<div class="strategy-content">Spin-off erfolgt bis Ende 2025 mit klarer Aufgabentrennung: ValueOn = Beratung/Services, PowerOn = Produktentwicklung/Apps.</div>
|
|
</div>
|
|
<div class="strategy-item">
|
|
<div class="strategy-number">2</div>
|
|
<div class="strategy-title">POWERON PRODUKTSTRATEGIE</div>
|
|
<div class="strategy-content">MVP-Chatbot Launch bis 31.07.2025 (unverrückbare Deadline), mobile App für iOS/Android bis Q4-2025.</div>
|
|
</div>
|
|
<div class="strategy-item">
|
|
<div class="strategy-number">3</div>
|
|
<div class="strategy-title">CHRIS-COMPANY JOINT VENTURE</div>
|
|
<div class="strategy-content">Gegenseitige Unterstützung: Chris-Company beschleunigt PowerOn-Entwicklung, ValueOn hilft bei Marktdurchdringung seiner Fintech-Plattform. Fahrplan verlängert.</div>
|
|
</div>
|
|
<div class="strategy-item">
|
|
<div class="strategy-number">4</div>
|
|
<div class="strategy-title">VALUEON BOUTIQUE-BERATUNG</div>
|
|
<div class="strategy-content">Marktführerschaft in deutschsprachiger Schweiz bis Ende 2027, Expansion nach Deutschland/Österreich ab 2028.</div>
|
|
</div>
|
|
<div class="strategy-item">
|
|
<div class="strategy-number">5</div>
|
|
<div class="strategy-title">EDUCATION & DEUTSCHE EXPANSION</div>
|
|
<div class="strategy-content">Aufbau auf bestehender ValueOn-Expertise mit lokalem deutschen Marktfokus für Compliance und Kundenvertrauen.</div>
|
|
</div>
|
|
<div class="strategy-item">
|
|
<div class="strategy-number">6</div>
|
|
<div class="strategy-title">HEMMSCHWELLEN-REDUKTION & KUNDENAKQUISE</div>
|
|
<div class="strategy-content">Freemium-Modell der App generiert Leads, kostenpflichtige Features und Beratungsempfehlungen monetarisieren die Kundenbeziehung.</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Slide 3: I - INCLUSIVE -->
|
|
<div class="slide" id="slide-3">
|
|
<div class="slide-header">
|
|
<h1 class="slide-title">I - INCLUSIVE</h1>
|
|
<p class="slide-subtitle">Alle Stakeholder einbezogen und profitierend</p>
|
|
</div>
|
|
<div class="content-grid">
|
|
<div class="strategy-item">
|
|
<div class="strategy-number">1</div>
|
|
<div class="strategy-title">UNTERNEHMENSSTRUKTUR & SPIN-OFF</div>
|
|
<div class="strategy-content">Beide Unternehmen ergänzen sich synergetisch - ValueOn identifiziert Kundenbedürfnisse, PowerOn entwickelt entsprechende KI-Lösungen.</div>
|
|
</div>
|
|
<div class="strategy-item">
|
|
<div class="strategy-number">2</div>
|
|
<div class="strategy-title">POWERON PRODUKTSTRATEGIE</div>
|
|
<div class="strategy-content">Zielgruppe: KMU-Unternehmer und KI-Interessierte im DACH-Raum mit niedrigschwelligem Zugang zu KI-Tools.</div>
|
|
</div>
|
|
<div class="strategy-item">
|
|
<div class="strategy-number">3</div>
|
|
<div class="strategy-title">CHRIS-COMPANY JOINT VENTURE</div>
|
|
<div class="strategy-content">Win-Win-Partnerschaft kombiniert technische Expertise (Chris-Company) mit Markt-/Beratungskompetenz (ValueOn).</div>
|
|
</div>
|
|
<div class="strategy-item">
|
|
<div class="strategy-number">4</div>
|
|
<div class="strategy-title">VALUEON BOUTIQUE-BERATUNG</div>
|
|
<div class="strategy-content">Komplettes Spektrum der digitalen Transformation: von Strategie über Ethik bis zur technischen Umsetzung.</div>
|
|
</div>
|
|
<div class="strategy-item">
|
|
<div class="strategy-number">5</div>
|
|
<div class="strategy-title">EDUCATION & DEUTSCHE EXPANSION</div>
|
|
<div class="strategy-content">Schulungsangebote für alle Unternehmensgrößen - von Einzelunternehmern bis zu mittelständischen Betrieben.</div>
|
|
</div>
|
|
<div class="strategy-item">
|
|
<div class="strategy-number">6</div>
|
|
<div class="strategy-title">HEMMSCHWELLEN-REDUKTION & KUNDENAKQUISE</div>
|
|
<div class="strategy-content">Von einfacher App-Nutzung bis zur Vollberatung - durchgängige Customer Journey.</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Slide 4: S - SUCCINCT -->
|
|
<div class="slide" id="slide-4">
|
|
<div class="slide-header">
|
|
<h1 class="slide-title">S - SUCCINCT</h1>
|
|
<p class="slide-subtitle">Einfache, verständliche und handlungsorientierte Aussagen</p>
|
|
</div>
|
|
<div class="content-grid">
|
|
<div class="strategy-item">
|
|
<div class="strategy-number">1</div>
|
|
<div class="strategy-title">UNTERNEHMENSSTRUKTUR & SPIN-OFF</div>
|
|
<div class="strategy-content">Mutterhaus ist ValueOn mit Beratung (ValueOn) mit Tochter für Produkte (PowerOn).</div>
|
|
</div>
|
|
<div class="strategy-item">
|
|
<div class="strategy-number">2</div>
|
|
<div class="strategy-title">POWERON PRODUKTSTRATEGIE</div>
|
|
<div class="strategy-content">"KI für alle" - Einfache Prompts + Eigene Daten = Sofortige Business-Insights.</div>
|
|
</div>
|
|
<div class="strategy-item">
|
|
<div class="strategy-number">3</div>
|
|
<div class="strategy-title">CHRIS-COMPANY JOINT VENTURE</div>
|
|
<div class="strategy-content">Technologie-Partnerschaft für beschleunigte Produktentwicklung und Marktzugang.</div>
|
|
</div>
|
|
<div class="strategy-item">
|
|
<div class="strategy-number">4</div>
|
|
<div class="strategy-title">VALUEON BOUTIQUE-BERATUNG</div>
|
|
<div class="strategy-content">Der vertrauensvolle Sparringspartner für verantwortungsvolle digitale Transformation.</div>
|
|
</div>
|
|
<div class="strategy-item">
|
|
<div class="strategy-number">5</div>
|
|
<div class="strategy-title">EDUCATION & DEUTSCHE EXPANSION</div>
|
|
<div class="strategy-content">KI-Bildung als Brücke zum deutschen Markt.</div>
|
|
</div>
|
|
<div class="strategy-item">
|
|
<div class="strategy-number">6</div>
|
|
<div class="strategy-title">HEMMSCHWELLEN-REDUKTION & KUNDENAKQUISE</div>
|
|
<div class="strategy-content">App als Akquisetool für Beratungsmandate.</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Slide 5: M - MEASURABLE -->
|
|
<div class="slide" id="slide-5">
|
|
<div class="slide-header">
|
|
<h1 class="slide-title">M - MEASURABLE</h1>
|
|
<p class="slide-subtitle">Konkrete, quantifizierbare Kennzahlen</p>
|
|
</div>
|
|
<div class="content-grid">
|
|
<div class="strategy-item">
|
|
<div class="strategy-number">1</div>
|
|
<div class="strategy-title">UNTERNEHMENSSTRUKTUR & SPIN-OFF</div>
|
|
<div class="strategy-content">
|
|
• PowerOn-Gründung: bis 30.09.2025<br>
|
|
• Rechtliche Trennung der Geschäftsbereiche: bis Q4-2025<br>
|
|
• Erste PowerOn-Produktumsätze: ab Q1-2026
|
|
</div>
|
|
</div>
|
|
<div class="strategy-item">
|
|
<div class="strategy-number">2</div>
|
|
<div class="strategy-title">POWERON PRODUKTSTRATEGIE</div>
|
|
<div class="strategy-content">
|
|
• MVP-Chatbot: 31.07.2025 (hard deadline)<br>
|
|
• Mobile App Launch: 31.12.2025<br>
|
|
• 100 aktive Nutzer bis Q2-2026<br>
|
|
• App Store/Google Play Verfügbarkeit: Q4-2025
|
|
</div>
|
|
</div>
|
|
<div class="strategy-item">
|
|
<div class="strategy-number">3</div>
|
|
<div class="strategy-title">CHRIS-COMPANY JOINT VENTURE</div>
|
|
<div class="strategy-content">
|
|
• Beteiligungsvertrag: bis 30.10.2025<br>
|
|
• Erste gemeinsame Produktfeatures: Q1-2026<br>
|
|
• Umsatzsteigerung Chris-Company Fintech: +30% bis Q2-2026
|
|
</div>
|
|
</div>
|
|
<div class="strategy-item">
|
|
<div class="strategy-number">4</div>
|
|
<div class="strategy-title">VALUEON BOUTIQUE-BERATUNG</div>
|
|
<div class="strategy-content">
|
|
• 5 neue Beratungskunden bis Ende 2025<br>
|
|
• Marktführerschaft CH bis 31.12.2027<br>
|
|
• 15+ durchgeführte Transformationsprojekte bis 2027
|
|
</div>
|
|
</div>
|
|
<div class="strategy-item">
|
|
<div class="strategy-number">5</div>
|
|
<div class="strategy-title">EDUCATION & DEUTSCHE EXPANSION</div>
|
|
<div class="strategy-content">
|
|
• Firmengründung DE: 30.09.2025<br>
|
|
• Erste Schulungen: Q4-2025<br>
|
|
• 100 teilnehmende Personen bis Q2-2026<br>
|
|
• Break-even der DE-Tochter: Q4-2025 / selbsttragend
|
|
</div>
|
|
</div>
|
|
<div class="strategy-item">
|
|
<div class="strategy-number">6</div>
|
|
<div class="strategy-title">HEMMSCHWELLEN-REDUKTION & KUNDENAKQUISE</div>
|
|
<div class="strategy-content">
|
|
• 10% der App-Nutzer werden zu Beratungsinteressenten<br>
|
|
• 5% der App-Nutzer werden zu zahlenden Beratungskunden<br>
|
|
• Conversion-Rate App → Beratung: mindestens 200 Leads bis Ende 2026
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Navigation -->
|
|
<div class="navigation">
|
|
<button class="nav-btn active" onclick="goToSlide(1)">P</button>
|
|
<button class="nav-btn" onclick="goToSlide(2)">R</button>
|
|
<button class="nav-btn" onclick="goToSlide(3)">I</button>
|
|
<button class="nav-btn" onclick="goToSlide(4)">S</button>
|
|
<button class="nav-btn" onclick="goToSlide(5)">M</button>
|
|
</div>
|
|
|
|
<!-- Slide Counter -->
|
|
<div class="slide-counter">
|
|
<span id="current-slide">1</span> / 5
|
|
</div>
|
|
|
|
<!-- Keyboard Hint -->
|
|
<div class="keyboard-hint">
|
|
← → Pfeiltasten zum Navigieren
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
let currentSlide = 1;
|
|
const totalSlides = 5;
|
|
|
|
function goToSlide(slideNumber) {
|
|
// Hide current slide
|
|
document.getElementById(`slide-${currentSlide}`).classList.remove('active');
|
|
|
|
// Show new slide
|
|
document.getElementById(`slide-${slideNumber}`).classList.add('active');
|
|
|
|
// Update navigation buttons
|
|
document.querySelectorAll('.nav-btn').forEach((btn, index) => {
|
|
btn.classList.toggle('active', index + 1 === slideNumber);
|
|
});
|
|
|
|
// Update slide counter
|
|
document.getElementById('current-slide').textContent = slideNumber;
|
|
|
|
currentSlide = slideNumber;
|
|
}
|
|
|
|
// Keyboard navigation
|
|
document.addEventListener('keydown', function(event) {
|
|
if (event.key === 'ArrowLeft' && currentSlide > 1) {
|
|
goToSlide(currentSlide - 1);
|
|
} else if (event.key === 'ArrowRight' && currentSlide < totalSlides) {
|
|
goToSlide(currentSlide + 1);
|
|
}
|
|
});
|
|
|
|
// Touch/swipe support for mobile
|
|
let startX = 0;
|
|
let endX = 0;
|
|
|
|
document.addEventListener('touchstart', function(event) {
|
|
startX = event.touches[0].clientX;
|
|
});
|
|
|
|
document.addEventListener('touchend', function(event) {
|
|
endX = event.changedTouches[0].clientX;
|
|
handleSwipe();
|
|
});
|
|
|
|
function handleSwipe() {
|
|
const threshold = 50;
|
|
const diff = startX - endX;
|
|
|
|
if (Math.abs(diff) > threshold) {
|
|
if (diff > 0 && currentSlide < totalSlides) {
|
|
// Swipe left - next slide
|
|
goToSlide(currentSlide + 1);
|
|
} else if (diff < 0 && currentSlide > 1) {
|
|
// Swipe right - previous slide
|
|
goToSlide(currentSlide - 1);
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
</body>
|
|
</html> |