Ein interaktives Lernmodul: Produktmodelle, die Persönlichkeit eines Unternehmens, das Brand Book, SWOT — mit vielen Visualisierungen, einem Fachwortglossar und einem Quiz zum Selbstlernen.
6animierte Visualisierungen
25Fachbegriffe im Glossar
5Aufgabentypen im Quiz
{{ card.n }}{{ card.title }}
▪{{ it }}
01
Produktmodelle: On-Premise vs. SaaS
Bevor es um die Marke geht, muss klar sein, was verkauft wird. Zwei Grundmodelle: die Software läuft entweder beim Kunden (On-Premise) oder in der Cloud des Anbieters (SaaS). Schalte um und beobachte, wo die Software wohnt.
BEIM KUNDEN
Server / PC / Smartphone
▶ Software läuft hier
Internet
BEIM ANBIETER · CLOUD
Cloud-Infrastruktur
▶ Software läuft hier
KERN
{{ saasKern }}
GESCHÄFTSMODELL
{{ saasModell }}
BEISPIEL
{{ saasBeispiel }}
Merksatz: On-Premise = kaufen & selbst betreiben. SaaS = mieten & im Browser nutzen.
02
Was ist Corporate Identity?
Die Corporate Identity (CI) ist die Persönlichkeit eures Unternehmens. Sie sorgt für ein einheitliches Bild — nach innen und außen. Man stellt sie gern als Tempel dar: Ein Dach, das auf drei Säulen ruht. Klicke eine Säule an.
Corporate Identity
Die Persönlichkeit — einheitlich nach innen & außen
{{ pillarDetailIcon }}
{{ pillarDetailTitle }}
{{ pillarDetailText }}
Beispiel: {{ pillarDetailExample }}
03
Das Brand Book
Das Brand Book (Markenhandbuch) ist die zentrale Doku eurer CI — die Single Source of Truth. Es sichert ab, dass jeder im Team die Marke einheitlich repräsentiert. Warum das wichtig ist:
Der „Button-Grün“-Test
Entwickler A wählt …
#43b25f
Entwicklerin B wählt …
#125b2e
✕ Zwei verschiedene Grüntöne → uneinheitliches, unprofessionelles UI.
Entwickler A liest das Brand Book …
#0f766e
Entwicklerin B liest das Brand Book …
#0f766e
✓ Ein exakt definierter Hex-Code → konsistentes, professionelles UI.
Baustein 1 — Visuell
LOGO & SCHUTZRAUM
NNimbusOne
Wie sieht das Logo aus und wie darf es nicht verändert werden? Mindestabstände und Schwarz-Weiß-Varianten festlegen.
FARBPALETTE
#0f766e#5eead4#b5811f#13322e
Primär- und Sekundärfarben mit exakten Hex-Codes — wichtig für die UI/UX-Lead-Rolle.
TYPOGRAFIE
Überschrift
Space Grotesk · Headings
Fließtext für Absätze und Erklärungen.
IBM Plex Sans · Body
Tipp: auf max. 2 Schriftfamilien beschränken.
Baustein 2 — Kommunikation (Tone of Voice)
„Wie klingt unser Startup?“ Dieselbe Botschaft wirkt völlig unterschiedlich, je nach Ansprache und Tonalität. Probier es aus:
Duzen oder Siezen?
„{{ toneMsg }}“
Die Wahl hängt von euren Personas ab.
Tonalität
„{{ toneBucketMsg }}“
seriös & sicher{{ toneBucketLabel }}frech
04
SWOT auf einen Blick
Die SWOT-Matrix ordnet vier Perspektiven in zwei Achsen: intern vs. extern und hilfreich vs. schädlich. Merke: S und W sind intern, O und T sind extern.
▲ HILFREICH
▼ SCHÄDLICH
◀ INTERN
EXTERN ▶
{{ c.key }}{{ c.title }}{{ c.axis }}
{{ c.showText }}
{{ swotIntro }}
05
Fachwortglossar
Englische Fachbegriffe mit deutscher Übersetzung und Erklärung. Suchen oder nach Themen filtern.
{{ glossaryCount }}
{{ g.en }}
{{ g.cat }}
DE
{{ g.de }}
{{ g.def }}
06
Quiz & Aufgaben zum Lernen
Wähle eine Antwort und klicke „Antwort prüfen“ — du bekommst sofort richtig/falsch mit Erklärung. Bei offenen und freien Aufgaben antwortest du selbst und blendest dann die Lösung ein.
A Multiple Choice
{{ card.q }}
{{ card.resultText }}
{{ card.exp }}
B Wahr oder Falsch
{{ card.q }}
{{ card.resultText }}
{{ card.exp }}
C Begriffe zuordnen
Klicke einen Fachbegriff links und dann die passende Erklärung rechts. Richtige Paare rasten grün ein. {{ matchSolved }}/{{ matchTotal }}
FACHBEGRIFF
ERKLÄRUNG
✓ Alle Paare gefunden — stark!
D Offene Fragen
Formuliere deine Antwort selbst — dann Musterlösung einblenden und vergleichen.
{{ card.q }}
MUSTERLÖSUNG
{{ card.model }}
E Freie Sprint-Aufgaben
Wende das Gelernte auf dein eigenes fiktives Startup an. Antworte frei, dann Bewertungshinweise zur Selbstkontrolle einblenden.