Maren Frenk - UX Portfolio

{{ t.heroTitle }}

{{ t.positioningLead }} {{ t.positioningRest }}

Case Studies {{ t.csPracticeSuffix }}

{{ t.sharedHead }} {{ t.sharedDesc }}

{{ t.ecoHead }}

{{ t.csName0 }} Buchungs-Widget auf der Praxis-Webseite: {{ t.csName0 }}
{{ t.csName1 }} Startbildschirm {{ t.csName1 }}
{{ t.csName2 }} Startbildschirm {{ t.csName2 }} im MacBook

{{ t.researchHead }}

{{ t.csName0 }}
{{ pb.num }} {{ pb.text }} {{ pb.src }}
{{ t.csName1 }}
{{ pb.num }} {{ pb.text }} {{ pb.src }}
{{ t.csName2 }}
{{ pb.num }} {{ pb.text }} {{ pb.src }}

{{ t.compHead }}

{{ t.csName0 }}
{{ t.compOwnLabel }}
{{ r.label }} {{ r.c0 }} {{ r.c1 }} {{ r.c2 }} {{ r.c3 }} {{ r.c4 }}

{{ t.compTakeLabel }}{{ t.compTakeA }}

{{ t.csName1 }}
{{ t.compOwnLabel }} ePA
{{ r.label }} {{ r.c0 }} {{ r.c1 }} {{ r.c2 }} {{ r.c3 }} {{ r.c4 }}

{{ t.compTakeLabel }}{{ t.compTakeB }}

{{ t.csName2 }}
{{ t.compOwnLabel }}
{{ r.label }} {{ r.c0 }} {{ r.c1 }} {{ r.c2 }} {{ r.c3 }} {{ r.c4 }}

{{ t.compTakeLabel }}{{ t.compTakeC }}

{{ t.compLegendYes }} ~ {{ t.compLegendPartial }} {{ t.compLegendNo }} ? {{ t.compLegendUnclear }}

{{ t.compSrcNote }}

{{ t.conclusionLabel }}

{{ t.fazitLead }}

{{ n.name }}

{{ n.what }}

{{ t.fazitTakeaway }}

{{ t.personasHead }}

{{ pe.name }}
{{ pe.name }}
{{ pe.role }}

{{ pe.quote }}

{{ pe.desc }}

{{ t.reqHead }}

{{ rq.title }} {{ rq.desc }}

{{ t.prioHead }}

{{ t.csName0 }}
{{ p.title }}

{{ p.detail }}

{{ t.csName1 }}
{{ p.title }}

{{ p.detail }}

{{ t.csName2 }}
{{ p.title }}

{{ p.detail }}

{{ t.prioLegendDone }} {{ t.prioLegendNext }} {{ t.prioLegendLater }}

{{ t.buildHead }}

{{ t.csName0 }}

{{ t.flowHead }}

{{ t.csName1 }}

{{ t.flowHead }}

{{ t.csName2 }}

{{ g.num }}
{{ galleryDenom }}
{{ shotCaption }}

{{ t.dsHeadLead }} {{ t.dsHeadSuffix }}

{{ t.dsLblNeutrals }}
{{ c.name }}
{{ c.hex }}
{{ t.dsLblAccents }}
{{ c.name }}
{{ c.hex }}
{{ t.dsLblSignal }}
{{ c.name }}
{{ c.hex }}
{{ t.dsLblDerived }}
{{ c.name }}
{{ c.hex }}
{{ ty.name }}
{{ ty.spec }}
{{ dsSample }}
{{ t.dsLblMobileType }}
{{ ty.name }}
{{ ty.spec }}
{{ dsSample }}
{{ s.token }}
{{ s.px }}px
Radius
{{ r.name }}
{{ r.use }}
Elevation
{{ e.name }}
{{ e.use }}
Buttons
Buttons, Mobile CTA

Haupt-Handlung im Sticky-Footer mobiler Screens, volle Breite. Primär 16/600, Radius 14, min. 54px Höhe. Darunter Sekundär (52px) und Text-Button (48px).

Eingaben
Bitte gültige E-Mail eingeben.
Eingaben, Mobile

Mobil min. 50px Feldhöhe (Radius 12, Padding 14). Kompakte Variante für verschachtelte Felder in Karten: 14px, Radius 10, min. 46px. Fehlertext darunter: 13px in Notfall-Rot.

Auswahl-Karten
Akutsprechstunde
Akute, aber nicht lebensbedrohliche Beschwerden
Check-up / Gesundheitsuntersuchung
Ab 35, alle 3 Jahre
Checkboxen
Keine Vorerkrankungen
Keine Medikamente
Chips & Tags
Akut, Vorsorge 14:30 Uhr Formular vollständig Formular offen
Zeit-Slots
08:40
09:00
09:20
09:40
Fortschritt
Schritt 4 von 8Anliegen wählen
Banner & Hinweise
Privatversicherte erhalten längere Termine. Deshalb fragen wir den Versichertenstatus früh ab.
Notfall? Wählen Sie sofort die 112. Bitte buchen Sie keinen Termin bei Atemnot, Brustschmerzen oder Schlaganfall-Anzeichen.
Ihre bereits gemachten Angaben werden gespeichert und mit dem Link verknüpft.
Ihre Unterlagen sind noch unvollständig. Bitte füllen Sie die Dokumente mind. 30 Minuten vor Ihrem Termin aus.
Passwortstärke
Schwaches Passwort
Mittleres Passwort
Starkes Passwort
Wiederholbare Einträge
Erste Vorerkrankung
Vorerkrankung hinzufügen

Karten-Gruppe auf Fläche #f6f7f9 (Radius 14) mit Caption-Label und Entfernen-Icon, darunter gestrichelter Hinzufügen-Button.

Schritt-Header, Mobile
Schritt 4 von 8
Kalender, Datumsauswahl
Juni 2026
Mo
Di
Mi
Do
Fr
Sa
So
22
23
24
25
26
27
28
freie Termine
Bottom Sheet

Anamnese jetzt ausfüllen?

Radius 22 oben, Griff 38 auf 4px, Abdunkelung rgba(20,30,41,.45).

{{ t.contactKicker }}

{{ t.contactHead }}

© Maren Frenk 2026
Mail LinkedIn

{{ t.heroIntroTitle }}

{{ t.heroIntroBody }}

{{ t.aboutP1 }}

{{ t.aboutP2 }}

{{ t.aboutContact }}