{"id":14552,"date":"2022-01-06T11:31:38","date_gmt":"2022-01-06T10:31:38","guid":{"rendered":"https:\/\/polario.app\/?p=14552"},"modified":"2022-07-22T14:45:24","modified_gmt":"2022-07-22T12:45:24","slug":"designsystem","status":"publish","type":"post","link":"https:\/\/polario.app\/de\/designsystem\/","title":{"rendered":"Polario Interview – Design System"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

\u201ePolario sollte wandelbar, verst\u00e4ndlich, offen, zeitlos und robust sein.\u201c <\/em>\u2013 Ronja Leine, Design Lead plazz AG<\/p>

Im zweiten Teil unserer Mini-Blogserie betrachten wir das Design von Polario. Hierzu haben wir einige Fragen an Design Lead Ronja Leine gestellt. Sie gibt uns einen Einblick in die Herangehensweise und die Konzeption der Gestaltung.<\/p>

Imterview – Design System<\/h2>

Hallo Ronja, stell dich und das Design Team bitte einmal vor.<\/h3>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Unser Design Team besteht derzeit aus vier Mitarbeiter:innen. Wir haben da einmal unseren Senior Designer Stefan Heinz<\/a> (im Team seit 2011), der im vergangenen Jahr die Position des Chief Product Officer<\/a> \u00fcbernommen hat, nach wie vor aber f\u00fcr die Gestaltung des Content Management Systems von Polario zust\u00e4ndig ist. Weiter geht es mit Miriam Aissaoui<\/a>, welche 2017 bei der plazz als Designerin angefangen hat und somit schon eine langj\u00e4hrige Mitarbeiterin ist. Sie ist bei Polario f\u00fcr das Design der Android Applikation zust\u00e4ndig. Neu hinzugekommen Anfang 2020 ist Franziska Ewe, welche gleich in das Projekt einstieg und die Gestaltung unserer Web-App \u00fcbernommen hat. Und zu guter Letzt bin da ich, Ronja Leine<\/a>, Teammitglied seit 2015. Ich bin bei Polario verantwortlich f\u00fcr das Design der iOS App und koordiniere als Design Lead die Aufgaben des Frontenddesigns, also der Plattformen Android, iOS und Web.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t

\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\"Design\t\t\t\t\t\t\t\t\t\t\t
Design Lead Ronja Leine<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Gib uns einen Einblick und ein paar Infos zum Design der App und dem CMS von Polario. <\/strong><\/h3>

Den besten Einblick erh\u00e4lt man nat\u00fcrlich, wenn man die Produkte in die Hand nimmt und einfach drauf losprobiert. Dann kann man direkt in die intuitive User Experience<\/strong> von Polario einsteigen. Damit ist gemeint, dass man ohne gro\u00dfe Einleitung sowohl das App Frontend<\/strong> als auch das Backend<\/strong> (CMS<\/a>) bedienen kann. Dies war ein Punkt, auf den wir beim Design viel Wert gelegt haben. Jemand, der t\u00e4glich ein Android Telefon nutzt, soll auch in unserer App auf gewohnte Verhaltensmuster und Interfaces treffen und sich somit schnell zurechtfinden. Genauso soll die Web-App auf einem Desktop-Computer so aussehen und funktionieren, wie eine Webseite.<\/p>

F\u00fcr das CMS ist dies allerdings eine sehr herausfordernde Aufgabe, denn w\u00e4hrend man in den Frontend Apps haupts\u00e4chlich Inhalte konsumiert, m\u00fcssen diese Inhalte im Content Management System<\/strong> erstmal angelegt und verwaltet werden. Wir setzen hier daher auf eine Art \u201esprechendes CMS<\/strong>\u201c, welches sich den Nutzer:innen St\u00fcck f\u00fcr St\u00fcck erschlie\u00dft. Dazu geh\u00f6ren viele Bausteine, wie z.B. eine klare Seitenstruktur<\/strong>, bei der Bereiche, die man nicht direkt ben\u00f6tigt, eingeklappt werden k\u00f6nnen. Oder Tabellen, deren Inhaltsanzeige anpassbar<\/strong> ist, je nachdem auf welche Informationen man gerade Wert legt. Auch eine zentrale Medienablage<\/a>, die strukturiert und verwaltet werden kann, wie man es ben\u00f6tigt, ist ein Teil davon. Weiterhin gibt es Infotexte an den entsprechenden Stellen, Tooltips, Links zu Helpcentern und Videos<\/strong> \u2013 um nur einen kleinen Einblick in das Ganze zu geben.<\/p>

Was war der Gedanke hinter dem Design?<\/strong><\/h3>

Wir haben uns, bevor es an Design und Konzeption ging, viele Gedanken gemacht, welche Anforderungen<\/a> wir \u00fcberhaupt an das neue Produkt stellen. Dabei kam eine Reihe von Prinzipien heraus, welche die Basis des weiteren Vorgehens gebildet haben: Polario sollte wandelbar, verst\u00e4ndlich, offen, zeitlos <\/strong>und robust<\/strong> sein.<\/p>

Mit \u201ewandelbar\u201c ist gemeint, dass das Produkt sich an die individuellen Bed\u00fcrfnisse<\/strong> der Kund:innen anpassen soll, sowohl visuell als auch funktional.<\/p>

Dabei muss es \u201everst\u00e4ndlich\u201c bleiben und sich durch klare Strukturen<\/strong> und die Priorisierung von Elementen selbst erkl\u00e4ren. Diese \u201eOffenheit\u201c soll sich u.a. auch in der Barrierefreiheit<\/a> des Produktes widerspiegeln.<\/p>

Das Design braucht einen \u201ezeitlosen\u201c Aspekt. In der Art und Weise, dass es sich mit der Zeit auch weiterentwickeln<\/strong> kann, dabei aber nie den eigentlichen App Inhalt verdr\u00e4ngt.<\/p>

Und letztlich muss die Anwendung in vielerlei Hinsicht \u201erobust\u201c sein, sei es das Verhindern von Fehlbedienungen<\/strong>, die transparente Kommunikation<\/strong> von Problemen oder auch nur der Schutz der Daten<\/a>.<\/p>

Diese in sich greifenden Prinzipien sind letztlich zum inneren Kern von Konzeption und Design geworden.<\/p>

Gab es Parallelen zur MEA?
Konntet ihr Elemente\/Bestandteile der MEA \u00fcbernehmen? <\/strong><\/h3>

Wie bereits bei der MEA<\/a> liegt auch bei Polario die Magie im Zusammenspiel aus Apps und Content Management System<\/strong>: Darin, dass man ganz einfach und schnell Sachen anpassen kann. Dieses Ma\u00df an Flexibilit\u00e4t, das wir von der MEA<\/a> gewohnt sind, wollten wir keinesfalls einb\u00fc\u00dfen. Eigentlich haben wir es sogar erweitert. Nicht nur im Sinne der Verwaltung durch das CMS<\/a>, sondern auch generell im Aufbau und Einsatz der Features. Der Kalender<\/a>, der in der MEA aus wenigen Tagen besteht, zeigt in Polario z.B. das gesamte Jahr und er\u00f6ffnet damit neue Einsatzm\u00f6glichkeiten. Man kann daher zusammenfassen, dass wir von der MEA haupts\u00e4chlich unsere Erfahrungen von deren Einsatz mit in das neue Produkt \u00fcbernommen haben.<\/p>

Was waren eure Learnings aus der Arbeit mit der MEA? <\/strong><\/h3>

Im Vergleich zur MEA konnten bei Polario fast alle Designer:innen von Anfang an in Konzeption und Design mitwirken. Das macht einiges aus, da man an vielen Stellen die Basis definieren kann f\u00fcr das, was sp\u00e4ter folgt (z.B. in Sachen Farben, Schriften etc.<\/a>).<\/p>

Die MEA war ein st\u00e4ndig wachsendes Konstrukt<\/strong>, zu dem wir nach und nach hinzugesto\u00dfen sind und jedes Mal schauen mussten, wie man neue Features in das bestehende Design eingliedert. Das war herausfordernd und auch zeitintensiv.<\/p>

Auf der anderen Seite hat die MEA \u00fcber die Jahre viele Funktionen erhalten und Nutzer:innen gehabt. Von diesem Vorwissen, welche Features, wie gut oder schlecht funktionieren, konnten wir nun profitieren. Auch strukturell sind wir vieles anders angegangen<\/strong>, da wir, wie bereits erw\u00e4hnt, Design und Konzeption von Anfang an in der Hand hatten.<\/p>

Im Vergleich zur MEA, die sehr auf Uniformit\u00e4t bedacht war, haben wir bei Polario<\/a> z.B. damit angefangen, jeder Plattform ein eigenes Design<\/strong> und einen eigenen Zust\u00e4ndigen zu geben, um somit die User Experience allgemein zu verbessern<\/strong>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Beschreib uns bitte eure grunds\u00e4tzliche Herangehensweise. <\/strong><\/h3>

Ich hole an der Stelle mal ein bisschen aus: Bevor es mit der Entwicklung losging, bestand bereits der Plan, welche Funktionen wir mit in Polario sehen m\u00f6chten. Daf\u00fcr wurden interdisziplin\u00e4re Teams<\/strong> gebildet, bestehend aus Designer:innen, Entwickler:innen und Mitarbeiter:innen vom Customer Support, welche jeweils zwei Themenkomplexe bearbeitet haben. Dazu geh\u00f6rten Recherchen, Analysen und Vergleiche der MEA mit anderen L\u00f6sungen<\/strong>, sowie die Konzeption der Funktionen, Ausbaustufen und erste Designs. Das bedeutet, jeder Mitarbeiter hatte die Chance, seine eigenen Ideen und Vorstellungen mit in das Produkt einzubringen.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t

\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"Interdisziplin\u00e4re\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t
<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Im Design haben wir dann die bereits erw\u00e4hnte Basis f\u00fcr die folgende Gestaltung erstellt, indem wir Farbsets, Schriften und erste Gestaltungsgrunds\u00e4tze definiert<\/strong> haben.<\/p>

Als in der Projektplanung eine klare Vorgabe bestand, welche Features<\/a> in welcher Reihenfolge umgesetzt werden sollten, konnten wir damit beginnen, basierend auf den erstellten Konzepten, das Design auszuarbeiten.<\/p>

Ab diesem Punkt ist unsere Herangehensweise dann immer gleich: Die bereits vorhandenen Ans\u00e4tze werden gepr\u00fcft und w\u00e4hrend des Designprozesses nochmals erweitert oder um Funktionen reduziert. Es entstehen Entw\u00fcrfe der verschiedenen Teilbereiche eines Features f\u00fcr iOS, Android, Web <\/strong>und die Verwaltung im CMS<\/a>. Dabei wird jeweils eng mit der Entwicklung zusammengearbeitet, um zu pr\u00fcfen, was in der Realisierung machbar ist und um den jeweiligen Plattformen und ihren unterschiedlichen Bedienungen gerecht zu werden. Auch aus anderen Bereichen des Teams wird Feedback eingeholt, bis schlie\u00dflich das finale Design steht und weitergegeben werden kann, um in Form von Stories in die Entwicklungssprints und die finale Umsetzung zu gehen.<\/p>

Wurden dabei bestimmte oder sogar neue Designregeln angewandt? <\/strong><\/h3>

Von Regeln w\u00fcrde ich an der Stelle nicht sprechen, aber wir folgen ein paar Ans\u00e4tzen und Methoden, die ich n\u00e4her erl\u00e4utern k\u00f6nnte: Wir haben mit Polario z.B. mit dem Aufbau eines Design Systems<\/strong> begonnen. Dessen Ziel ist es einerseits ein gewisses Ma\u00df an Qualit\u00e4t zu garantieren und andererseits dem Produkt eine bessere Skalierbarkeit zu geben. Zu dem Design System geh\u00f6ren einmal die Prinzipien, welche ich zu Beginn schon mal erw\u00e4hnt habe, aber auch eine Mission und Vision, sowie eine gute Dokumentation aller Designbestandteile in Form einer Design Bibliothek.<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"Design\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t
Design Library Fonts & Colors<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Dies bedeutet, dass wir damit begonnen haben, Farben, Schriften, Abst\u00e4nde, Elemente wie Buttons, Textfelder und noch vieles mehr zu sammeln und zentriert an einem Ort zu verwalten. Damit stellen wir eine sogenannte Single Source of Truth<\/strong> bereit, auf die wir als Designer:innen aber auch Entwickler:innen zugreifen k\u00f6nnen. Anfang dieses Jahres sind wir daf\u00fcr auf das Programm Figma<\/a> umgestiegen, in dem wir mithilfe einer stetig wachsenden Bibliothek<\/strong> neue Designs erstellen und bestehende Designs dokumentieren. Somit k\u00f6nnen wir auf einfachem Wege f\u00fcr ein einheitliches App-Bild und mehr Qualit\u00e4t sorgen.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"Design\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t
Avatargr\u00f6\u00dfen in der Design Library<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Um w\u00e4hrend des Designprozesses Feedback aus dem Team einzuholen, veranstalten wir au\u00dferdem sogenannte Design Critiques<\/strong>. In diesen kleinen Meetings wird einer Runde verschiedener Mitarbeiter ein Design oder Konzept vorgestellt, Fragen gekl\u00e4rt und Verbesserungen oder Fehler eruiert. Damit k\u00f6nnen wir nicht nur das Design verbessern, sondern bleiben mit unserer Arbeit auch transparent und beziehen das gesamte Team mit ein.<\/p>

Inwieweit seid ihr auf die Bed\u00fcrfnisse der Nutzer eingegangen? <\/strong><\/h3>

Die Mitarbeiter:innen des Customer Support<\/strong> sind an dieser Stelle eine wertvolle Hilfe, da sie das direkte Bindeglied zwischen den Nutzer:innen, deren Anspr\u00fcchen und Bed\u00fcrfnissen und dem Design-Team darstellen. Ihr Input in der Konzeptionsarbeit und in Design Critique Meetings gibt uns stets einen guten Einblick darin, was funktioniert und wo Nutzer:innen oder Kund:innen Probleme bekommen k\u00f6nnten. Dabei spielen nat\u00fcrlich auch die Erfahrungen aus der MEA<\/a> eine gro\u00dfe Rolle, welche wir direkt in die Produktentwicklung einflie\u00dfen lassen.<\/p>

Auf Basis dessen haben wir zu Beginn des Projektes u.a. eine Reihe an sogenannten Personas<\/strong> erstellt. Dabei handelt es sich um fiktive Charaktere mit besonderen Eigenschaften und Eigenheiten, die wir an Stelle von realen Tester:innen in die Konzeption mit einbeziehen. Eine \u00e4ltere Dame mit Sehschw\u00e4che ist z.B. darauf angewiesen, dass sie sich die Texte innerhalb der App auch gr\u00f6\u00dfer anzeigen lassen kann. Ein wenig technikaffiner Mitarbeiter, muss w\u00e4hrenddessen in der Lage sein, ohne Problem im CMS einen Artikel anzulegen. Auf diese Art und Weise k\u00f6nnen wir die Bed\u00fcrfnisse sp\u00e4terer Nutzer:innen bereits im Vorfeld mit abdecken.<\/p>

Weiterhin nutzen wir nun vermehrt die Beschaffenheit der verschiedenen Plattformen und bieten unterschiedliche Bedienungen an, die an Android, Web und iOS speziell angepasst sind. Die Apps reagieren auf den Dark Mode<\/strong> des Ger\u00e4tes und ebenso wurde w\u00e4hrend Konzeption und Entwicklung verst\u00e4rkt auf das Thema Barrierefreiheit<\/strong> geachtet.<\/p>

Beim CMS sind wir darauf bedacht, dass sich die Oberfl\u00e4che leicht den Bed\u00fcrfnissen der Kund:innen anpassen l\u00e4sst und an m\u00f6glichst vielen Stellen Hilfestellungen<\/strong> bietet. Somit wollen wir die Selbstst\u00e4ndigkeit<\/strong> unserer Anwender:innen st\u00e4rken.<\/p>

Welche Herausforderungen gab es bei der Erstellung und Umsetzung des neuen Designs? <\/strong><\/h3>

Tats\u00e4chlich bildet die im vorigen Punkt genannte Barrierefreiheit<\/a> sehr oft eine Herausforderung. Gerade in Bezug auf die Lesbarkeit von Elementen<\/strong> m\u00fcssen wir hier immer mal gestalterische Abstriche machen. Ebenso muss stets abgewogen werden, inwieweit sich Plattformen unterscheiden d\u00fcrfen; schlie\u00dflich sollte man ein Feature und dessen Grundfunktionen im Plattformvergleich schon noch erkennen k\u00f6nnen.<\/p>

Im CMS ist und bleibt es hingegen die gr\u00f6\u00dfte Herausforderung, den enormen Umfang der Einstellungsm\u00f6glichkeiten<\/strong> so einfach und verst\u00e4ndlich wie m\u00f6glich aufzubereiten, ohne dabei Funktionalit\u00e4ten zu verlieren.<\/p>

Und dann ist da noch der Punkt, dass eine Feature-Entwicklung<\/a> eigentlich nie so richtig abgeschlossen ist. Seien es Ideen, die noch nicht umgesetzt werden konnten oder Verbesserungen, die man am Design vornehmen will \u2013 es gibt immer Dinge, an denen man weiter gestalten kann.<\/p>

Dies sind aber alles Themen, die zur t\u00e4glichen Arbeit dazugeh\u00f6ren. Bisher haben wir es im Team immer geschafft, jede Herausforderung souver\u00e4n zu meistern und ich bin zuversichtlich, dass dies auch weiterhin der Fall sein wird.<\/p>

\u00a0<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

In unserem Interview erl\u00e4utert Design Lead Ronja Leine die gestalterischen Grundlagen unserer Event und Community Plattform \u2013 Polario.<\/p>\n","protected":false},"author":11,"featured_media":14611,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[41],"tags":[282,284,281,96,79,283],"class_list":["post-14552","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-polario","tag-design","tag-design-library","tag-design-system","tag-interview-2","tag-polario-2","tag-ux-ui"],"yoast_head":"\nPolario Interview - Design System | Polario Blog<\/title>\n<meta name=\"description\" content=\"In unserem Interview erl\u00e4utert Design Lead Ronja Leine die gestalterischen Grundlagen unserer Event und Community Plattform \u2013 Polario.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/polario.app\/de\/designsystem\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Polario Interview - Design System\" \/>\n<meta property=\"og:description\" content=\"In unserem Interview erl\u00e4utert Design Lead Ronja Leine die gestalterischen Grundlagen unserer Event und Community Plattform \u2013 Polario.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/polario.app\/de\/designsystem\/\" \/>\n<meta property=\"og:site_name\" content=\"Polario\" \/>\n<meta property=\"article:published_time\" content=\"2022-01-06T10:31:38+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-07-22T12:45:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/polario.app\/wp-content\/uploads\/2022\/01\/Interview-Design-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"450\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Linh Vu\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Linh Vu\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"12\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/polario.app\/de\/designsystem\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/polario.app\/de\/designsystem\/\"},\"author\":{\"name\":\"Linh Vu\",\"@id\":\"https:\/\/polario.app\/de\/#\/schema\/person\/ee97c06cec1378095b423bf47601b8d3\"},\"headline\":\"Polario Interview – Design System\",\"datePublished\":\"2022-01-06T10:31:38+00:00\",\"dateModified\":\"2022-07-22T12:45:24+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/polario.app\/de\/designsystem\/\"},\"wordCount\":1983,\"publisher\":{\"@id\":\"https:\/\/polario.app\/de\/#organization\"},\"image\":{\"@id\":\"https:\/\/polario.app\/de\/designsystem\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/polario.app\/wp-content\/uploads\/2022\/01\/Interview-Design-1.jpg\",\"keywords\":[\"Design\",\"Design Library\",\"Design System\",\"Interview\",\"Polario\",\"UX\/UI\"],\"articleSection\":[\"Polario\"],\"inLanguage\":\"de\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/polario.app\/de\/designsystem\/\",\"url\":\"https:\/\/polario.app\/de\/designsystem\/\",\"name\":\"Polario Interview - Design System | Polario Blog\",\"isPartOf\":{\"@id\":\"https:\/\/polario.app\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/polario.app\/de\/designsystem\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/polario.app\/de\/designsystem\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/polario.app\/wp-content\/uploads\/2022\/01\/Interview-Design-1.jpg\",\"datePublished\":\"2022-01-06T10:31:38+00:00\",\"dateModified\":\"2022-07-22T12:45:24+00:00\",\"description\":\"In unserem Interview erl\u00e4utert Design Lead Ronja Leine die gestalterischen Grundlagen unserer Event und Community Plattform \u2013 Polario.\",\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/polario.app\/de\/designsystem\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/polario.app\/de\/designsystem\/#primaryimage\",\"url\":\"https:\/\/polario.app\/wp-content\/uploads\/2022\/01\/Interview-Design-1.jpg\",\"contentUrl\":\"https:\/\/polario.app\/wp-content\/uploads\/2022\/01\/Interview-Design-1.jpg\",\"width\":800,\"height\":450,\"caption\":\"Polario Design System mit Ronja Leine\"},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/polario.app\/de\/#website\",\"url\":\"https:\/\/polario.app\/de\/\",\"name\":\"Polario\",\"description\":\"Die Polario Website | Ihre All-in-One-L\u00f6sung f\u00fcr Events, Communities und mehr!\",\"publisher\":{\"@id\":\"https:\/\/polario.app\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/polario.app\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/polario.app\/de\/#organization\",\"name\":\"plazz AG\",\"alternateName\":\"plazz\",\"url\":\"https:\/\/polario.app\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/polario.app\/de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/polario.app\/wp-content\/uploads\/2021\/05\/Logo-Polario-by-plazz-AG.svg\",\"contentUrl\":\"https:\/\/polario.app\/wp-content\/uploads\/2021\/05\/Logo-Polario-by-plazz-AG.svg\",\"width\":1630,\"height\":500,\"caption\":\"plazz AG\"},\"image\":{\"@id\":\"https:\/\/polario.app\/de\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/polario.app\/de\/#\/schema\/person\/ee97c06cec1378095b423bf47601b8d3\",\"name\":\"Linh Vu\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/polario.app\/wp-content\/uploads\/2022\/05\/Kreis-FullSizeRender-150x150.jpg\",\"url\":\"https:\/\/polario.app\/wp-content\/uploads\/2022\/05\/Kreis-FullSizeRender-150x150.jpg\",\"contentUrl\":\"https:\/\/polario.app\/wp-content\/uploads\/2022\/05\/Kreis-FullSizeRender-150x150.jpg\",\"caption\":\"Linh Vu\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Polario Interview - Design System | Polario Blog","description":"In unserem Interview erl\u00e4utert Design Lead Ronja Leine die gestalterischen Grundlagen unserer Event und Community Plattform \u2013 Polario.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/polario.app\/de\/designsystem\/","og_locale":"de_DE","og_type":"article","og_title":"Polario Interview - Design System","og_description":"In unserem Interview erl\u00e4utert Design Lead Ronja Leine die gestalterischen Grundlagen unserer Event und Community Plattform \u2013 Polario.","og_url":"https:\/\/polario.app\/de\/designsystem\/","og_site_name":"Polario","article_published_time":"2022-01-06T10:31:38+00:00","article_modified_time":"2022-07-22T12:45:24+00:00","og_image":[{"width":800,"height":450,"url":"https:\/\/polario.app\/wp-content\/uploads\/2022\/01\/Interview-Design-1.jpg","type":"image\/jpeg"}],"author":"Linh Vu","twitter_card":"summary_large_image","twitter_misc":{"Verfasst von":"Linh Vu","Gesch\u00e4tzte Lesezeit":"12\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/polario.app\/de\/designsystem\/#article","isPartOf":{"@id":"https:\/\/polario.app\/de\/designsystem\/"},"author":{"name":"Linh Vu","@id":"https:\/\/polario.app\/de\/#\/schema\/person\/ee97c06cec1378095b423bf47601b8d3"},"headline":"Polario Interview – Design System","datePublished":"2022-01-06T10:31:38+00:00","dateModified":"2022-07-22T12:45:24+00:00","mainEntityOfPage":{"@id":"https:\/\/polario.app\/de\/designsystem\/"},"wordCount":1983,"publisher":{"@id":"https:\/\/polario.app\/de\/#organization"},"image":{"@id":"https:\/\/polario.app\/de\/designsystem\/#primaryimage"},"thumbnailUrl":"https:\/\/polario.app\/wp-content\/uploads\/2022\/01\/Interview-Design-1.jpg","keywords":["Design","Design Library","Design System","Interview","Polario","UX\/UI"],"articleSection":["Polario"],"inLanguage":"de"},{"@type":"WebPage","@id":"https:\/\/polario.app\/de\/designsystem\/","url":"https:\/\/polario.app\/de\/designsystem\/","name":"Polario Interview - Design System | Polario Blog","isPartOf":{"@id":"https:\/\/polario.app\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/polario.app\/de\/designsystem\/#primaryimage"},"image":{"@id":"https:\/\/polario.app\/de\/designsystem\/#primaryimage"},"thumbnailUrl":"https:\/\/polario.app\/wp-content\/uploads\/2022\/01\/Interview-Design-1.jpg","datePublished":"2022-01-06T10:31:38+00:00","dateModified":"2022-07-22T12:45:24+00:00","description":"In unserem Interview erl\u00e4utert Design Lead Ronja Leine die gestalterischen Grundlagen unserer Event und Community Plattform \u2013 Polario.","inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/polario.app\/de\/designsystem\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/polario.app\/de\/designsystem\/#primaryimage","url":"https:\/\/polario.app\/wp-content\/uploads\/2022\/01\/Interview-Design-1.jpg","contentUrl":"https:\/\/polario.app\/wp-content\/uploads\/2022\/01\/Interview-Design-1.jpg","width":800,"height":450,"caption":"Polario Design System mit Ronja Leine"},{"@type":"WebSite","@id":"https:\/\/polario.app\/de\/#website","url":"https:\/\/polario.app\/de\/","name":"Polario","description":"Die Polario Website | Ihre All-in-One-L\u00f6sung f\u00fcr Events, Communities und mehr!","publisher":{"@id":"https:\/\/polario.app\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/polario.app\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/polario.app\/de\/#organization","name":"plazz AG","alternateName":"plazz","url":"https:\/\/polario.app\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/polario.app\/de\/#\/schema\/logo\/image\/","url":"https:\/\/polario.app\/wp-content\/uploads\/2021\/05\/Logo-Polario-by-plazz-AG.svg","contentUrl":"https:\/\/polario.app\/wp-content\/uploads\/2021\/05\/Logo-Polario-by-plazz-AG.svg","width":1630,"height":500,"caption":"plazz AG"},"image":{"@id":"https:\/\/polario.app\/de\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/polario.app\/de\/#\/schema\/person\/ee97c06cec1378095b423bf47601b8d3","name":"Linh Vu","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/polario.app\/wp-content\/uploads\/2022\/05\/Kreis-FullSizeRender-150x150.jpg","url":"https:\/\/polario.app\/wp-content\/uploads\/2022\/05\/Kreis-FullSizeRender-150x150.jpg","contentUrl":"https:\/\/polario.app\/wp-content\/uploads\/2022\/05\/Kreis-FullSizeRender-150x150.jpg","caption":"Linh Vu"}}]}},"_links":{"self":[{"href":"https:\/\/polario.app\/de\/wp-json\/wp\/v2\/posts\/14552","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/polario.app\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/polario.app\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/polario.app\/de\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/polario.app\/de\/wp-json\/wp\/v2\/comments?post=14552"}],"version-history":[{"count":12,"href":"https:\/\/polario.app\/de\/wp-json\/wp\/v2\/posts\/14552\/revisions"}],"predecessor-version":[{"id":33529,"href":"https:\/\/polario.app\/de\/wp-json\/wp\/v2\/posts\/14552\/revisions\/33529"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/polario.app\/de\/wp-json\/wp\/v2\/media\/14611"}],"wp:attachment":[{"href":"https:\/\/polario.app\/de\/wp-json\/wp\/v2\/media?parent=14552"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/polario.app\/de\/wp-json\/wp\/v2\/categories?post=14552"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/polario.app\/de\/wp-json\/wp\/v2\/tags?post=14552"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}