Weiterbildung

UI/UX Design
Meine Kursarbeiten

Ich habe von März bis Mai 2026 den UI/UX-Kurs der OfG (Online-Schule für Gestaltung) absolviert. Hier siehst du die entstandenen Screendesigns zu den einzelnen Aufgaben, die ich als Teil meines Portfolios zeigen möchte. Die Aufgaben befassten sich von der Konzeption bis zu ausgearbeiteten grafischen Desktop- und Mobilansicht für Webseiten.

Modul 1 Visual Design Bento Grid Typografie

01

Space Grotesk —
Bento Grid

Visual Design · Schriftpräsentation

Schriftpräsentation der Space Grotesk im modernen Bento-Grid-Layout. Statt trockener Schriftprobe: eine inszenierte Komposition mit Science-Fiction-Vibe. Tiefes Lila trifft Cyber-Gelb — maximaler Kontrast für maximale Lesbarkeit.

Konzept: Bento Grid als dramatische Bühne für Typografie

Farbwelt: Lila + Cyber-Gelb + Schwarz — Sci-Fi-Ästhetik

Inhalt: Schnitte, Stylistic Set, Glyphen, Mockup-Anwendungen

98 / 100

Bewertung OfG Schönes Bento Grid und guter Start in den Kurs. Farben, Typografie und Gestaltungselemente gut gestaltet.

Modul 2 App Design Mobile UI Quiz-Flow

02

Pawfect Friend —
Hundematch-App

App Design · 5 Screens

Mobile App, die Hundefreunden hilft, ihre passende Rasse zu finden — per Quiz durch 6 Lebensstil-Fragen. Lila als elegante Primärfarbe, warmes Gelb-Orange als energetischer Akzent, handgezeichnete Illustrationen für emotionale Wärme.

Farbkonzept: Lila + Gelb-Orange + Cremeweiß als Hintergrund

Typografie: Harlow Solid Italic (Logo) · Fira Sans (UI)

UX-Flow: Welcome → Quiz (6 Fragen) → Auswertung → Detailansicht

94 / 100

Bewertung OfG Insgesamt gute Screens. Farben und Typografie gut ausgewählt. Visuelle Hierarchie gut sichtbar.

Modul 3 Website Design Duotone Dark UI

03

EnergyGuide —
Strompreisrechner

Landingpage · Screendesign

Minimalistisches Duotone-Design für einen Strompreisvergleich. Dunkelblau als seriöse Basis, Türkis als technisch-nachhaltiger Akzent — kombiniert mit drei gezielt eingesetzten Schriften für maximale Lesbarkeit und Nutzeführung.

Farbkonzept: Duotone Navy + Türkis, Grautöne als Puffer

Typografie: Helvetica Neue · Open Sans · DM Mono

UX-Pattern: Akkordeon, CTA-Hierarchie, Partnerlogos

96 / 100

Bewertung OfG Insgesamt ein gutes Website-Design. Farben, Bilder und Typografie harmonisch ausgewählt.

Modul 4 Magazin-Design Bold Typography Lookbuch

04

Lookbuch —
Designmagazin

Designblog · Screendesign

Lautes, farbenfrohes Magazin-Design für einen Blog über mutige Typografie und starke Farben. Triade aus Gelb, Magenta und Violett — gesetzt auf Schwarz und Weiß. Zwei Schriften als Dialog: präzise Helvetica Neue und charakterstarke Georgia Italic. Als Abschlussarbeit des Kurses bewusst mutig gehalten, mit großzügigen Freiflächen für die einzelnen Elemente.

Farbkonzept: Triade Gelb–Magenta–(Blau)Violett, maximale Sättigung auf Schwarz/Weiß

Typografie: Helvetica Neue LT Pro · Georgia Italic im Dialog

Bildkonzept: Farbcodierte Symbolkarten statt Stockfotos

Layout: Großzügige Weißräume, klare Lesbarkeit, harmonische Bild-Text-Balance

97 / 100

Bewertung OfG · Abschlussarbeit Übersichtliches, ansprechendes und individuelles Screendesign mit harmonischer Farb-, Bild- und Typografie-Auswahl. Elemente haben genügend Freiraum, die Texte sind gut lesbar. Der Newsletter-Abschnitt wurde als besonders spannend gestaltet hervorgehoben.

Abschluss

UI/UX-Design — erfolgreich abgeschlossen

Vier Module von der Schriftpräsentation über App- und Website-Design bis zum Magazin-Layout habe ich als zusätzliche Weiterbildung abgeschlossen. Das offizielle Abschlusszertifikat der Online-Schule für Gestaltung folgt per Post und wird hier verlinkt.

Schule OfG — Online-Schule für Gestaltung

Zeitraum März 2026 bis Mai 2026

Gesamtleistung 4 von 4 Modulen abgeschlossen