mi-Era ist eine Lern-App für Jugendliche in den USA: ein privates Tagessystem für Planung, konzentriertes Arbeiten und emotionale Check-ins. Wir haben die mobile App mit Aufgabenplanung, Fokus-Timer, Streaks, Badges und KI-Assistent gestaltet, dazu ein Web-CMS für Landingpage, Blog und Warteliste.
Was wir gemacht haben
Aufgaben
- 1Tasks, Fortschrittsdaten und Persönlichkeitstypen modellieren
- 2Ablauf der Fokus-Session mit Pausen und Selbstcheck gestalten
- 3Planung mit Aufgaben, Deadlines und Verschieben umsetzen
- 4Gamification: Streaks, Levels und Badges
- 5CMS für Landingpage, Blog, statische Seiten und Warteliste
Das Projekt auf einen Blick
Ausgangslage
Jugendliche bekommen Hausaufgaben, Prüfungen und Projekte, aber kein System, das daraus tägliche Schritte macht. Pläne zerfallen, die Konzentration lässt nach, die Motivation nach wenigen Tagen auch.
Lösung
Eine mobile App, die Aufgaben in kurze Tasks zerlegt, sie als getimte Fokus-Sessions abarbeitet und Beständigkeit mit Streaks, Levels und Badges belohnt – unterstützt von einem KI-Assistenten.
Ergebnis
Zwei Produkte, die zusammenspielen: die App für Schüler und ein Web-CMS, in dem das Team die Landingpage pflegt, Blogartikel veröffentlicht und die Warteliste verwaltet.
2
Produkte: mobile App und Web-CMS
4
App-Tabs: Start, Aufgaben, Profil, KI-Assistent
3
Timer-Modi: Fokus, Pause und Selbstcheck
9
Landingpage-Sektionen im CMS editierbar
Das Produkt
Ein Tagessystem, das Konzentration trainiert
„Focus isn't taught. It's trained.“ Der Satz von der Landingpage fasst mi-Era gut zusammen. Die App richtet sich an Jugendliche und ihre Eltern in den USA und verspricht Fortschritt ohne Überwachung: Schüler planen, lernen und reflektieren in einem privaten Raum.
Die Ausgangslage
Warum gute Vorsätze nicht zu Lernzeit werden
Kein Plan
Eine große Aufgabe kommt als ein Block, ohne Aufteilung in tägliche Schritte.
Kein Fokus
Lernen ohne Struktur endet in Ablenkung und halb erledigten Aufgaben.
Kein Schwung
Ohne sichtbaren Fortschritt ist die Motivation nach wenigen Tagen weg.
Analyse & UX
Erst Daten und Abläufe, dann Pixel
Ein Datenmodell rund um Fortschritt
Tasks, Projektpläne mit Sessions pro Woche und Fortschrittsdaten mit aktuellem Streak, erledigten Tasks der letzten sieben Tage und Level. Ein eigener Block speichert Persönlichkeitstypen samt Historie, Quelle und Konfidenz, damit sich die App an die Arbeitsweise des Schülers anpassen kann.
Die Fokus-Session, Schritt für Schritt
Play startet eine Session. Läuft der Timer ab, fragt die App, ob der Task erledigt ist: Ja führt zum Selbstcheck, Nein bietet eine weitere Session oder eine Pause an. Wer abbricht, wird gewarnt, dass der Streak verloren geht. Erste Skizzen haben das vor dem Design getestet.
Wireframes für alle zentralen Screens
Onboarding mit Avatar, Nutzername und Geburtsjahr (Bestätigung ab 13 Jahren), Startbildschirm, Fokus-Timer, Stimmungskalender, Profil mit Badges, Aufgaben und der KI-Assistent, der im Chat einen Plan anpasst.
Mobile App
Die App für Schüler
Kräftiges Lila, ein freundliches Stern-Maskottchen und große Touch-Flächen. Vier Tabs halten alles in Daumenreichweite.
Start: der Tagesplan und der Streak
Begrüßung, aktueller Streak, Level-Fortschritt und eine Wochenleiste stehen über der heutigen Checkliste. Jeder Task öffnet sich mit seinen Schritten, mehrere Tasks mit Deadline lassen sich in einem Rutsch anlegen.
Aufgaben, die die KI mitplant
Die Aufgabenliste zeigt Laufendes und Erledigtes, Lerntage und Fortschritt. Der Assistent entwirft einen Plan mit Name, Icon, Farbe, Deadline, Timer-Dauer und Anzahl der Tasks – zum Anpassen. Überfällige Tasks lassen sich mit einem Tipp verschieben.
Ein Fokus-Timer mit drei Modi
Fokus, Pause und Selbstcheck haben jeweils eigene Farbe und Botschaft, von „This is strong focus — keep going“ bis „Take a few minutes to rest“. Die Task-Details sind einen Tipp entfernt.
Ein KI-Assistent, der sich die Arbeit ansieht
Vorschläge führen zu Planung, Produktivitätstechniken und Motivation. Schüler können ein Bild anhängen, etwa das Foto einer Checkliste, und der Assistent analysiert es. Hochgeladen werden PNG oder JPG bis 5 MB.
Badges, Abo und Gefühlstagebuch
Das Profil zeigt Level, längsten Streak und Badges. Der kostenlose Start-Tarif umfasst Tasks, Pomodoro-Timer, tägliche emotionale Check-ins und einen begrenzten KI-Chat; bezahlte Tarife gibt es monatlich oder jährlich. Das Tagebuch hält die Stimmung pro Tag fest und fasst sie zusammen.
Web-CMS
Das Admin-Panel für das Team
Die Marketing-Seite läuft im Browser, Inhalte pflegt das Team ohne Entwickler.
Dashboard mit Schnellaktionen
Alle, Entwurfs- und veröffentlichten Artikel sowie Anmeldungen zur Warteliste auf einen Blick, dazu Abkürzungen zum Schreiben, zum Bearbeiten von Seiten und zur Live-Website.
Ein Blog für Jugendliche und Eltern
Artikel mit Status, Datum und Slug, etwa zu Lernmethoden, zum Lernen mit ChatGPT oder Gemini, ohne dass die KI die Arbeit macht, und dazu, wie man Jugendliche ohne Überwachung unterstützt.
Statische Seiten
Über uns, Datenschutz und Nutzungsbedingungen, jeweils mit eigener Route, werden im selben Panel bearbeitet.
Jede Sektion der Landingpage editierbar
Neun Sektionen, von Hero und Statistik bis Preise und FAQ. Tagline, Überschrift, Unterzeile und Screenshots ändern sich per Formular und erscheinen sofort auf der Live-Website.
Architektur
Drei Teile, ein Produkt
Mobile App
Planung, Fokus-Timer, Gamification und Gefühlstagebuch für Schüler.
KI-Assistent
Planentwürfe, Chat und Bildanalyse direkt in der App.
Web-CMS
Landingpage, Blog, statische Seiten und Warteliste für das Team.
Ergebnisse
Von Vorsätzen zur täglichen Routine
mi-Era macht aus Hausaufgaben eine Routine, der Jugendliche folgen können: kleine Tasks, getimte Sessions und sichtbarer Fortschritt. Das Marketing steuert das Team aus dem eigenen CMS.
- Aufgaben in tägliche Tasks mit Deadlines und Verschieben zerlegt.
- Fokus-Sessions mit Pausen und Selbstcheck statt Lernen ohne Ende.
- Streaks, Levels und Badges machen Beständigkeit sichtbar.
- Landingpage, Blog und Warteliste ohne Entwickler gepflegt.
Weitere Projekte
EdTechFokus Nachhilfe
Schweizer Online-Plattform zur Organisation und Verwaltung von Nachhilfeunterricht.
FitnessBreakletics HIIT the Beat
Fitness-App, die hochintensives Intervalltraining mit Breakdance-Bewegungen kombiniert.
WohlbefindenWellup
Wellness-App für Trainings- und Ernährungsroutinen mit Fokus auf Motivation und tägliche Gewohnheiten.
Lassen Sie uns Ihr Projekt besprechen
Kostenlos & unverbindlich — buchen Sie direkt einen Termin oder schreiben Sie uns eine Nachricht.
Dennis Polevik
CEO
Kostenloses Erstgespräch mit Xmethod
- Kostenlos und unverbindlichUnverbindlich und kostenlos
- Direkt mit dem TeamDirekt aus dem Team, ohne Vertriebsumwege
- Konkreter nächster SchrittSie gehen mit einem konkreten nächsten Schritt raus
Dennis Polevik
CEO
Lassen Sie uns über Ihr Projekt sprechen
Wie geht es weiter?
- Antwort innerhalb eines WerktagsWir prüfen Ihr Projekt und melden uns innerhalb eines Werktags
- Kurzes Gespräch zu Ihren ZielenWir vereinbaren ein kurzes Gespräch zu Umfang und Zielen
- Klares, unverbindliches AngebotSie erhalten ein klares Angebot — unverbindlich, ohne Druck
