Zurück

Schola Pragensis, 31. Ausgabe

Die Messe der Prager Mittelschulen im Jahr 2026. App und Website von uns.

Das Pixel-Logo von Schola Pragensis über der Prager Silhouette in Pink- und Lilatönen
Branche
Bildung und Messen
Umfang
App, Website, Design
Zeitraum
26. bis 28. November 2026
Stack
WordPress, Breakdance, React

Die Aufgabe

Drei Novembertage im Kongresszentrum Prag, über hundert ausgewählte Schulen und freier Eintritt für alle. Zur 31. Ausgabe bekam die Messe einen neuen Farbton: Das Pixel-Prag des Vorjahres wechselte von Blau zu Pink und Lila.

Wir haben die App rund um die Suche neu aufgebaut. Ein Feld findet Fachrichtung, Schule und Stadtbezirk, Filter grenzen die Auswahl nach Schulgeld, Messeteilnahme, Bezirk und einzelnen Fachrichtungen ein. Auf dem Startbildschirm kamen das Messeprogramm und ein Profiltest dazu.

Die Website spricht dieselbe Sprache: wem die Messe hilft, welche Schulen man dort findet, wann und wo sie stattfindet und wo es die App gibt.

scholapragensis.online: die Startseite, die Seite für Besucher und die Öffnungszeiten mit dem Veranstaltungsort.

Die Website für Besucher

Website-Abschnitte Die größte Mittelschulmesse in Tschechien, Wem die Messe hilft und Alle Schultypen unter einem Dach
Der Anfang der Website: was die Messe ist, wem sie hilft und welche Schultypen man dort findet.
Website-Abschnitte Öffnungszeiten und Ort und Der Messeplan in der Tasche mit Links zu App Store und Google Play
Wann und wo: die Öffnungszeiten, der Veranstaltungsort und Links zu den App-Stores.

Das Manual: Pixel, aber nativ

Für die 31. Ausgabe haben wir ein neues Design-Manual geschrieben. Das Pixel-Design geht noch einen Schritt weiter, und in der UX bekommen native Komponenten und Interaktionen mehr Gewicht. Die Überschriften trägt die Pixelschrift Press Start 2P, längere Texte wie Schulnamen und Beschreibungen laufen in der Systemschrift des Handys.

Der Splash Screen: Nach dem Start der App schiebt sich das Logo in 21 Keyframes in den Raum.
Eine Seite des Design-Manuals mit vier Farben und den Logovarianten: links, zentriert, rechts, invertiert, mit Schatten und das Favicon SP 31
Vier Farben und fünf Logovarianten mit Favicon.
Eine Seite des Design-Manuals mit dem App-Icon SP 31 in drei Farbvarianten auf dem Homescreen von iPhone und Android
Das App-Icon in drei Varianten, ausprobiert auf den Homescreens von iOS und Android.

Die App: von der Suche zur Schule

Startbildschirm, Schulkategorien, das Programm in den Sälen, Suche mit Filtern und ein Schulprofil mit Galerie und Tagen der offenen Tür. Der ganze Weg der Bewerber in einer App.

Der Weg der Bewerber: vom Startbildschirm über Suche und Filter bis zum Profil einer bestimmten Schule.
Entwürfe von vier App-Bildschirmen aus dem Manual: Start mit Suche, Schulliste, Filter und Einstellungen
Bildschirmentwürfe aus dem Manual: Start, Schulsuche, Filter und Einstellungen.
Der Startbildschirm der App mit dem Kongresszentrum in Pixeln, der Suche, dem Messeprogramm und dem Profiltest

Programm und Test gleich auf dem Start

Unter dem Logo und dem Kongresszentrum in Pixeln warten die Suche, das Messeprogramm und ein Profiltest, der bei der Wahl der Fachrichtung hilft. Weiter unten folgen die Schulkategorien vom Gymnasium bis zum Konservatorium.

Suchergebnisse mit Foto oder Logo der Schule, dem Stadtbezirk und der Kennzeichnung Stellt aus

Suche über Fachrichtungen und Orte

Ein Feld für Fachrichtung, Schule und Stadtbezirk. Die Ergebnisse zeigen Foto oder Logo der Schule, ihr Kürzel, den Bezirk und vor allem, ob sie auf der Messe ausstellt.

Suchfilter: Schulgeld, stellt aus, Stadtbezirk und eine Liste der Fachrichtungen mit Codes

Filter, die Prag kennen

Schulgeld ja oder nein, nur ausstellende Schulen, Stadtbezirk 1 bis 22 und Fachrichtungen nach Code oder Name. Die Auswahl schrumpft auf die Schulen, die infrage kommen.

Die Website scholapragensis.online auf dem Handy mit dem Pixel-Logo und der pinken Prager Silhouette

Pixel-Prag in Pink

Pixel-Logo, Prager Silhouette und harte Schatten der Buttons blieben aus dem Vorjahr, neu ist die Farbwelt in Pink und Lila. Die Website läuft auf WordPress mit Breakdance und hält auf dem Handy dieselbe Stimmung wie die App.

Die Messe in der Tasche, diesmal in Pink.

Die Prager Mittelschulen an einem Ort, auf dem Handy jedes Messebesuchers.