Orgenic DS: Unser Design- und Layoutsystem

Orgenic Design- und Layoutsystem Logo
Orgenic Design- und Layoutsystem Dashboard

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.ä.

Spezielles Dashboard für die Cyberabwehr-Lösung von secunet
Spezielles Dashboard für die Cyberabwehr-Lösung für unseren Kunden secunet

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.

Mehr über unsere Arbeit im Projekt erfahren

Master Detail Konzept für eine Softwareanwendung für das Land Niedersachsen

Bewährtes System

Ebenso zum Einsatz gekommen ist das Design- & Layoutsystem für ein Projekt des Umweltministeriums im Rahmen von Hochwasserschutz:

Mehr über unsere Arbeit im Projekt erfahren

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.

Jetzt unsere Demo zu Orgenic DS ausprobieren

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?

Details über unser Anwendungsframework

Fachanwendung im Public Sector