Orgenic DS: Unser Design- und Layoutsystem

Fertige Basis-Konzepte als Ausgangslage für Ihre Anwendung
Unter dem Titel „ORGENIC DS“ haben wir unsere Erfahrung aus fast 20 Jahren in wiederverwendbare User Interface Konzepte gebündelt. Das System besteht aus einer großen Figma-Bibliothek an Einzelkomponenten, sowie zahlreichen View-Setups.
Im Laufe des Jahres werden wir diese Bibliothek verfügbar machen, aktuell ist schon eine Figma-Demo verfügbar. Den Link finden Sie unten im Artikel.
Bewährte UI-Komponenten und -Layouts
Was ist anders bei unserem Design- & Layoutsystem? Die Antwort steckt schon im Namen: Wir verstehen unser System als mehr als nur „kleine“ UI Komponenten, so wie es in vielen Design Systemen der Fall ist. Für uns gehören standardisierte Parameter (z.B. Farben und ein Abstandssystem), View-Setups und Layoutvarianten dazu.
Orgenic DS beinhaltet eine Vielzahl an Elementen:
Design-Parameter
Abstände, Farben u.ä.
Typografische Elemente
Text in verschiedenen Hierarchie-Ebenen
Interaktionselemente in allen Status
Buttons, Formularelemente, Wizard u.ä.
Layout-Container
mit unterschiedlichen Größenverhalten und Umbruchsteuerung
Listen
in verschiedenen Ausprägungen
Content-Container
Inhaltsbereiche mit Titel, Popup-Content u.ä.
View-Setups
Master-Detail u.ä.
Querschnittsfunktionen
Aufgaben, Termine u.ä.

Voller Fokus auf Ihre fachlichen Spezialitäten
Aber natürlich hat jede Anwendung Ihre ganz eigenen Spezialitäten. Auf genau diese können Sie sich beim Einsatz unseres Design- und Layoutsystems konzentrieren! Durch den Top-Down-Ansatz der Komposition der Elemente können Sie kleinere Elemente aus unserem System in ganz eigenen Views nutzen. Das Design- & Layoutsystem ist bereits in verschiedenen Projekten zum Einsatz gekommen. Zum Beispiel in der Cyberabwehr-Lösung für KRITIS Unternehmen für unseren Kunden secunet.

Bewährtes System
Ebenso zum Einsatz gekommen ist das Design- & Layoutsystem für ein Projekt des Umweltministeriums im Rahmen von Hochwasserschutz:
Bereit für einen ersten Test
Zwar steht die Figma-Bibliothek erst im Laufe des Jahres zur Verfügung, solange kann das System aber schon als Demo begutachtet werden.
Hinweis zur Demo: Bei Klick auf einen Screen leuchten die tatsächlich interaktiven Bereiche kurz blau auf.
Unser Anwendungsframework „Orgenic Core“
Das hier vorgestellte Design- & Layoutsystem ORGENIC DS stellt die konzeptionelle Basis für User Interfaces dar. Für die effiziente technisch Implementierung von Anwendungen setzen wir auf unser Anwendungsframework „ORGENIC Core“. Die Idee ist die gleiche: Warum das Rad neu erfinden?
