Enhance website templates for Invario services and pricing

- Updated dienstleistungen.html to improve layout and content clarity, including new service descriptions and a refined CSS style for better visual appeal.
- Revamped inventarsystem.html with a focus on key features and pricing, adding a structured layout and enhancing the user experience with new design elements.
- Modified main.html to reflect updated pricing information and improve SEO with enhanced meta descriptions and structured data for better search visibility.
- Revised preise.html to clearly present pricing details, including new pricing pills and comparison cards for better user understanding of offerings.
This commit is contained in:
2026-05-11 14:42:35 +02:00
parent e094e80811
commit 9468a1333e
5 changed files with 639 additions and 204 deletions
+169 -32
View File
@@ -1,9 +1,9 @@
{% extends "base.html" %}
{# SEO: per-page description used in base.html meta tags #}
{% set meta_description = "Invario bündelt Lehrmittelverwaltung, Inventar und Ausleihe für Schulen – sicher, transparent und einfach zu bedienen." %}
{% set meta_description = "Invario kostet 250 € pro Jahr für Inventarverwaltung und 100 € pro Jahr für das Bibliothekssystem. Entwickelt mit der Grundschule Albert-Schweitzer-Straße, mit PDF-Berichten, deutschem Serverstandort und 5-Minuten-Start." %}
{% block title %}Digitale Schulverwaltung mit Sicherheitsfokus{% endblock %}
{% block title %}Invario: Inventarsoftware für Schulen | 250 € / 100 €{% endblock %}
{% block head %}
{{ super() }}
@@ -517,6 +517,85 @@
color: #ffffff;
}
.lead-answer {
max-width: 64ch;
font-size: clamp(1.03rem, 1.25vw, 1.16rem);
color: #466067;
}
.definition-box {
padding: 1rem 1.1rem;
border-radius: 14px;
border: 1px solid #d7dfd9;
background: linear-gradient(180deg, #fcfdfb 0%, #f4f8f3 100%);
}
.definition-box dt {
font-weight: 800;
color: #173f46;
margin-bottom: 0.3rem;
}
.definition-box dd {
margin: 0;
color: #4f666c;
line-height: 1.65;
}
.path-grid {
margin-top: 1rem;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.9rem;
}
.path-card {
padding: 1rem;
border-radius: 16px;
border: 1px solid rgba(27, 74, 82, 0.18);
background: rgba(255, 255, 255, 0.08);
backdrop-filter: blur(10px);
}
.path-card h3 {
margin-bottom: 0.35rem;
}
.path-card p {
color: #e2efed;
}
.path-card ul {
margin: 0.8rem 0 0;
padding-left: 1.1rem;
color: #eff7f6;
line-height: 1.6;
}
.path-card .btn {
margin-top: 0.9rem;
}
.bento-strip {
margin-top: 1rem;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.8rem;
}
.bento-note {
padding: 0.9rem 1rem;
border-radius: 14px;
border: 1px solid #d8e0da;
background: #f8faf7;
}
.bento-note strong {
display: block;
margin-bottom: 0.25rem;
color: #183f46;
}
#zielgruppen .primary-focus-content {
max-width: 100%;
}
@@ -670,7 +749,47 @@
"image": "{{ url_for('static', filename='images/logo-1.jpeg') }}",
"author": { "@id": "{{ request.url_root.rstrip('/') }}#organization" },
"publisher": { "@id": "{{ request.url_root.rstrip('/') }}#organization" },
"inLanguage": "de-DE"
"inLanguage": "de-DE",
"offers": [
{ "@id": "{{ request.url_root.rstrip('/') }}#offer-inventar" },
{ "@id": "{{ request.url_root.rstrip('/') }}#offer-bibliothek" }
]
},
{
"@type": "Offer",
"@id": "{{ request.url_root.rstrip('/') }}#offer-inventar",
"name": "Inventarverwaltung",
"price": "250",
"priceCurrency": "EUR",
"url": "{{ request.url_root.rstrip('/') }}{{ url_for('preise') }}",
"itemOffered": { "@id": "{{ request.url_root.rstrip('/') }}#software" },
"description": "Schulweite Inventarverwaltung mit PDF-Berichten, Rollenrechten und 5-Minuten-Start."
},
{
"@type": "Offer",
"@id": "{{ request.url_root.rstrip('/') }}#offer-bibliothek",
"name": "Bibliothekssystem",
"price": "100",
"priceCurrency": "EUR",
"url": "{{ request.url_root.rstrip('/') }}{{ url_for('preise') }}",
"itemOffered": { "@id": "{{ request.url_root.rstrip('/') }}#software" },
"description": "Bibliothekssystem für Schulen mit Ausleihe, Rückgabe und transparenten Beständen."
},
{
"@type": "Review",
"@id": "{{ request.url_root.rstrip('/') }}#review-albert-schweitzer-strasse",
"itemReviewed": { "@id": "{{ request.url_root.rstrip('/') }}#software" },
"author": {
"@type": "Organization",
"name": "Grundschule Albert-Schweitzer-Straße",
"url": "https://www.grundschule-albert-schweitzer-strasse.de"
},
"reviewBody": "Invario wurde gemeinsam mit dem Sekretariat und der Schulpraxis entwickelt. Die Einführung verlief schnell, die Bedienung ist intuitiv und die Inventur wurde deutlich effizienter.",
"reviewRating": {
"@type": "Rating",
"ratingValue": "5",
"bestRating": "5"
}
},
{
"@type": "WebPage",
@@ -686,18 +805,14 @@
</script>
<header class="hero" id="top" aria-label="Seitenstart">
<div>
<span class="eyebrow">Lehrmittelverwaltungssoftware für Schulen</span>
<h1>Die Software, die iPads genauso effizient verwaltet wie das Schulbuch.</h1>
<p>
Radikale Einfachheit für Ihren Schulalltag. Starten Sie in nur 5 Minuten mit der modernen Inventarsoftware für alle Schularten. Hybrid, intuitiv, sofort einsatzbereit.
<span class="eyebrow">Inventarsoftware für Schulen</span>
<h1>Invario kostet 250 € pro Jahr für Inventarverwaltung und 100 € pro Jahr für das Bibliothekssystem.</h1>
<p class="lead-answer">
Die Web-App wurde mit der Grundschule Albert-Schweitzer-Straße als Entwicklungspartner aufgebaut. Sie verbindet 5-Minuten-Start, deutsche Server, PDF-Berichte und klare Rollenrechte für Schulträger und Sekretariat.
</p>
<div class="cta-row">
{% if 'username' in session %}
<a class="btn btn-primary" href="{{ url_for('preise') }}">In 5 Minuten startklar</a>
{% else %}
<a class="btn btn-primary" href="{{ url_for('login') }}">Jetzt kostenlos testen</a>
{% endif %}
<a class="btn btn-secondary" href="{{ url_for('kontakt') }}">Kontakt aufnehmen</a>
<a class="btn btn-primary" href="#zielgruppen">Zielgruppe wählen</a>
<a class="btn btn-secondary" href="{{ url_for('preise') }}">Preise ansehen</a>
</div>
</div>
<div class="hero-right">
@@ -709,7 +824,7 @@
<span class="star">★</span>
<span class="star">★</span>
</div>
<a href="#hilfe"><p class="quote">"Mit Invario haben wir unsere Lehrmittelausleihe um 80% beschleunigt. Die Oberfläche ist intuitiv und unsere Bibliothekare sparen täglich Zeit."</p></a>
<a href="#hilfe"><p class="quote">"Mit Invario haben wir unsere Lehrmittelausleihe um 80% beschleunigt. Die Oberfläche ist intuitiv und unser Sekretariat spart täglich Zeit."</p></a>
<div class="author">
<div class="avatar">SA</div>
<div class="info">
@@ -732,28 +847,50 @@
<section class="primary-focus reveal-on-scroll" id="zielgruppen" aria-label="Zielgruppen">
<div class="primary-focus-content">
<span class="eyebrow">Für wen ist Invario?</span>
<h2>Passend für jede Organisationsebene</h2>
<div class="section-grid">
<article class="card">
<h3>Sekretariat</h3>
<p>Ende der Zettelwirtschaft &amp; Barcode‑Scan — Inventur und Rückgabe in Sekunden.</p>
<span class="eyebrow">Zwei klare Pfade</span>
<h2>Eine Plattform, zwei Landingpage-Logiken</h2>
<div class="path-grid">
<article class="path-card" id="schultraeger-pfad">
<h3>Pfad A: Schulträger</h3>
<p>Rechtssicherheit, DigitalPakt 2.0, revisionssichere PDF-Berichte und Serverstandort Deutschland stehen hier im Vordergrund.</p>
<ul>
<li>Förderfähigkeit von Wartung und Support</li>
<li>Dokumentation für Prüfungen und Gremien</li>
<li>Klare Kostenplanung ohne Überraschungen</li>
</ul>
<a class="btn btn-secondary" href="{{ url_for('preise') }}">Für Schulträger ansehen</a>
</article>
<article class="card">
<h3>IT‑Beauftragte</h3>
<p>Zero Maintenance &amp; DSGVO‑Sicherheit — Web‑App ohne lokale Server, Daten auf deutschen Servern.</p>
</article>
<article class="card">
<h3>Schulträger &amp; Kämmerer — DigitalPakt 2.0 Software Förderung</h3>
<p>DigitalPakt 2.0 Förderfähigkeit &amp; Rechtssicherheit — revisionssichere Berichte und transparente Kostenplanung.</p>
<article class="path-card" id="sekretariat-pfad">
<h3>Pfad B: Schulen &amp; Sekretariat</h3>
<p>Radikale Einfachheit, 5-Minuten-Start und eine Web-App ohne Installation. Genau dafür ist Invario im Alltag gebaut.</p>
<ul>
<li>Weniger Zettelwirtschaft</li>
<li>Intuitive Bedienung ohne Schulungsballast</li>
<li>Schnelle Ausleihe und Rücknahme</li>
</ul>
<a class="btn btn-secondary" href="{{ url_for('kontakt') }}">Für Schulen ansehen</a>
</article>
</div>
<div class="bento-strip">
<div class="bento-note">
<strong>Definition</strong>
Inventarsoftware für Schulen ist eine Web-Anwendung, die Inventar, Ausleihe und Nachweise zentral, revisionssicher und ohne lokale Installation bündelt.
</div>
<div class="bento-note">
<strong>Leuchtturm</strong>
Von Praktikern für Praktiker entwickelt mit der Grundschule Albert-Schweitzer-Straße als Referenz.
</div>
<div class="bento-note">
<strong>Kernaussage</strong>
Invario reduziert Verwaltungszeit, macht Bestände sichtbar und hält die Einführung bewusst leicht.
</div>
</div>
</div>
</section>
<section class="section reveal-on-scroll" id="warum">
<h2>Warum Invario?</h2>
<p>Alleinstellungsmerkmale auf einen Blick: schnell, transparent und wartungsarm.</p>
<p>Die wichtigsten Antworten zuerst: klarer Preis, klare Funktion, klare Zuständigkeit.</p>
<div class="section-grid">
<article class="card">
<h3>Das 5‑Minuten‑Startversprechen</h3>
@@ -761,7 +898,7 @@
</article>
<article class="card">
<h3>Preis‑Transparenz</h3>
<p>Echte Flatrate statt versteckter Gebühren: 250 € für das Inventarsystem für alle Schulen — im Vergleich zu Enterprise‑Gebühren von bis zu 1.950 €.</p>
<p>Echte Flatrate statt versteckter Gebühren: 250 € für die Inventarverwaltung und 100 € für das Bibliothekssystem statt gestaffelter Enterprise-Zusatzkosten.</p>
</article>
<article class="card">
<h3>Zero Maintenance</h3>
@@ -776,8 +913,8 @@
<p>Erstellen Sie PDF‑Berichte auf Knopfdruck für Inventur, Prüfungen und Förderanträge.</p>
</article>
<article class="card">
<h3>Einfache Bedienung</h3>
<p>Intuitive Oberfläche für Lehrkräfte und Verwaltungspersonal – geringe Schulungszeiten.</p>
<h3>BFSG-bewusste Bedienung</h3>
<p>Hohe Farbkontraste, klare Hierarchien und bedienbare Flächen unterstützen eine zugängliche Nutzung im Schulalltag.</p>
</article>
</div>
</section>
@@ -806,7 +943,7 @@
</section>
<section class="testimonials reveal-on-scroll">
<h2>Vom Zettelchaos zur digitalen Transparenz in Rekordzeit.</h2>
<h2>Von Praktikern für Praktiker entwickelt.</h2>
<div class="testimonials-grid" style="grid-template-columns: 1fr;">
<article class="testimonial-card">
<div>