FLA v5 — Consolidated Information Architecture
FIN-12 · Summary Side Panel ("Zusammenfassung") — definitive IA proposal based on v3 audit + Finnova screenshots + best practices

Goal

Consolidate all known elements of the Summary Side Panel into a single, definitive Information Architecture. Based on:

🎯 Key principle: The Summary Side Panel is for information (read, context, navigation). All actions (submit, open, trigger) go to the Aktionen ▾ button/dropdown in the header.
1 · Complete element inventory

All known elements — classified

Every element found across v3 prototype + Finnova production screenshots, classified by type and destination.

Information → Side Panel Action → Aktionen menu New element (from screenshots)
# Element Type Destination Source Notes
HEADER
1 Zusammenfassung Header Panel v3 Panel title + collapse toggle
2 Subtitle 402840/001/0001 Field Panel v3 Reference number under title
ANTRAG FIELDS (flat, always visible — single block, no collapsible)
3 Antrags-Nr. 113722 Field Panel v3 Application ID — universal context
4 Finanzierungsspezialist Andreas Graf Field Panel v3 Process owner / advisor name
5 Antragsteller FLA Testautomation User Field Panel v3 Applicant / customer name
6 Status In Erfassung ● Field Panel v3 Workflow status + color dot indicator
7 Geschäftstyp Spezial Field Panel Screenshot Business type — merged into main block (was "Dieser Antrag")
8 Grundlaufzeit 21.01.2032 Field Panel Screenshot Maturity date — merged into main block
9 Zweck Überprüfung Field Panel v3 + Screenshot Purpose — merged into main block
10 Assignee (Clerk) Maria Müller Field Panel v5.1 Assigned clerk / handler — different from Finanzierungsspezialist (advisor)
11 Priority High Field Panel v5.1 Application priority — color-coded badge (High/Medium/Low)
LOAN AMOUNT (Neu/Bisher + Credit Limit)
12 Loan Amount card pattern Card Panel Screenshot + v5.1 Large-format amount display with Δ indicator and "was:" line. Left column: Loan Amount (Neu). Right column: Credit Limit.
WÄHRUNGEN (currency section — NEW from screenshots)
13 Währungen USD zu CHF · 0.89350 · 01.09.2023 Section Panel Screenshot Exchange rate reference — read-only informational
COLLAPSIBLE SECTIONS
14 Kreditzweck Collapsible Panel v5.1 Credit purpose — text content, may be empty ("Kein Kreditzweck"). Same pattern as Interne Notizen. ℹ️ tooltip icon.
15 Kommentare zum Antrag Collapsible Panel v3 Multi-item comments — counter badge, expand to list, click to add
16 Interne Notizen Collapsible Panel v3 Internal notes — text-only, possibly credit-office-only (TBC)
ADDITIONAL INFOS (links → modal/page)
17 Status History Link Panel v3 Audit trail — timeline modal
18 Versions Link Panel v3 Version history — diff viewer
19 Decisions Link Panel v3 Credit decisions list
20 Pendencies Link Panel v3 Outstanding items / to-dos
21 Notes Link Panel v3 General notes
22 Dossier Link Panel v3 Customer documentation
23 Priority History Link Panel v5.1 Priority change log — timeline modal
24 Rules Link Panel v5.1 Business rules applicable to this application
25 Offer Link Panel v5.1 Generated offer / proposal document
26 Credit Clauses Link Panel v5.1 Specific credit conditions and clauses
27 ETP Link Panel v5.1 Earnings/Transfer Plan or equivalent process document
28 Requirements Link Panel v5.1 Checklist of required documents/conditions
ACTIONS → MOVED TO AKTIONEN ▾ MENU
29 Pricing übermitteln Action Aktionen ▾ Screenshot Submit pricing — was a button in side panel, moves to Actions dropdown
30 Pricing öffnen Action Aktionen ▾ Screenshot Open pricing — was a button in side panel, moves to Actions dropdown

Summary: 28 elements stay in the Side Panel (information) · 2 elements move to Aktionen ▾ menu (actions). +10 new in v5.1

2 · Information Architecture — hierarchy

Panel structure (top to bottom)

Recommended reading order and grouping for the Summary Side Panel.

3 · Aktionen ▾ menu — actions moved here
Aktionen ▾ Dropdown
Process
assignment_turned_in Antrag einreichen (AWB)
description Kreditvorlage erstellen
Pricing moved from panel
send Pricing übermitteln
open_in_new Pricing öffnen
Documents
upload_file Unterlagen hochladen
download Export

Why move Pricing to Aktionen?

The Finnova production app shows "Pricing übermitteln" and "Pricing öffnen" as full-width buttons in the side panel. These are actions (they trigger a submission or open a dialog), not information.

Benefits:

4 · Visual mockup — before vs after
Before (v3 + Finnova production mixed)
Zusammenfassung
402840/001/0001
Antrags-Nr.113722
ZweckInvestitionen
GeschäftsfallNeu
FinanzierungsspezialistAndreas Graf
AntragstellerFLA Testautomation User
StatusIn Erfassung
GeschäftstypSpezial
Grundlaufzeit21.01.2032
ZweckÜberprüfung
Neu
Rahmenlimite Hypothek
Betrag
CHF 620'000.00
Bisher
Rahmenlimite Hypothek
Betrag
CHF 640'000.00
Währungen
USD zu CHF 0.89350 · 01.09.2023
Kommentare zum Antrag 0
expand_more
Interne Notizen
expand_more
Additional Infos
scheduleStatus Historychevron_right historyVersionschevron_right gavelDecisionschevron_right pending_actionsPendencieschevron_right noteNoteschevron_right folderDossierchevron_right
After (v5 consolidated IA)
Zusammenfassung
402840/001/0001
Antrags-Nr.113722
FinanzierungsspezialistAndreas Graf
AssigneeMaria Müller
AntragstellerFLA Testautomation User
StatusIn Erfassung
PriorityHigh
GeschäftstypSpezial
Grundlaufzeit21.01.2032
ZweckÜberprüfung
Loan Amount
400'000 CHF
was: 391'200 CHF
Credit Limit
620'000 CHF
Währungen
USD zu CHF 0.89350 · 01.09.2023
info Kreditzweck
expand_more
Kein Kreditzweck
Kommentare zum Antrag 0
expand_more
Interne Notizen lock
expand_more
Additional Infos
scheduleStatus Historychevron_right historyVersionschevron_right gavelDecisionschevron_right pending_actionsPendencieschevron_right noteNoteschevron_right folderDossierchevron_right trending_upPriority Historychevron_right ruleRuleschevron_right local_offerOfferchevron_right articleCredit Clauseschevron_right assignmentETPchevron_right checklistRequirementschevron_right
✓ No action buttons — Pricing moved to Aktionen ▾
5 · Design decisions & best practices

Key decisions

Topic Decision Rationale
All fields flat (no "Dieser Antrag") Single non-collapsible block "Dieser Antrag" wrapper removed. All fields (ID, people, status, Geschäftstyp, Grundlaufzeit, Zweck) live in one flat, always-visible block. Simpler hierarchy, faster scanning, no unnecessary click to expand.
Loan Amount card (replaces Neu/Bisher grid) Large-format card with two columns Left column: Loan Amount in large type (20px) with CHF suffix, green ▲ or red ▼ delta indicator, and "was: X CHF" secondary line. Right column: Credit Limit for context. Inspired by fintech dashboard patterns — scannable at a glance, no need to mentally diff two columns.
Währungen placement After "Dieser Antrag", before collapsibles Currency context is read-only reference data, relevant to the application details above. Positioned after Dieser Antrag but before interaction-heavy sections (comments, notes).
Pricing buttons Removed from panel → Aktionen ▾ Actions don't belong in an information panel. Moved to "Pricing" group inside Aktionen dropdown. Consistent with the principle: "if it triggers something → Aktionen".
Collapsible states Per v4a best practices Empty: "Keine X" + CTA. Filled: counter badge + expand. Read-only: lock icon, no edit affordance. Multi-item: list with scroll. Text-only: inline preview (A2 pattern).
Additional Infos pattern Links with icon + chevron Per v4b: clean, scannable list. Icon differentiates each type. Chevron signals "opens modal/page". No counters here (they're on the collapsible sections above).
6 · Panel reading order (summary)
① Header ② Antrag Fields (9) + Priority ③ Loan Amount + Credit Limit ④ Währungen ⑤ Kreditzweck ▾ ⑥ Kommentare ▾ ⑦ Interne Notizen ▾ ⑧ Additional Infos (12 links)

Pattern: Identity + Details (flat) → Amounts → Context → Interaction → Navigation
Total: 28 information elements in panel · 2 actions in Aktionen ▾ menu · No "Dieser Antrag" collapsible · +10 new in v5.1

FIN-12 · v5.1-ia-consolidated · Last updated: 17.04.2026 · LELAK LLC · +10 elements (3 fields + 6 links + Kreditzweck) + Loan Amount card pattern