880 lines
31 KiB
HTML
880 lines
31 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>PowerOn Kunden und Nutzereferenzen</title>
|
||
<style>
|
||
/* PowerOn.swiss Stylesheet */
|
||
/* Tailwind CSS Custom Properties & Design Tokens */
|
||
|
||
:root {
|
||
/* Locale */
|
||
-webkit-locale: "de";
|
||
|
||
/* Tailwind Transform Properties */
|
||
--tw-border-spacing-x: 0;
|
||
--tw-border-spacing-y: 0;
|
||
--tw-translate-x: 0;
|
||
--tw-translate-y: 0;
|
||
--tw-rotate: 0;
|
||
--tw-skew-x: 0;
|
||
--tw-skew-y: 0;
|
||
--tw-scale-x: 1;
|
||
--tw-scale-y: 1;
|
||
--tw-pan-x: ;
|
||
--tw-pan-y: ;
|
||
--tw-pinch-zoom: ;
|
||
--tw-scroll-snap-strictness: proximity;
|
||
|
||
/* Tailwind Gradient Properties */
|
||
--tw-gradient-from-position: ;
|
||
--tw-gradient-via-position: ;
|
||
--tw-gradient-to-position: ;
|
||
|
||
/* Tailwind Typography Properties */
|
||
--tw-ordinal: ;
|
||
--tw-slashed-zero: ;
|
||
--tw-numeric-figure: ;
|
||
--tw-numeric-spacing: ;
|
||
--tw-numeric-fraction: ;
|
||
|
||
/* Tailwind Ring/Shadow Properties */
|
||
--tw-ring-inset: ;
|
||
--tw-ring-offset-width: 0px;
|
||
--tw-ring-offset-color: #fff;
|
||
--tw-ring-color: rgb(59 130 246 / .5);
|
||
--tw-ring-offset-shadow: 0 0 #0000;
|
||
--tw-ring-shadow: 0 0 #0000;
|
||
--tw-shadow: 0 0 #0000;
|
||
--tw-shadow-colored: 0 0 #0000;
|
||
|
||
/* Tailwind Filter Properties */
|
||
--tw-blur: ;
|
||
--tw-brightness: ;
|
||
--tw-contrast: ;
|
||
--tw-grayscale: ;
|
||
--tw-hue-rotate: ;
|
||
--tw-invert: ;
|
||
--tw-saturate: ;
|
||
--tw-sepia: ;
|
||
--tw-drop-shadow: ;
|
||
|
||
/* Tailwind Backdrop Filter Properties */
|
||
--tw-backdrop-blur: ;
|
||
--tw-backdrop-brightness: ;
|
||
--tw-backdrop-contrast: ;
|
||
--tw-backdrop-grayscale: ;
|
||
--tw-backdrop-hue-rotate: ;
|
||
--tw-backdrop-invert: ;
|
||
--tw-backdrop-opacity: ;
|
||
--tw-backdrop-saturate: ;
|
||
--tw-backdrop-sepia: ;
|
||
|
||
/* Tailwind Container Properties */
|
||
--tw-contain-size: ;
|
||
--tw-contain-layout: ;
|
||
--tw-contain-paint: ;
|
||
--tw-contain-style: ;
|
||
|
||
/* Design System Colors (HSL Format) */
|
||
/* Base Colors */
|
||
--background: 0 0% 100%;
|
||
--foreground: 222.2 84% 4.9%;
|
||
|
||
/* Card Colors */
|
||
--card: 0 0% 100%;
|
||
--card-foreground: 222.2 84% 4.9%;
|
||
|
||
/* Popover Colors */
|
||
--popover: 0 0% 100%;
|
||
--popover-foreground: 222.2 84% 4.9%;
|
||
|
||
/* Primary Colors (Red Brand Color) */
|
||
--primary: 0 84% 42%;
|
||
--primary-foreground: 0 0% 100%;
|
||
|
||
/* Secondary Colors */
|
||
--secondary: 210 40% 96.1%;
|
||
--secondary-foreground: 222.2 47.4% 11.2%;
|
||
|
||
/* Muted Colors */
|
||
--muted: 210 40% 96.1%;
|
||
--muted-foreground: 215.4 16.3% 46.9%;
|
||
|
||
/* Accent Colors */
|
||
--accent: 210 40% 96.1%;
|
||
--accent-foreground: 222.2 47.4% 11.2%;
|
||
|
||
/* Destructive Colors */
|
||
--destructive: 0 84% 42%;
|
||
--destructive-foreground: 210 40% 98%;
|
||
|
||
/* Custom Red Colors */
|
||
--red-primary: 0 84% 42%;
|
||
--red-primary-hover: 0 53% 23%;
|
||
--red-primary-light: 0 84% 60%;
|
||
--red-background-light: 0 84% 97%;
|
||
|
||
/* Border & Input Colors */
|
||
--border: 214.3 31.8% 91.4%;
|
||
--input: 214.3 31.8% 91.4%;
|
||
--ring: 222.2 84% 4.9%;
|
||
|
||
/* Tool/Brand Specific Colors */
|
||
--tool-dark: 0 0% 9.4%;
|
||
--tool-dark-light: 0 0% 16.5%;
|
||
--tool-dark-medium: 0 0% 12.2%;
|
||
--tool-beige: 43 12% 73.7%;
|
||
--tool-beige-light: 43 20% 80%;
|
||
--tool-beige-dark: 43 8% 67%;
|
||
--tool-orange: 9 90% 60.6%;
|
||
--tool-orange-light: 9 85% 65%;
|
||
--tool-orange-dark: 9 94% 53%;
|
||
|
||
/* Border Radius */
|
||
--radius: 0.5rem;
|
||
|
||
/* Sidebar Colors */
|
||
--sidebar-background: 0 0% 98%;
|
||
--sidebar-foreground: 240 5.3% 26.1%;
|
||
--sidebar-primary: 240 5.9% 10%;
|
||
--sidebar-primary-foreground: 0 0% 98%;
|
||
--sidebar-accent: 240 4.8% 95.9%;
|
||
--sidebar-accent-foreground: 240 5.9% 10%;
|
||
--sidebar-border: 220 13% 91%;
|
||
--sidebar-ring: 217.2 91.2% 59.8%;
|
||
}
|
||
|
||
/* Base Reset */
|
||
*,
|
||
*::before,
|
||
*::after {
|
||
box-sizing: border-box;
|
||
border-width: 0;
|
||
border-style: solid;
|
||
border-color: hsl(var(--border));
|
||
}
|
||
|
||
/* Body Base Styles */
|
||
body {
|
||
line-height: 1.5;
|
||
-webkit-text-size-adjust: 100%;
|
||
tab-size: 4;
|
||
font-family: 'DM Sans', sans-serif;
|
||
font-feature-settings: normal;
|
||
font-variation-settings: normal;
|
||
-webkit-tap-highlight-color: transparent;
|
||
background-color: hsl(var(--background));
|
||
color: hsl(var(--foreground));
|
||
}
|
||
|
||
/* Utility Classes für die Farben */
|
||
.bg-background { background-color: hsl(var(--background)); }
|
||
.bg-primary { background-color: hsl(var(--primary)); }
|
||
.bg-secondary { background-color: hsl(var(--secondary)); }
|
||
.bg-muted { background-color: hsl(var(--muted)); }
|
||
.bg-card { background-color: hsl(var(--card)); }
|
||
|
||
.text-foreground { color: hsl(var(--foreground)); }
|
||
.text-primary { color: hsl(var(--primary)); }
|
||
.text-primary-foreground { color: hsl(var(--primary-foreground)); }
|
||
.text-muted-foreground { color: hsl(var(--muted-foreground)); }
|
||
|
||
.border-border { border-color: hsl(var(--border)); }
|
||
|
||
/* Custom Red Button */
|
||
.btn-red-primary {
|
||
background-color: hsl(var(--red-primary));
|
||
color: hsl(var(--primary-foreground));
|
||
border-radius: var(--radius);
|
||
}
|
||
|
||
.btn-red-primary:hover {
|
||
background-color: hsl(var(--red-primary-hover));
|
||
}
|
||
|
||
/* Tool Colors */
|
||
.bg-tool-dark { background-color: hsl(var(--tool-dark)); }
|
||
.bg-tool-beige { background-color: hsl(var(--tool-beige)); }
|
||
.bg-tool-orange { background-color: hsl(var(--tool-orange)); }
|
||
|
||
/* Custom Layout Styles */
|
||
.container {
|
||
max-width: 1200px;
|
||
margin: 0 auto;
|
||
padding: 0 20px;
|
||
}
|
||
|
||
.header {
|
||
background: hsl(var(--red-primary));
|
||
color: hsl(var(--primary-foreground));
|
||
padding: 60px 0;
|
||
text-align: center;
|
||
}
|
||
|
||
.logo {
|
||
font-size: 2.5rem;
|
||
font-weight: 700;
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
.logo a {
|
||
color: hsl(var(--primary-foreground));
|
||
text-decoration: none;
|
||
}
|
||
|
||
.subtitle {
|
||
font-size: 1.2rem;
|
||
opacity: 0.9;
|
||
max-width: 600px;
|
||
margin: 0 auto;
|
||
}
|
||
|
||
.main-content {
|
||
padding: 60px 0;
|
||
}
|
||
|
||
.section {
|
||
margin-bottom: 50px;
|
||
background: hsl(var(--card));
|
||
border-radius: var(--radius);
|
||
padding: 40px;
|
||
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
|
||
border: 1px solid hsl(var(--border));
|
||
}
|
||
|
||
.section h2 {
|
||
color: hsl(var(--foreground));
|
||
font-size: 2rem;
|
||
margin-bottom: 30px;
|
||
border-bottom: 3px solid hsl(var(--red-primary));
|
||
padding-bottom: 10px;
|
||
}
|
||
|
||
.section h3 {
|
||
color: hsl(var(--foreground));
|
||
font-size: 1.4rem;
|
||
margin: 30px 0 15px 0;
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
|
||
.section h3::before {
|
||
content: "▶";
|
||
color: hsl(var(--red-primary));
|
||
margin-right: 10px;
|
||
font-size: 0.8rem;
|
||
}
|
||
|
||
.feature-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
||
gap: 30px;
|
||
margin-top: 30px;
|
||
}
|
||
|
||
.feature-card {
|
||
background: hsl(var(--muted));
|
||
border: 1px solid hsl(var(--border));
|
||
border-radius: var(--radius);
|
||
padding: 25px;
|
||
transition: transform 0.2s ease, box-shadow 0.2s ease;
|
||
}
|
||
|
||
.feature-card:hover {
|
||
transform: translateY(-2px);
|
||
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
|
||
}
|
||
|
||
.feature-card h3 {
|
||
color: hsl(var(--foreground));
|
||
margin-bottom: 15px;
|
||
font-size: 1.2rem;
|
||
}
|
||
|
||
.feature-card ul {
|
||
list-style: none;
|
||
padding: 0;
|
||
}
|
||
|
||
.feature-card li {
|
||
padding: 8px 0;
|
||
position: relative;
|
||
padding-left: 20px;
|
||
}
|
||
|
||
.feature-card li::before {
|
||
content: "✓";
|
||
color: hsl(var(--red-primary));
|
||
font-weight: bold;
|
||
position: absolute;
|
||
left: 0;
|
||
}
|
||
|
||
.use-case-card {
|
||
background: hsl(var(--card));
|
||
border: 2px solid hsl(var(--red-primary));
|
||
border-radius: var(--radius);
|
||
padding: 30px;
|
||
margin-bottom: 30px;
|
||
transition: transform 0.2s ease, box-shadow 0.2s ease;
|
||
}
|
||
|
||
.use-case-card:hover {
|
||
transform: translateY(-2px);
|
||
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
|
||
}
|
||
|
||
.use-case-title {
|
||
color: hsl(var(--red-primary));
|
||
font-size: 1.3rem;
|
||
font-weight: 700;
|
||
margin-bottom: 20px;
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
|
||
.use-case-title::before {
|
||
content: attr(data-icon);
|
||
font-size: 1.5rem;
|
||
margin-right: 10px;
|
||
}
|
||
|
||
.use-case-content {
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
.use-case-content h4 {
|
||
color: hsl(var(--foreground));
|
||
font-size: 1.1rem;
|
||
font-weight: 600;
|
||
margin: 15px 0 8px 0;
|
||
}
|
||
|
||
.use-case-content p {
|
||
color: hsl(var(--muted-foreground));
|
||
margin-bottom: 10px;
|
||
line-height: 1.6;
|
||
}
|
||
|
||
.process-flow {
|
||
background: hsl(var(--red-background-light));
|
||
border: 1px solid hsl(var(--red-primary-light));
|
||
border-radius: var(--radius);
|
||
padding: 20px;
|
||
margin: 20px 0;
|
||
overflow-x: auto;
|
||
}
|
||
|
||
.process-flow-title {
|
||
color: hsl(var(--red-primary));
|
||
font-weight: 600;
|
||
margin-bottom: 15px;
|
||
font-size: 1rem;
|
||
}
|
||
|
||
.process-steps {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 10px;
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
.process-step {
|
||
background: hsl(var(--red-primary));
|
||
color: hsl(var(--primary-foreground));
|
||
padding: 8px 16px;
|
||
border-radius: 20px;
|
||
font-size: 0.9rem;
|
||
font-weight: 500;
|
||
white-space: nowrap;
|
||
transition: transform 0.2s ease;
|
||
}
|
||
|
||
.process-step:hover {
|
||
transform: scale(1.05);
|
||
}
|
||
|
||
.process-arrow {
|
||
color: hsl(var(--red-primary));
|
||
font-size: 1.2rem;
|
||
font-weight: bold;
|
||
}
|
||
|
||
.results {
|
||
background: hsl(var(--muted));
|
||
color: hsl(var(--foreground));
|
||
}
|
||
|
||
.results h2 {
|
||
color: hsl(var(--foreground));
|
||
border-bottom-color: hsl(var(--red-primary));
|
||
}
|
||
|
||
.results h3 {
|
||
color: hsl(var(--foreground));
|
||
}
|
||
|
||
.results .feature-card {
|
||
background: hsl(var(--card));
|
||
border-color: hsl(var(--border));
|
||
color: hsl(var(--foreground));
|
||
}
|
||
|
||
.results .feature-card h3 {
|
||
color: hsl(var(--foreground));
|
||
}
|
||
|
||
.results .feature-card li::before {
|
||
color: hsl(var(--red-primary));
|
||
}
|
||
|
||
.approach {
|
||
background: hsl(var(--red-background-light));
|
||
color: hsl(var(--foreground));
|
||
}
|
||
|
||
.approach h2 {
|
||
color: hsl(var(--foreground));
|
||
border-bottom-color: hsl(var(--red-primary));
|
||
}
|
||
|
||
.approach h3 {
|
||
color: hsl(var(--foreground));
|
||
}
|
||
|
||
.approach .feature-card {
|
||
background: hsl(var(--card));
|
||
border-color: hsl(var(--red-primary));
|
||
color: hsl(var(--foreground));
|
||
}
|
||
|
||
.approach .feature-card h3 {
|
||
color: hsl(var(--foreground));
|
||
}
|
||
|
||
.approach .feature-card li::before {
|
||
color: hsl(var(--red-primary));
|
||
}
|
||
|
||
.cta {
|
||
background: hsl(var(--muted));
|
||
color: hsl(var(--foreground));
|
||
}
|
||
|
||
.cta h2 {
|
||
color: hsl(var(--foreground));
|
||
border-bottom-color: hsl(var(--red-primary));
|
||
}
|
||
|
||
.cta h3 {
|
||
color: hsl(var(--foreground));
|
||
}
|
||
|
||
.cta .feature-card {
|
||
background: hsl(var(--card));
|
||
border-color: hsl(var(--border));
|
||
color: hsl(var(--foreground));
|
||
}
|
||
|
||
.cta .feature-card h3 {
|
||
color: hsl(var(--foreground));
|
||
}
|
||
|
||
.cta .feature-card li::before {
|
||
color: hsl(var(--red-primary));
|
||
}
|
||
|
||
.note {
|
||
background: hsl(var(--red-background-light));
|
||
border: 1px solid hsl(var(--red-primary-light));
|
||
border-radius: var(--radius);
|
||
padding: 20px;
|
||
margin-top: 30px;
|
||
color: hsl(var(--red-primary-hover));
|
||
}
|
||
|
||
.note::before {
|
||
content: "ℹ️ ";
|
||
font-weight: bold;
|
||
}
|
||
|
||
.footer {
|
||
background: hsl(var(--tool-dark));
|
||
color: hsl(var(--primary-foreground));
|
||
text-align: center;
|
||
padding: 40px 0;
|
||
}
|
||
|
||
.footer a {
|
||
color: hsl(var(--red-primary-light));
|
||
text-decoration: none;
|
||
}
|
||
|
||
.footer a:hover {
|
||
text-decoration: underline;
|
||
}
|
||
|
||
@media (max-width: 768px) {
|
||
.header {
|
||
padding: 40px 0;
|
||
}
|
||
|
||
.logo {
|
||
font-size: 2rem;
|
||
}
|
||
|
||
.section {
|
||
padding: 25px;
|
||
margin-bottom: 30px;
|
||
}
|
||
|
||
.feature-grid {
|
||
grid-template-columns: 1fr;
|
||
gap: 20px;
|
||
}
|
||
|
||
.process-steps {
|
||
flex-direction: column;
|
||
align-items: stretch;
|
||
}
|
||
|
||
.process-arrow {
|
||
transform: rotate(90deg);
|
||
}
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="header">
|
||
<div class="container">
|
||
<div class="logo">
|
||
<a href="https://poweron.swiss/">PowerOn</a>
|
||
</div>
|
||
<div class="subtitle">
|
||
Kunden und Nutzereferenzen (neutralisiert)
|
||
</div>
|
||
<div style="font-size: 0.9rem; margin-top: 10px; opacity: 0.8;">
|
||
Kurzüberblick über realisierte PowerOn-Leistungen ohne Kundennennungen
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="main-content">
|
||
<div class="container">
|
||
<div class="section">
|
||
<h2>Leistungsbausteine</h2>
|
||
<div class="feature-grid">
|
||
<div class="feature-card">
|
||
<h3>Impact Sessions</h3>
|
||
<ul>
|
||
<li>Orientierung für Entscheiderinnen und Entscheider</li>
|
||
<li>Klärung Nutzen, Risiken, nächste Schritte</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="feature-card">
|
||
<h3>Deep Dives & Academy-Module</h3>
|
||
<ul>
|
||
<li>Hands-on Training mit echten Business Cases</li>
|
||
<li>Transfer in konkrete Arbeitsabläufe</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="feature-card">
|
||
<h3>Workshops / Prototyping</h3>
|
||
<ul>
|
||
<li>Definition von Use Cases und KPI</li>
|
||
<li>Rapid Prototyping bis funktionsfähiges MVP</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="feature-card">
|
||
<h3>Transformation Labs</h3>
|
||
<ul>
|
||
<li>Begleitung bis Umsetzung und Go-Live</li>
|
||
<li>Skalierung und Betrieb</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="section">
|
||
<h2>Referenz-Use-Cases (ohne Kundendaten)</h2>
|
||
|
||
<div class="use-case-card">
|
||
<div class="use-case-title" data-icon="🔄">Prozessautomatisierung und KPI-Produkt</div>
|
||
<div class="use-case-content">
|
||
<h4>Kontext</h4>
|
||
<p>Hoher manueller Aufwand und intransparente Kosten in Spesen und Controlling bremsen das Tagesgeschäft</p>
|
||
|
||
<h4>Ziel</h4>
|
||
<p>Operative Kosten senken und Steuerungsfähigkeit erhöhen durch standardisierte, schnellere Freigaben</p>
|
||
|
||
<h4>Lösung</h4>
|
||
<p>End‑to‑End Workflow in PowerOn mit automatischer Belegerfassung, Prüfung und KPI‑Auswertung</p>
|
||
|
||
<h4>Ergebnis</h4>
|
||
<p>Kürzere Durchlaufzeiten und jederzeit transparente Kennzahlen</p>
|
||
</div>
|
||
<div class="process-flow">
|
||
<div class="process-flow-title">Prozessablauf:</div>
|
||
<div class="process-steps">
|
||
<div class="process-step">Beleg</div>
|
||
<div class="process-arrow">→</div>
|
||
<div class="process-step">Erfassen</div>
|
||
<div class="process-arrow">→</div>
|
||
<div class="process-step">Validieren</div>
|
||
<div class="process-arrow">→</div>
|
||
<div class="process-step">Genehmigen</div>
|
||
<div class="process-arrow">→</div>
|
||
<div class="process-step">Buchen</div>
|
||
<div class="process-arrow">→</div>
|
||
<div class="process-step">KPI‑Dashboard</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="use-case-card">
|
||
<div class="use-case-title" data-icon="🧱">Enterprise-Features skalieren für bestehende Lösung</div>
|
||
<div class="use-case-content">
|
||
<h4>Kontext</h4>
|
||
<p>Wachsende Nutzerzahlen und steigende Anforderungen gefährden die wahrgenommene Servicequalität</p>
|
||
|
||
<h4>Ziel</h4>
|
||
<p>Verlässliche Skalierbarkeit sicherstellen und Kundenzufriedenheit schützen</p>
|
||
|
||
<h4>Lösung</h4>
|
||
<p>Rollen- und Berechtigungskonzept erweitern, Performance optimieren und Betriebsprozesse festigen</p>
|
||
|
||
<h4>Ergebnis</h4>
|
||
<p>Hohe Stabilität, schnellere Antwortzeiten und sicherer Betrieb</p>
|
||
</div>
|
||
<div class="process-flow">
|
||
<div class="process-flow-title">Prozessablauf:</div>
|
||
<div class="process-steps">
|
||
<div class="process-step">Users</div>
|
||
<div class="process-arrow">→</div>
|
||
<div class="process-step">Auth/Rollen</div>
|
||
<div class="process-arrow">→</div>
|
||
<div class="process-step">Services</div>
|
||
<div class="process-arrow">→</div>
|
||
<div class="process-step">Queue/Jobs</div>
|
||
<div class="process-arrow">→</div>
|
||
<div class="process-step">Monitoring</div>
|
||
<div class="process-arrow">→</div>
|
||
<div class="process-step">SLO/SLA</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="use-case-card">
|
||
<div class="use-case-title" data-icon="🧭">Management-Alignment und Entscheidvorbereitung</div>
|
||
<div class="use-case-content">
|
||
<h4>Kontext</h4>
|
||
<p>Strategische Weichenstellung für KI erfordert breite Abstützung und klare Investitionssicht</p>
|
||
|
||
<h4>Ziel</h4>
|
||
<p>Entscheidungssicherheit auf GL‑Ebene schaffen und Investitionen fokussieren</p>
|
||
|
||
<h4>Lösung</h4>
|
||
<p>Kompakte Impact‑Session mit Variantenvergleich und klarer Roadmap</p>
|
||
|
||
<h4>Ergebnis</h4>
|
||
<p>Verbindliche Entscheide zu Scope, Budget und Zeitplan</p>
|
||
</div>
|
||
<div class="process-flow">
|
||
<div class="process-flow-title">Prozessablauf:</div>
|
||
<div class="process-steps">
|
||
<div class="process-step">Ausgangslage</div>
|
||
<div class="process-arrow">→</div>
|
||
<div class="process-step">Optionen</div>
|
||
<div class="process-arrow">→</div>
|
||
<div class="process-step">Kosten/Nutzen</div>
|
||
<div class="process-arrow">→</div>
|
||
<div class="process-step">Roadmap</div>
|
||
<div class="process-arrow">→</div>
|
||
<div class="process-step">Entscheid (GL)</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="use-case-card">
|
||
<div class="use-case-title" data-icon="🧩">Tech‑Workshops zu Multi‑Agent‑Architektur</div>
|
||
<div class="use-case-content">
|
||
<h4>Kontext</h4>
|
||
<p>Unterschiedliche Vorgehensweisen und Standards verlangsamen Delivery und erschweren Skalierung</p>
|
||
|
||
<h4>Ziel</h4>
|
||
<p>Gemeinsame Spielregeln schaffen, um Time‑to‑Value zu verkürzen und konsistente Qualität sicherzustellen</p>
|
||
|
||
<h4>Lösung</h4>
|
||
<p>Klare Architekturprinzipien, verbindliche Standards und kollaborative Working Agreements</p>
|
||
|
||
<h4>Ergebnis</h4>
|
||
<p>Einheitliche Regeln, eindeutige Verantwortlichkeiten und eine belastbare Sprint‑Roadmap</p>
|
||
</div>
|
||
<div class="process-flow">
|
||
<div class="process-flow-title">Prozessablauf:</div>
|
||
<div class="process-steps">
|
||
<div class="process-step">Pain Points</div>
|
||
<div class="process-arrow">→</div>
|
||
<div class="process-step">Prinzipien</div>
|
||
<div class="process-arrow">→</div>
|
||
<div class="process-step">Standards</div>
|
||
<div class="process-arrow">→</div>
|
||
<div class="process-step">Working Agreements</div>
|
||
<div class="process-arrow">→</div>
|
||
<div class="process-step">Sprint‑Roadmap</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="use-case-card">
|
||
<div class="use-case-title" data-icon="📊">Data & Analytics Demo / Reporting</div>
|
||
<div class="use-case-content">
|
||
<h4>Kontext</h4>
|
||
<p>Entscheidungen werden mit Bauchgefühl statt mit einheitlichen Zahlen getroffen</p>
|
||
|
||
<h4>Ziel</h4>
|
||
<p>Entscheidungen im Fachbereich konsequent datenbasiert treffen</p>
|
||
|
||
<h4>Lösung</h4>
|
||
<p>Schlanke Datenaufbereitung mit PowerOn‑Pipelines und Visualisierung im BI‑Tool</p>
|
||
|
||
<h4>Ergebnis</h4>
|
||
<p>Entscheidungsreife KPIs auf einen Blick</p>
|
||
</div>
|
||
<div class="process-flow">
|
||
<div class="process-flow-title">Prozessablauf:</div>
|
||
<div class="process-steps">
|
||
<div class="process-step">Datenquellen</div>
|
||
<div class="process-arrow">→</div>
|
||
<div class="process-step">Bereinigen/Joinen</div>
|
||
<div class="process-arrow">→</div>
|
||
<div class="process-step">KPIs berechnen</div>
|
||
<div class="process-arrow">→</div>
|
||
<div class="process-step">Dashboard (BI)</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="use-case-card">
|
||
<div class="use-case-title" data-icon="🛠️">Code‑Modernisierung und Analyse</div>
|
||
<div class="use-case-content">
|
||
<h4>Kontext</h4>
|
||
<p>Veraltete Codebasis bremst Releases, erhöht Betriebsrisiken und erschwert neue Features</p>
|
||
|
||
<h4>Ziel</h4>
|
||
<p>Risiken in Legacy‑Code reduzieren und Zukunftsfähigkeit herstellen</p>
|
||
|
||
<h4>Lösung</h4>
|
||
<p>Systematische Code‑Analyse mit klaren Migrationspfaden und schnellen Verbesserungen</p>
|
||
|
||
<h4>Ergebnis</h4>
|
||
<p>Priorisierte Massnahmen mit messbarem Risikoabbau</p>
|
||
</div>
|
||
<div class="process-flow">
|
||
<div class="process-flow-title">Prozessablauf:</div>
|
||
<div class="process-steps">
|
||
<div class="process-step">Systeme</div>
|
||
<div class="process-arrow">→</div>
|
||
<div class="process-step">Code‑Analyse</div>
|
||
<div class="process-arrow">→</div>
|
||
<div class="process-step">Risiken bewerten</div>
|
||
<div class="process-arrow">→</div>
|
||
<div class="process-step">Migrationspfade</div>
|
||
<div class="process-arrow">→</div>
|
||
<div class="process-step">Quick Wins</div>
|
||
<div class="process-arrow">→</div>
|
||
<div class="process-step">Stabiler Release</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="section results">
|
||
<h2>Typische Resultate</h2>
|
||
<div class="feature-grid">
|
||
<div class="feature-card">
|
||
<h3>Effizienzsteigerung</h3>
|
||
<ul>
|
||
<li>30–70% Zeiteinsparung in Zielprozessen (je nach Ausgangslage)</li>
|
||
<li>Schnellere Entscheide dank standardisierten Artefakten und Dashboards</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="feature-card">
|
||
<h3>Risikoreduktion</h3>
|
||
<ul>
|
||
<li>Reduzierte Betriebsrisiken durch klare Architektur- und Qualitätsstandards</li>
|
||
<li>Höhere Akzeptanz durch Einbindung von Stakeholdern früh im Prozess</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="section approach">
|
||
<h2>Vorgehen (Kurz)</h2>
|
||
<div class="feature-grid">
|
||
<div class="feature-card">
|
||
<h3>1. Discovery</h3>
|
||
<ul>
|
||
<li>Ziele, Ist‑Prozess, Datenlage</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="feature-card">
|
||
<h3>2. Prototyp</h3>
|
||
<ul>
|
||
<li>Schlanker End‑to‑End‑Flow mit messbarem Nutzen</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="feature-card">
|
||
<h3>3. Skalierung</h3>
|
||
<ul>
|
||
<li>Security, Performance, Betrieb</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="feature-card">
|
||
<h3>4. Transition</h3>
|
||
<ul>
|
||
<li>Übergabe oder Betrieb durch PowerOn‑Team</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="section cta">
|
||
<h2>Gemeinsamer Start</h2>
|
||
<div class="feature-grid">
|
||
<div class="feature-card">
|
||
<h3>Vorbereitung</h3>
|
||
<ul>
|
||
<li>Use‑Case shortlist definieren</li>
|
||
<li>2‑h Impact‑Session terminieren</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="feature-card">
|
||
<h3>Umsetzung</h3>
|
||
<ul>
|
||
<li>MVP‑Scope und Erfolgskriterien festlegen</li>
|
||
<li>Sprint‑Planung starten</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="footer">
|
||
<div class="container">
|
||
<p>© 2025 <a href="https://poweron.swiss/">PowerOn</a> – Intelligente Workflow-Plattform</p>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
</html>
|