[{"data":1,"prerenderedAt":165},["ShallowReactive",2],{"navigation":3,"about":30,"mdc-u552uj-key":103},[4],{"title":5,"path":6,"stem":7,"children":8,"page":29},"Blog","/blog","blog",[9,13,17,21,25],{"title":10,"path":11,"stem":12},"From Mockup to Market: My End-to-End Product Design Process","/blog/from-mockup-to-market","blog/from-mockup-to-market",{"title":14,"path":15,"stem":16},"How I Built My Design System from Scratch","/blog/how-i-built-my-own-design-system-from-scratch","blog/how-i-built-my-own-design-system-from-scratch",{"title":18,"path":19,"stem":20},"Modal-Dialoge im UX-Design: Best Practices, häufige Fehler und echte Beispiele","/blog/modal-dialoge","blog/modal-dialoge",{"title":22,"path":23,"stem":24},"The Psychology of Color in UI Design","/blog/psychology-of-color-in-ui-design","blog/psychology-of-color-in-ui-design",{"title":26,"path":27,"stem":28},"The Case for Slow Design in a Fast-Paced Digital World","/blog/slow-design-in-fast-paced-digital-world","blog/slow-design-in-fast-paced-digital-world",false,{"id":31,"title":32,"body":33,"content":55,"cta":80,"description":37,"extension":81,"facts":82,"images":87,"intro":38,"meta":91,"navigation":92,"path":93,"portrait":94,"seo":95,"stem":96,"values":97,"__hash__":102},"about/about.yml","Über mich",{"seo":34,"title":32,"description":37,"intro":38,"portrait":39,"facts":42,"content":55,"values":56,"images":67,"cta":77},{"title":35,"description":36},"Über mich – Roland Kainbacher, Design & Code","Roland Kainbacher ist UX/UI-Designer und Front-End-Entwickler aus Vorarlberg – mit über 15 Jahren Erfahrung in Branding, Webdesign und Entwicklung.","Als UX/UI-Designer und Front-End-Entwickler mit über 15 Jahren Erfahrung gestalte ich benutzerzentrierte digitale Erlebnisse. Mein Ansatz verbindet kreative Strategien mit technischem Fachwissen, um Konzepte in funktionale, zielgerichtete digitale Produkte zu transformieren, die Design und Technologie nahtlos integrieren.","Hi, ich bin Roland — UX/UI-Designer und Front-End-Entwickler aus Vorarlberg. Ich gestalte digitale Produkte, die nicht nur funktionieren, sondern sich auch gut anfühlen.",{"src":40,"alt":41},"/roland.jpg","Roland Kainbacher",[43,46,49,52],{"value":44,"label":45},"15+","Jahre Erfahrung",{"value":47,"label":48},"2010","Gründung",{"value":50,"label":51},"Design & Code","aus einer Hand",{"value":53,"label":54},"Vorarlberg","mit starkem Netzwerk","Mein Weg begann an der **FH Vorarlberg**, wo ich mein Wissen in Interactive Design vertiefte. Dort entdeckte ich meine Leidenschaft für die visuelle Sprache des Designs und das logische Rätsel des Codes. Seitdem habe ich meine Fähigkeiten in beiden Bereichen verfeinert, da ich glaube, dass die besten digitalen Produkte aus einem tiefen Verständnis sowohl für Ästhetik als auch für Implementierung entstehen.\n\nNicht jedes Projekt braucht beides: Viele Agenturen und Designer:innen holen mich als **Entwicklungspartner** an Bord, um ihre Entwürfe sauber mit Vue.js und Nuxt umzusetzen. Und wenn ein Projekt größer wird, stelle ich gemeinsam mit meinem Netzwerk aus Fotografie, Kommunikationsdesign und Hosting genau das Team zusammen, das es braucht.\n\nDamit eine Website nicht nur gut aussieht, sondern auch wirkt, kümmere ich mich um **SEO** und die Sichtbarkeit in KI-Suchen wie ChatGPT oder Perplexity. Und wo sich Arbeit wiederholt, baue ich **Automatisierungen** – von Schnittstellen und Datenimporten bis zur Integration von KI in bestehende Abläufe.\n\nWas mich an dieser Arbeit begeistert, ist das ständige Lernen und die Herausforderung, komplexe Ideen in einfache, elegante Lösungen zu übersetzen. Es gibt nichts Belohnenderes, als zu sehen, wie ein Design zum Leben erweckt wird und zu wissen, dass es die digitale Interaktion für jemanden einfacher oder angenehmer macht.\n\nWenn ich nicht designe oder code, findet man mich oft auf dem Rennrad oder im Winter beim Tourengehen oder beim Skifahren. Gelegentlich arbeite ich auch an Open-Source-Projekten mit.\n",{"title":57,"items":58},"Haltung",[59,62,65],{"title":60,"description":61},"Empathie","Großartiges Design beginnt mit dem Verständnis des „Warum“ — den Bedürfnissen, Motivationen und Schmerzpunkten der Menschen, die es nutzen.",{"title":63,"description":64},"Problemlösung","Forschung, iterative Prototypen in Figma und Tests mit echten Nutzern stellen sicher, dass Lösungen wirklich funktionieren.",{"title":50,"description":66},"Ob pixelgenaues UI oder sauberer Vue.js/Nuxt-Code — Funktionalität und Schönheit gehen Hand in Hand, ohne Reibungsverluste bei der Übergabe.",[68,71,74],{"src":69,"alt":70},"/about/kaffee.jpg","Mein Arbeitsplatz mit Kaffee",{"src":72,"alt":73},"/startupland_klein1_fs19-74.jpg","Austausch bei Startupland",{"src":75,"alt":76},"/about/radrahren.jpg","Mennelpass",{"title":78,"description":79},"Wie wär's mit einem Kennenlernen?","Jedes Projekt beginnt mit einem Gespräch — unverbindlich, ehrlich und offen. Schreib mir, und wir finden gemeinsam heraus, wohin die Reise geht.",{"title":78,"description":79},"yml",[83,84,85,86],{"value":44,"label":45},{"value":47,"label":48},{"value":50,"label":51},{"value":53,"label":54},[88,89,90],{"src":69,"alt":70},{"src":72,"alt":73},{"src":75,"alt":76},{},true,"/about",{"src":40,"alt":41},{"title":35,"description":36},"about",{"title":57,"items":98},[99,100,101],{"title":60,"description":61},{"title":63,"description":64},{"title":50,"description":66},"uVjSV9hXwyiDjsl4_LX2ocwJoIR8BHL3Jkpfm6tfasg",{"data":104,"body":105},{},{"type":106,"children":107},"root",[108,124,136,155,160],{"type":109,"tag":110,"props":111,"children":112},"element","p",{},[113,116,122],{"type":114,"value":115},"text","Mein Weg begann an der ",{"type":109,"tag":117,"props":118,"children":119},"strong",{},[120],{"type":114,"value":121},"FH Vorarlberg",{"type":114,"value":123},", wo ich mein Wissen in Interactive Design vertiefte. Dort entdeckte ich meine Leidenschaft für die visuelle Sprache des Designs und das logische Rätsel des Codes. Seitdem habe ich meine Fähigkeiten in beiden Bereichen verfeinert, da ich glaube, dass die besten digitalen Produkte aus einem tiefen Verständnis sowohl für Ästhetik als auch für Implementierung entstehen.",{"type":109,"tag":110,"props":125,"children":126},{},[127,129,134],{"type":114,"value":128},"Nicht jedes Projekt braucht beides: Viele Agenturen und Designer:innen holen mich als ",{"type":109,"tag":117,"props":130,"children":131},{},[132],{"type":114,"value":133},"Entwicklungspartner",{"type":114,"value":135}," an Bord, um ihre Entwürfe sauber mit Vue.js und Nuxt umzusetzen. Und wenn ein Projekt größer wird, stelle ich gemeinsam mit meinem Netzwerk aus Fotografie, Kommunikationsdesign und Hosting genau das Team zusammen, das es braucht.",{"type":109,"tag":110,"props":137,"children":138},{},[139,141,146,148,153],{"type":114,"value":140},"Damit eine Website nicht nur gut aussieht, sondern auch wirkt, kümmere ich mich um ",{"type":109,"tag":117,"props":142,"children":143},{},[144],{"type":114,"value":145},"SEO",{"type":114,"value":147}," und die Sichtbarkeit in KI-Suchen wie ChatGPT oder Perplexity. Und wo sich Arbeit wiederholt, baue ich ",{"type":109,"tag":117,"props":149,"children":150},{},[151],{"type":114,"value":152},"Automatisierungen",{"type":114,"value":154}," – von Schnittstellen und Datenimporten bis zur Integration von KI in bestehende Abläufe.",{"type":109,"tag":110,"props":156,"children":157},{},[158],{"type":114,"value":159},"Was mich an dieser Arbeit begeistert, ist das ständige Lernen und die Herausforderung, komplexe Ideen in einfache, elegante Lösungen zu übersetzen. Es gibt nichts Belohnenderes, als zu sehen, wie ein Design zum Leben erweckt wird und zu wissen, dass es die digitale Interaktion für jemanden einfacher oder angenehmer macht.",{"type":109,"tag":110,"props":161,"children":162},{},[163],{"type":114,"value":164},"Wenn ich nicht designe oder code, findet man mich oft auf dem Rennrad oder im Winter beim Tourengehen oder beim Skifahren. Gelegentlich arbeite ich auch an Open-Source-Projekten mit.",1792831448849]