OpenReal Platform UI/UX (Web App)
Web-Design Kurzbeschreibung
Goal
https://www.figma.com/design/tDSQr92SBodGYmQTFIMEN6/Openreal-_ideation?node-id=0-1&t=09GTNZI897LV0j1F-1
Design a premium, institutional, dark theme web app UI for OpenReal. The UI must look high end, clean, and consistent across all pages. Follow the attached design brief as the single source of truth.
Scope (pages to design)
Public area (no login)
Market Overview (public research dashboard with aggregated metrics only)
Education hub
Legal notices and policies
Sign up and Sign in
Investor app (verified and eligible users only)
Home dashboard
Listings directory (grid cards)
Opportunity detail (long form page with right side action panel)
Investment request flow (request created, pending payment confirmation, confirmed, failed or expired)
Portfolio
Holding detail
Distributions and statements
Account settings (KYC status, security, password, MFA)
Issuer portal
Issuer sign up
KYB submit and status
Create opportunity draft
Upload documents
Submit for review
Listing live
Admin console
Dashboard
KYC queue
KYB queue
Opportunity review
Requests monitor
Audit log and export
Access rules (must follow)
Public Market Overview shows aggregated indicators only and must not display opportunity cards, documents, offer terms, minimums, dates, open or closed status, or currency terms.
Listings and opportunity detail must be gated behind verification and eligibility.
Use “Listings” or “Directory”. Do not use “Marketplace”.
Use “Investment Request”. Do not use “Checkout” or “Settlement”.
Do not add wallets, balances, trading, transfers, or secondary market features.
Deliverables required
Figma file including:
Design system (colors, typography, spacing tokens, components)
Full page designs for all pages listed above
Responsive layouts (desktop first plus tablet and mobile)
States: loading, empty, error, pending, confirmed, failed or expired
Exportable assets (SVG or PNG) where needed
Short developer handoff notes (component specs, spacing, states)
Branding
Use the OpenReal logo and brand guidelines attached. Do not introduce any other branding inside the OpenReal app.
Anzahl benötigter Seiten
5+ page
Sehen und fühlen
Jeder Schieber zeichnet eine der Charakteristiken der Marke des Kunden aus sowie den Stil, den euer Logo widerspiegeln sollte.