ETH Dokumente
This commit is contained in:
ValueOn AG
parent
d7e776b3de
commit
1fdc1b4a6e
3 changed files with 2255 additions and 0 deletions
805
poweron/userdoc/doc_investor_general.html
Normal file
805
poweron/userdoc/doc_investor_general.html
Normal file
|
|
@ -0,0 +1,805 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="de">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>PowerOn AI Platform - Investoren-Dokumentation</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;
|
||||||
|
}
|
||||||
|
|
||||||
|
.executive-summary {
|
||||||
|
background: hsl(var(--red-background-light));
|
||||||
|
color: hsl(var(--foreground));
|
||||||
|
}
|
||||||
|
|
||||||
|
.executive-summary h2 {
|
||||||
|
color: hsl(var(--foreground));
|
||||||
|
border-bottom-color: hsl(var(--red-primary));
|
||||||
|
}
|
||||||
|
|
||||||
|
.executive-summary h3 {
|
||||||
|
color: hsl(var(--foreground));
|
||||||
|
}
|
||||||
|
|
||||||
|
.executive-summary .feature-card {
|
||||||
|
background: hsl(var(--card));
|
||||||
|
border-color: hsl(var(--red-primary));
|
||||||
|
color: hsl(var(--foreground));
|
||||||
|
}
|
||||||
|
|
||||||
|
.executive-summary .feature-card h3 {
|
||||||
|
color: hsl(var(--foreground));
|
||||||
|
}
|
||||||
|
|
||||||
|
.executive-summary .feature-card li::before {
|
||||||
|
color: hsl(var(--red-primary));
|
||||||
|
}
|
||||||
|
|
||||||
|
.core-functions {
|
||||||
|
background: hsl(var(--muted));
|
||||||
|
color: hsl(var(--foreground));
|
||||||
|
}
|
||||||
|
|
||||||
|
.core-functions h2 {
|
||||||
|
color: hsl(var(--foreground));
|
||||||
|
border-bottom-color: hsl(var(--red-primary));
|
||||||
|
}
|
||||||
|
|
||||||
|
.core-functions h3 {
|
||||||
|
color: hsl(var(--foreground));
|
||||||
|
}
|
||||||
|
|
||||||
|
.core-functions .feature-card {
|
||||||
|
background: hsl(var(--card));
|
||||||
|
border-color: hsl(var(--border));
|
||||||
|
color: hsl(var(--foreground));
|
||||||
|
}
|
||||||
|
|
||||||
|
.core-functions .feature-card h3 {
|
||||||
|
color: hsl(var(--foreground));
|
||||||
|
}
|
||||||
|
|
||||||
|
.core-functions .feature-card li::before {
|
||||||
|
color: hsl(var(--red-primary));
|
||||||
|
}
|
||||||
|
|
||||||
|
.market-business {
|
||||||
|
background: hsl(var(--red-background-light));
|
||||||
|
color: hsl(var(--foreground));
|
||||||
|
}
|
||||||
|
|
||||||
|
.market-business h2 {
|
||||||
|
color: hsl(var(--foreground));
|
||||||
|
border-bottom-color: hsl(var(--red-primary));
|
||||||
|
}
|
||||||
|
|
||||||
|
.market-business h3 {
|
||||||
|
color: hsl(var(--foreground));
|
||||||
|
}
|
||||||
|
|
||||||
|
.market-business .feature-card {
|
||||||
|
background: hsl(var(--card));
|
||||||
|
border-color: hsl(var(--red-primary));
|
||||||
|
color: hsl(var(--foreground));
|
||||||
|
}
|
||||||
|
|
||||||
|
.market-business .feature-card h3 {
|
||||||
|
color: hsl(var(--foreground));
|
||||||
|
}
|
||||||
|
|
||||||
|
.market-business .feature-card li::before {
|
||||||
|
color: hsl(var(--red-primary));
|
||||||
|
}
|
||||||
|
|
||||||
|
.risks {
|
||||||
|
background: hsl(var(--muted));
|
||||||
|
color: hsl(var(--foreground));
|
||||||
|
}
|
||||||
|
|
||||||
|
.risks h2 {
|
||||||
|
color: hsl(var(--foreground));
|
||||||
|
border-bottom-color: hsl(var(--red-primary));
|
||||||
|
}
|
||||||
|
|
||||||
|
.risks h3 {
|
||||||
|
color: hsl(var(--foreground));
|
||||||
|
}
|
||||||
|
|
||||||
|
.risks .feature-card {
|
||||||
|
background: hsl(var(--card));
|
||||||
|
border-color: hsl(var(--border));
|
||||||
|
color: hsl(var(--foreground));
|
||||||
|
}
|
||||||
|
|
||||||
|
.risks .feature-card h3 {
|
||||||
|
color: hsl(var(--foreground));
|
||||||
|
}
|
||||||
|
|
||||||
|
.risks .feature-card li::before {
|
||||||
|
color: hsl(var(--red-primary));
|
||||||
|
}
|
||||||
|
|
||||||
|
.financial {
|
||||||
|
background: hsl(var(--red-background-light));
|
||||||
|
color: hsl(var(--foreground));
|
||||||
|
}
|
||||||
|
|
||||||
|
.financial h2 {
|
||||||
|
color: hsl(var(--foreground));
|
||||||
|
border-bottom-color: hsl(var(--red-primary));
|
||||||
|
}
|
||||||
|
|
||||||
|
.financial h3 {
|
||||||
|
color: hsl(var(--foreground));
|
||||||
|
}
|
||||||
|
|
||||||
|
.financial .feature-card {
|
||||||
|
background: hsl(var(--card));
|
||||||
|
border-color: hsl(var(--red-primary));
|
||||||
|
color: hsl(var(--foreground));
|
||||||
|
}
|
||||||
|
|
||||||
|
.financial .feature-card h3 {
|
||||||
|
color: hsl(var(--foreground));
|
||||||
|
}
|
||||||
|
|
||||||
|
.financial .feature-card li::before {
|
||||||
|
color: hsl(var(--red-primary));
|
||||||
|
}
|
||||||
|
|
||||||
|
.conclusion {
|
||||||
|
background: hsl(var(--muted));
|
||||||
|
color: hsl(var(--foreground));
|
||||||
|
}
|
||||||
|
|
||||||
|
.conclusion h2 {
|
||||||
|
color: hsl(var(--foreground));
|
||||||
|
border-bottom-color: hsl(var(--red-primary));
|
||||||
|
}
|
||||||
|
|
||||||
|
.conclusion h3 {
|
||||||
|
color: hsl(var(--foreground));
|
||||||
|
}
|
||||||
|
|
||||||
|
.conclusion .feature-card {
|
||||||
|
background: hsl(var(--card));
|
||||||
|
border-color: hsl(var(--border));
|
||||||
|
color: hsl(var(--foreground));
|
||||||
|
}
|
||||||
|
|
||||||
|
.conclusion .feature-card h3 {
|
||||||
|
color: hsl(var(--foreground));
|
||||||
|
}
|
||||||
|
|
||||||
|
.conclusion .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;
|
||||||
|
}
|
||||||
|
|
||||||
|
.section-number {
|
||||||
|
color: hsl(var(--red-primary));
|
||||||
|
font-weight: bold;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="header">
|
||||||
|
<div class="container">
|
||||||
|
<div class="logo">
|
||||||
|
<a href="https://poweron.swiss/">PowerOn</a>
|
||||||
|
</div>
|
||||||
|
<div class="subtitle">
|
||||||
|
AI Platform - Investoren-Dokumentation
|
||||||
|
</div>
|
||||||
|
<div style="font-size: 0.9rem; margin-top: 10px; opacity: 0.8;">
|
||||||
|
Stand: 16. Oktober 2025
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="main-content">
|
||||||
|
<div class="container">
|
||||||
|
<div class="section executive-summary">
|
||||||
|
<h2><span class="section-number">Executive Summary</span></h2>
|
||||||
|
<p style="font-size: 1.1rem; color: #4a5568; margin-bottom: 30px;">
|
||||||
|
PowerOn ist eine Software, die Unternehmen dabei hilft, wiederkehrende Aufgaben zu automatisieren. Statt dass Mitarbeiter manuell Daten sammeln, Dokumente durcharbeiten und Berichte schreiben, übernimmt PowerOn diese Arbeiten.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div class="feature-grid">
|
||||||
|
<div class="feature-card">
|
||||||
|
<h3>Das Problem, das PowerOn löst</h3>
|
||||||
|
<ul>
|
||||||
|
<li>Mitarbeiter verbringen einen erheblichen Teil ihrer Arbeitszeit damit, Informationen zu suchen.</li>
|
||||||
|
<li>Unternehmen haben Schwierigkeiten, große Dokumente zu analysieren, aktuelle Marktdaten zu sammeln und regelmäßige Berichte zu erstellen.</li>
|
||||||
|
<li>PowerOn automatisiert diese Aufgaben.</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="feature-card">
|
||||||
|
<h3>Wie PowerOn funktioniert</h3>
|
||||||
|
<ul>
|
||||||
|
<li>Ein Benutzer gibt eine Aufgabe ein, zum Beispiel "Lese meine Mails der internen Mailbox der letzten 2 Wochen, fasse diese pro Thema im Sharepoint Marketing Ordner zusammen und verfasse eine Antwort für die wichtigsten Kunden".</li>
|
||||||
|
<li>PowerOn verbindet sich dann automatisch mit Outlook, SharePoint und anderen Systemen, sammelt die Daten, analysiert sie und erstellt die gewünschten Zusammenfassungen und Antworten.</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="feature-card">
|
||||||
|
<h3>Gemessene Verbesserungen</h3>
|
||||||
|
<ul>
|
||||||
|
<li>Marktanalysen: deutliche Zeitreduktion</li>
|
||||||
|
<li>Berichterstellung: signifikante Zeitersparnis</li>
|
||||||
|
<li>Prototypenentwicklung: erheblich beschleunigt</li>
|
||||||
|
<li>Dokumentenanalyse: drastisch reduzierter Zeitaufwand</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="section core-functions">
|
||||||
|
<h2><span class="section-number">1.</span>Kernfunktionen von PowerOn</h2>
|
||||||
|
|
||||||
|
<div class="feature-grid">
|
||||||
|
<div class="feature-card">
|
||||||
|
<h3>Was PowerOn tatsächlich macht</h3>
|
||||||
|
<ul>
|
||||||
|
<li><strong>Dynamische Workflows:</strong> PowerOn passt sich automatisch an neue Aufgaben an. Ein Benutzer kann jede beliebige Anfrage stellen, und das System findet den besten Weg zur Lösung.</li>
|
||||||
|
<li><strong>Action-Plan Workflows:</strong> PowerOn plant komplexe Aufgaben selbstständig. Das System teilt große Projekte in kleinere Schritte auf und führt diese automatisch aus.</li>
|
||||||
|
<li><strong>Feste Geschäftsprozesse:</strong> Unternehmen können standardisierte Abläufe definieren, die PowerOn immer gleich ausführt, zum Beispiel monatliche Berichte oder regelmäßige Marktanalysen.</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="feature-card">
|
||||||
|
<h3>Kernfunktionen</h3>
|
||||||
|
<ul>
|
||||||
|
<li><strong>Dokumentenanalyse:</strong> Das System liest große Dokumente (PDF, Word, Excel) und extrahiert die wichtigsten Informationen. Ein umfangreicher Vertrag wird automatisch zusammengefasst.</li>
|
||||||
|
<li><strong>Web-Recherche:</strong> PowerOn sucht im Internet nach aktuellen Informationen zu einem Thema und sammelt relevante Daten von verschiedenen Websites.</li>
|
||||||
|
<li><strong>Berichterstellung:</strong> Basierend auf den gesammelten Daten und Dokumenten erstellt das System fertige Berichte in verschiedenen Formaten (PDF, Word, Excel).</li>
|
||||||
|
<li><strong>Code-Generierung:</strong> PowerOn kann einfache Programme und Skripte erstellen, um wiederkehrende Aufgaben zu automatisieren.</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="feature-card">
|
||||||
|
<h3>Technische Besonderheiten</h3>
|
||||||
|
<ul>
|
||||||
|
<li><strong>Keine Größenbeschränkungen:</strong> PowerOn kann beliebig große Dokumente verarbeiten und unbegrenzt viele Berichte erstellen. Das System umgeht die normalen Grenzen von KI-Systemen durch intelligente Aufteilung.</li>
|
||||||
|
<li><strong>Automatische Datenschutz-Funktion:</strong> Sensible Daten werden automatisch erkannt und vor der Verarbeitung entfernt. Nach der Analyse werden die Daten wieder eingefügt, sodass der Bericht vollständig ist, aber keine vertraulichen Informationen preisgegeben werden.</li>
|
||||||
|
<li><strong>Mehrere KI-Anbieter:</strong> PowerOn arbeitet gleichzeitig mit verschiedenen KI-Systemen (OpenAI, Anthropic, Perplexity). Wenn ein System ausfällt oder überlastet ist, übernimmt automatisch ein anderes.</li>
|
||||||
|
<li><strong>Sicherheit:</strong> Jedes Unternehmen hat einen eigenen, abgeschotteten Bereich. Alle Aktivitäten werden protokolliert.</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="section market-business">
|
||||||
|
<h2><span class="section-number">2.</span>Markt und Geschäftsmodell</h2>
|
||||||
|
|
||||||
|
<div class="feature-grid">
|
||||||
|
<div class="feature-card">
|
||||||
|
<h3>Zielkunden</h3>
|
||||||
|
<ul>
|
||||||
|
<li>PowerOn richtet sich hauptsächlich an mittelständische Unternehmen mit 50-500 Mitarbeitern.</li>
|
||||||
|
<li>Diese Unternehmen haben oft komplexe Datenverarbeitungsanforderungen, aber nicht die Ressourcen, um eigene KI-Systeme zu entwickeln.</li>
|
||||||
|
<li>Typische Kunden sind Beratungsunternehmen, Banken, Versicherungen, Kliniken und andere Dienstleister, die regelmäßig Analysen und Berichte erstellen müssen.</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="feature-card">
|
||||||
|
<h3>Nutzen für Kunden</h3>
|
||||||
|
<ul>
|
||||||
|
<li>Marktanalysen werden deutlich schneller durchgeführt</li>
|
||||||
|
<li>Berichterstellung spart erhebliche Zeit ein</li>
|
||||||
|
<li>Prototypenentwicklung ist erheblich beschleunigt</li>
|
||||||
|
<li>Dokumentenanalyse reduziert den Zeitaufwand drastisch</li>
|
||||||
|
<li>Deutliche Kosteneinsparungen bei wiederkehrenden Aufgaben</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="feature-card">
|
||||||
|
<h3>Einnahmemodelle</h3>
|
||||||
|
<ul>
|
||||||
|
<li>Monatliche Abonnements pro Benutzer</li>
|
||||||
|
<li>Nutzungsbasierte Abrechnung für Verarbeitungsleistungen</li>
|
||||||
|
<li>Individuelle Lizenzen für große Unternehmen</li>
|
||||||
|
<li>Beratungs- und Implementierungsdienstleistungen</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="section risks">
|
||||||
|
<h2><span class="section-number">3.</span>Risiken und Zukunftssicherheit</h2>
|
||||||
|
|
||||||
|
<div class="feature-grid">
|
||||||
|
<div class="feature-card">
|
||||||
|
<h3>Kurzfristige Risiken (6-12 Monate)</h3>
|
||||||
|
<ul>
|
||||||
|
<li>Wenn KI-Systeme besser werden, könnten einfache Aufgaben wie Textgenerierung zur Standardware werden.</li>
|
||||||
|
<li>Dies könnte den Wert einzelner KI-Funktionen reduzieren.</li>
|
||||||
|
<li>PowerOn ist jedoch darauf ausgelegt, verschiedene KI-Systeme zu koordinieren, was auch bei verbesserten Systemen wertvoll bleibt.</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="feature-card">
|
||||||
|
<h3>Mittelfristige Risiken (1-3 Jahre)</h3>
|
||||||
|
<ul>
|
||||||
|
<li>Einzelne KI-Systeme könnten in der Lage sein, mehr Aufgaben gleichzeitig zu erledigen.</li>
|
||||||
|
<li>Dies könnte die Notwendigkeit der Koordination reduzieren.</li>
|
||||||
|
<li>PowerOn konzentriert sich jedoch auf spezifische Unternehmensanforderungen und die Integration in bestehende Systeme, was weiterhin wertvoll ist.</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="feature-card">
|
||||||
|
<h3>Was bleibt wertvoll</h3>
|
||||||
|
<ul>
|
||||||
|
<li>Die Koordination verschiedener Systeme</li>
|
||||||
|
<li>Die Integration in Unternehmensprozesse</li>
|
||||||
|
<li>Die Einhaltung von Sicherheits- und Datenschutzbestimmungen</li>
|
||||||
|
<li>PowerOn ist so aufgebaut, dass es sich an neue Technologien anpassen kann, ohne das gesamte System neu entwickeln zu müssen.</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="section financial">
|
||||||
|
<h2><span class="section-number">4.</span>Finanzielle Bewertung</h2>
|
||||||
|
|
||||||
|
<div class="feature-grid">
|
||||||
|
<div class="feature-card">
|
||||||
|
<h3>Frontend-System</h3>
|
||||||
|
<ul>
|
||||||
|
<li>Modulare Benutzeroberfläche, die einfach erweitert werden kann</li>
|
||||||
|
<li>Funktioniert in allen gängigen Browsern</li>
|
||||||
|
<li>Anpassbar an verschiedene Unternehmensanforderungen</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="feature-card">
|
||||||
|
<h3>Backend-Infrastruktur</h3>
|
||||||
|
<ul>
|
||||||
|
<li>Stabile Grundstruktur für alle Funktionen</li>
|
||||||
|
<li>Schnelle Verarbeitung auch bei großen Datenmengen</li>
|
||||||
|
<li>Einfache Integration neuer Funktionen</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="feature-card">
|
||||||
|
<h3>Workflow-System</h3>
|
||||||
|
<ul>
|
||||||
|
<li>Kernfunktion für die Koordination verschiedener Aufgaben</li>
|
||||||
|
<li>Drei verschiedene Arbeitsweisen (dynamisch, Action-Plan, standardisiert)</li>
|
||||||
|
<li>Automatische Anpassung an neue Anforderungen</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="feature-card">
|
||||||
|
<h3>Sicherheits- und Datenschutz-System</h3>
|
||||||
|
<ul>
|
||||||
|
<li>Automatische Erkennung und Schutz sensibler Daten</li>
|
||||||
|
<li>Verschiedene Anmeldeverfahren für Unternehmen</li>
|
||||||
|
<li>Vollständige Protokollierung aller Aktivitäten</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="feature-card">
|
||||||
|
<h3>Multi-Agent-Koordinationssystem</h3>
|
||||||
|
<ul>
|
||||||
|
<li>Einzigartige Technologie zur Koordination verschiedener KI-Systeme</li>
|
||||||
|
<li>Automatische Auswahl des besten KI-Anbieters für jede Aufgabe</li>
|
||||||
|
<li>Stabile Ausführung auch bei Ausfällen einzelner Systeme</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="feature-card">
|
||||||
|
<h3>Gesamtbewertung</h3>
|
||||||
|
<ul>
|
||||||
|
<li>Erheblicher Wert im Millionenbereich</li>
|
||||||
|
<li>Modulare Architektur für Skalierbarkeit</li>
|
||||||
|
<li>Einfache Integration neuer Funktionen</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="section conclusion">
|
||||||
|
<h2><span class="section-number">5.</span>Fazit</h2>
|
||||||
|
|
||||||
|
<div class="feature-grid">
|
||||||
|
<div class="feature-card">
|
||||||
|
<h3>Stärken von PowerOn</h3>
|
||||||
|
<ul>
|
||||||
|
<li>Einzigartige Lösung für die Koordination verschiedener KI-Systeme</li>
|
||||||
|
<li>System ist darauf ausgelegt, sich an neue Technologien anzupassen</li>
|
||||||
|
<li>Nachgewiesene Verbesserungen bei Geschäftsprozessen</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="feature-card">
|
||||||
|
<h3>Risikofaktoren</h3>
|
||||||
|
<ul>
|
||||||
|
<li>Schnelle Entwicklung der KI-Technologie</li>
|
||||||
|
<li>Wettbewerb durch größere Unternehmen</li>
|
||||||
|
<li>Marktakzeptanz</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="feature-card">
|
||||||
|
<h3>Investitionsbewertung</h3>
|
||||||
|
<ul>
|
||||||
|
<li>PowerOn befindet sich in einer frühen Entwicklungsphase mit einem funktionsfähigen Grundsystem</li>
|
||||||
|
<li>Das Potenzial für Wachstum ist vorhanden</li>
|
||||||
|
<li>Es gibt auch erhebliche Risiken, die mit der Entwicklung neuer Technologien verbunden sind</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="note">
|
||||||
|
<strong>Dokument erstellt am 16. Oktober 2025</strong><br>
|
||||||
|
Version: 1.0<br>
|
||||||
|
Autor: PowerOn Development Team
|
||||||
|
</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>
|
||||||
880
poweron/userdoc/doc_referenzen.html
Normal file
880
poweron/userdoc/doc_referenzen.html
Normal file
|
|
@ -0,0 +1,880 @@
|
||||||
|
<!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>
|
||||||
570
poweron/userdoc/doc_user_main.html
Normal file
570
poweron/userdoc/doc_user_main.html
Normal file
|
|
@ -0,0 +1,570 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="de">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>PowerOn – Was du mit der Plattform machen kannst</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;
|
||||||
|
}
|
||||||
|
|
||||||
|
.scenarios {
|
||||||
|
background: hsl(var(--red-background-light));
|
||||||
|
color: hsl(var(--foreground));
|
||||||
|
}
|
||||||
|
|
||||||
|
.scenarios h2 {
|
||||||
|
color: hsl(var(--foreground));
|
||||||
|
border-bottom-color: hsl(var(--red-primary));
|
||||||
|
}
|
||||||
|
|
||||||
|
.scenarios h3 {
|
||||||
|
color: hsl(var(--foreground));
|
||||||
|
}
|
||||||
|
|
||||||
|
.scenarios .feature-card {
|
||||||
|
background: hsl(var(--card));
|
||||||
|
border-color: hsl(var(--red-primary));
|
||||||
|
color: hsl(var(--foreground));
|
||||||
|
}
|
||||||
|
|
||||||
|
.scenarios .feature-card h3 {
|
||||||
|
color: hsl(var(--foreground));
|
||||||
|
}
|
||||||
|
|
||||||
|
.scenarios .feature-card li::before {
|
||||||
|
color: hsl(var(--red-primary));
|
||||||
|
}
|
||||||
|
|
||||||
|
.benefits {
|
||||||
|
background: hsl(var(--muted));
|
||||||
|
color: hsl(var(--foreground));
|
||||||
|
}
|
||||||
|
|
||||||
|
.benefits h2 {
|
||||||
|
color: hsl(var(--foreground));
|
||||||
|
border-bottom-color: hsl(var(--red-primary));
|
||||||
|
}
|
||||||
|
|
||||||
|
.benefits h3 {
|
||||||
|
color: hsl(var(--foreground));
|
||||||
|
}
|
||||||
|
|
||||||
|
.benefits .feature-card {
|
||||||
|
background: hsl(var(--card));
|
||||||
|
border-color: hsl(var(--border));
|
||||||
|
color: hsl(var(--foreground));
|
||||||
|
}
|
||||||
|
|
||||||
|
.benefits .feature-card h3 {
|
||||||
|
color: hsl(var(--foreground));
|
||||||
|
}
|
||||||
|
|
||||||
|
.benefits .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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="header">
|
||||||
|
<div class="container">
|
||||||
|
<div class="logo">
|
||||||
|
<a href="https://poweron.swiss/">PowerOn</a>
|
||||||
|
</div>
|
||||||
|
<div class="subtitle">
|
||||||
|
Was du mit der Plattform machen kannst
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="main-content">
|
||||||
|
<div class="container">
|
||||||
|
<div class="section">
|
||||||
|
<p style="font-size: 1.1rem; color: #4a5568; margin-bottom: 30px;">
|
||||||
|
Dieses Dokument gibt dir einen klaren Überblick, wofür du PowerOn einsetzen kannst – kurz, verständlich.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div class="feature-grid">
|
||||||
|
<div class="feature-card">
|
||||||
|
<h3>Verbinden (myConnectors)</h3>
|
||||||
|
<ul>
|
||||||
|
<li>Binde deine Quellen und Tools an: z. B. SharePoint, OneDrive, Outlook, Microsoft 365, Google Drive, Google Mail, Kalender, sowie weitere Web‑ und Unternehmensdienste.</li>
|
||||||
|
<li>Nutze mehrere Verbindungen parallel und wechsle je nach Mandat/Projekt.</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="feature-card">
|
||||||
|
<h3>Daten & Dokumente</h3>
|
||||||
|
<ul>
|
||||||
|
<li>Arbeite mit beliebig vielen Dokumenten – hochladen, sichten, organisieren und in Abläufe einbinden.</li>
|
||||||
|
<li>Nutze verschiedene Dateitypen (z. B. PDFs, Office‑Dokumente, Text, strukturierte Daten) als Grundlage für Analysen und Ergebnisse.</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="feature-card">
|
||||||
|
<h3>Datenneutralisierung (Schutz sensibler Inhalte)</h3>
|
||||||
|
<ul>
|
||||||
|
<li>Entferne oder verfremde persönliche und vertrauliche Informationen nach Regeln.</li>
|
||||||
|
<li>Nutze neutrale Daten in Workflows, Berichten und beim Teilen von Ergebnissen.</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="feature-card">
|
||||||
|
<h3>Workflows & Zusammenarbeit</h3>
|
||||||
|
<ul>
|
||||||
|
<li>Starte Workflows, die dich Schritt für Schritt unterstützen – alleine oder im Team.</li>
|
||||||
|
<li>Steuere Abläufe, gib Feedback, lade zusätzliche Dateien hoch und erhalte nachvollziehbare Resultate.</li>
|
||||||
|
<li>Nutze den Chat, um Aufgaben zu beschreiben oder nachzufragen.</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="feature-card">
|
||||||
|
<h3>KI‑Assistenz & Prompts</h3>
|
||||||
|
<ul>
|
||||||
|
<li>Verwende Prompts (Textvorlagen), damit die Assistenz deine Aufgaben und Sprache versteht.</li>
|
||||||
|
<li>Baue dir eine kleine Prompt‑Bibliothek für wiederkehrende Tätigkeiten (Recherchen, Zusammenfassungen, Aufbereitungen, Entwürfe).</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="feature-card">
|
||||||
|
<h3>Voice (Sprache)</h3>
|
||||||
|
<ul>
|
||||||
|
<li>Sprich mit der Plattform und lasse dir Antworten ausgeben (sofern freigeschaltet).</li>
|
||||||
|
<li>Praktisch, wenn du Hände und Augen frei halten willst.</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="feature-card">
|
||||||
|
<h3>Protokolle & Nachvollziehbarkeit</h3>
|
||||||
|
<ul>
|
||||||
|
<li>Verfolge Abläufe über Protokolle und Statusanzeigen.</li>
|
||||||
|
<li>Stelle sicher, dass Ergebnisse und Zwischenschritte dokumentiert sind.</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="feature-card">
|
||||||
|
<h3>Verwaltung (für dich und dein Team)</h3>
|
||||||
|
<ul>
|
||||||
|
<li>Halte Projekte/Kunden als Mandate getrennt – mit eigenen Dateien, Verbindungen und Einstellungen.</li>
|
||||||
|
<li>Lege Nutzer an und steuere, wer worauf Zugriff hat.</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="section scenarios">
|
||||||
|
<h2>Typische Einsatzszenarien</h2>
|
||||||
|
<div class="feature-grid">
|
||||||
|
<div class="feature-card">
|
||||||
|
<h3>Dokumentenmanagement</h3>
|
||||||
|
<ul>
|
||||||
|
<li>Informationen aus SharePoint/Google Drive sammeln, zusammenfassen und als Dokument bereitstellen.</li>
|
||||||
|
<li>Grosse Dokumentmengen sichten, neutralisieren und für Workshops, Angebote oder Berichte aufbereiten.</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="feature-card">
|
||||||
|
<h3>E-Mail & Kommunikation</h3>
|
||||||
|
<ul>
|
||||||
|
<li>E‑Mails (z. B. Outlook/Gmail) mit Dateien verbinden, um daraus strukturierte Aufgaben abzuleiten.</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="feature-card">
|
||||||
|
<h3>Teamwork & Kollaboration</h3>
|
||||||
|
<ul>
|
||||||
|
<li>Team‑Workflows: Dateien hochladen, Ergebnisse prüfen, nächste Schritte anstossen.</li>
|
||||||
|
<li>Schnelltests im Chat‑Spielplatz: Ideen, Prompts und Fragestellungen ausprobieren.</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="section benefits">
|
||||||
|
<h2>Warum das nützlich ist</h2>
|
||||||
|
<div class="feature-grid">
|
||||||
|
<div class="feature-card">
|
||||||
|
<h3>Effizienz & Organisation</h3>
|
||||||
|
<ul>
|
||||||
|
<li>Du fasst verteile Informationen an einem Ort zusammen.</li>
|
||||||
|
<li>Du arbeitest mit vielen Dokumenten, ohne Limits in der Oberfläche.</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="feature-card">
|
||||||
|
<h3>Sicherheit & Kontrolle</h3>
|
||||||
|
<ul>
|
||||||
|
<li>Du schützt sensible Inhalte durch Datenneutralisierung.</li>
|
||||||
|
<li>Du steuerst Abläufe direkt im Chat und bekommst nachvollziehbare Ergebnisse.</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="note">
|
||||||
|
<strong>Hinweis:</strong> Verfügbare Connectoren, Voice‑Funktionen und Workflows können je nach Einrichtung variieren. Wenn ein Dienst in deinem Zugang fehlt, sprich deine Administration an.
|
||||||
|
</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>
|
||||||
Loading…
Reference in a new issue