AIKI UI Showcase™
Die zentrale Referenz für alle visuellen und funktionalen Komponenten des AIKI Enterprise Learning & Execution Systems™. Neue Seiten werden aus freigegebenen Bausteinen aufgebaut, statt jedes Mal neu gestaltet zu werden.
Grundlagen des AIKI UI Systems
Farben, Typografie, Abstände und Inhaltsbreiten bilden die technische und visuelle Grundlage aller AIKI-Komponenten.
AIKI Farbarchitektur
#145DA0
Navigation, Hauptbuttons, Academy und Links.
#0B2942
Hero, Premium, Footer und starke Kontrastflächen.
#238B57
Praxis-Labs, Umsetzung, Erfolge und Ergebnisse.
#6741D9
AILA™, KI-Werkzeuge und intelligente Empfehlungen.
#E87922
Hinweise, Aufmerksamkeit und Empfehlungen.
#D7AD45
Premium-Angebote und hochwertige Zusatzleistungen.
Typografie und Hierarchie
Hauptüberschrift H1
Abschnittsüberschrift H2
Kartenüberschrift H3
Dies ist ein Beispiel für den AIKI-Fließtext. Texte sollen verständlich, luftig und gut lesbar sein. Lange Textblöcke werden durch Zwischenüberschriften, Karten und Infoboxen gegliedert.
✓ Verwenden
- eine H1 pro Seite
- logische Überschriftenfolge
- 17 bis 19 Pixel Fließtext
- kurze Absätze
✕ Vermeiden
- zu kleine Schrift
- lange Textwände
- mehrere konkurrierende H1
- reine Großschreibung
Einstiegsbereiche für AIKI-Seiten
Heroes vermitteln sofort Ziel, Nutzen und nächsten Schritt einer Seite.
Standard Academy Hero
Künstliche Intelligenz lernen. Wissen direkt in Ergebnisse verwandeln.
Strukturierte Lernpfade, konkrete Praxisaufgaben, passende Werkzeuge und Unterstützung durch die Community.
Lernwelt Hero
KI für Immobilien – Objekte emotional präsentieren und erfolgreicher vermarkten
Lerne, wie du aus Fotos, Exposés, Grundrissen und Verkaufsargumenten professionelle Immobilieninhalte entwickelst.
Wiederverwendbare AIKI Karten
Karten strukturieren Lernwelten, Praxis-Labs, Werkzeuge, Themen und Wissensbereiche.
Lernweltkarte
AI Content Creation
Erstelle Videos, Bilder, Avatare, Musik und Social-Media-Content mit KI.
Lernwelt öffnenKI für Immobilien
Präsentiere Immobilien emotional, professionell und reichweitenstark mit KI.
Lernwelt öffnenMarketing und Vertrieb
Nutze KI für Reichweite, Leads, E-Mail-Marketing und Verkaufsprozesse.
Lernwelt öffnenPraxis-Lab-Karte
KI-Immobilienvideos Masterclass
Aus Exposés, Fotos und Verkaufsargumenten entstehen professionelle Immobilienvideos.
Praxis-Lab öffnenHinweise sichtbar und verständlich hervorheben
AIKI Informationsboxen
Gut zu wissen
Du benötigst nicht für jede Aufgabe ein neues KI-Werkzeug.
Praxistipp
Teste den Workflow zunächst mit einem kleinen Beispielprojekt.
Empfehlung
Definiere zuerst dein Ziel und wähle danach das Werkzeug.
Achtung
Überprüfe rechtlich relevante Angaben vor der Veröffentlichung.
Lernen, Anwenden und Verbessern
AIKI Lern- und Umsetzungsprozess
AIKI Improvement Loop™
Interaktion als Teil des Lernprozesses
Community-Aktionsbereich
Zeige dein Projekt und erhalte Feedback
Teile dein Ergebnis, beschreibe deinen Workflow und erzähle, was gut oder weniger gut funktioniert hat.
Intelligente Orientierung innerhalb von AIKI
AILA™ Empfehlung
Dein sinnvoller nächster Schritt
Aufgrund deines Ziels empfehlen wir dir zunächst den Lernpfad „KI-Immobilienvideos“ und anschließend das passende Praxis-Lab.
Empfehlung öffnenBewährte Baupläne für komplette AIKI-Seiten
Seitenrezepte verbinden mehrere Komponenten zu einer konsistenten Nutzerführung.
PAGE-RECIPE-ACADEMY-001
Academy Landingpage
PAGE-RECIPE-LESSON-001
Lektionsseite
PAGE-RECIPE-LAB-001
Praxis-Lab-Seite
PAGE-RECIPE-REAL-ESTATE-001
Immobilienpräsentation
Freigabeprüfung für neue Komponenten
Gestaltung
- AIKI-Farben korrekt eingesetzt
- visuelle Hierarchie eindeutig
- ausreichend Weißraum
- keine unnötigen Effekte
Inhalt
- Nutzen sofort verständlich
- klare und einfache Sprache
- eindeutiger nächster Schritt
- keine unnötige Wiederholung
Technik
- funktioniert in Ning
- keine doppelten IDs
- alle Links geprüft
- Smartphone-Darstellung getestet
Barrierefreiheit
- ausreichender Kontrast
- logische Überschriften
- verständliche Linktexte
- Alt-Texte für Bilder
AIKI UI Showcase™ Changelog
| Version | Status | Inhalte | Nächste Verbesserung |
|---|---|---|---|
| 1.0 | Aufbau | Farben, Typografie, Heroes, Buttons, Karten, Informationsboxen, Prozesse, Community, Premium, AILA™, Seitenrezepte und Qualitätsprüfung. | Einzelne kopierbare Codes, Screenshots, mobile Varianten und Ning-Testergebnisse. |
| 1.1 | Geplant | Formularmodule, Tabellen, Medienkomponenten, Navigation und echte Anwendungsbeispiele. | Aufbau des AIKI Page Builder™. |
