[{"data":1,"prerenderedAt":743},["ShallowReactive",2],{"header-blog":3,"header-jobs":288,"blog-page-3":293},[4,84],{"id":5,"title":6,"author":7,"body":8,"date":63,"description":42,"extension":64,"keywords":65,"meta":73,"navigation":74,"openGraphImage":75,"path":76,"seo":77,"seoDescription":78,"seoTitle":79,"stem":80,"tags":81,"teaser":82,"__hash__":83},"blog/blog/neue-karriereseite.md","Hypercode wants you!","Team Hypercode",{"type":9,"value":10,"toc":60},"minimark",[11,44,52],[12,13,16,17],"a",{"href":14,"style":15},"/karriere/","display: block; margin-bottom: 24px;","\n  ",[18,19,23,24,16],"figure",{"className":20},[21,22],"article__image","article__image--offgrid","\n    ",[25,26,27,28,27,33,27,37,23],"picture",{},"\n      ",[29,30],"source",{"type":31,"srcSet":32},"image/webp","/images/blog/karriereseite.webp 1x",[29,34],{"type":35,"srcSet":36},"image/jpeg","/images/blog/karriereseite.jpg 1x",[38,39],"img",{"src":40,"alt":41,"title":42,"loading":43},"/images/blog/karriereseite.jpg","Karriere bei Hypercode","","lazy",[45,46,47,48,51],"p",{},"Was macht die Arbeit bei Hypercode aus? Welche Werte vertreten wir? Und natürlich: Auf welchen Positionen benötigen wir derzeit Unter­stützung? Die neue Karriere­seite ist eine erste Anlauf­stelle, um uns auch jenseits unserer Projekte kennen­zulernen. Wenn du Interesse an der Konzeption, Gestaltung und Umsetzung von spannenden Digital­projekten hast – oder jemanden kennst, für den/die das was wäre – wirf gerne einen Blick auf ",[12,49,50],{"href":14},"hypercode.de/karriere",".",[45,53,54,55,59],{},"Tatsächlich hat das für uns in der kurzen Zeit seit dem Start bereits hervor­ragend funktioniert – die ersten Stellen sind bereits besetzt. Dafür haben wir heute noch eine Aus­schreibung für eine ",[12,56,58],{"href":57},"/jobs/initiativbewerbung-development/","Initiativ­bewerbung im Development"," ergänzt.",{"title":42,"searchDepth":61,"depth":61,"links":62},2,[],"2026-04-07 14:00","md",[66,67,68,69,70,71,72],"karriereseite","jobs hypercode","karriere","team","digital product studio","stellenangebote","pulheim köln",{"draft":74},true,"/images/opengraph/jobdetails.jpg","/blog/neue-karriereseite",{"title":6,"description":42},"Die neue Hypercode-Karriereseite gibt Einblick in Kultur, Werte und offene Jobs – für alle, die an spannenden Digitalprojekten arbeiten möchten.","Karriere bei Hypercode – Neue Karriereseite","blog/neue-karriereseite",[69],"Mit \u003Ca href=\"/blog/new-website/\">dem Relaunch\u003C/a> haben wir unsere \u003Ca href=\"/karriere/\">neue Karriereseite\u003C/a> veröffent­licht, die Bewerber­*innen auch jenseits der Jobportale einen noch besseren Über­blick über die Kultur und Arbeit bei Hypercode ver­mitteln soll – und sich erfreulicher­weise bereits großer Beliebt­heit erfreut.","FFr3kBswFlaj9P-M0PTE98CVoqpk_waN2XhksJoAwAA",{"id":85,"title":86,"author":7,"body":87,"date":267,"description":42,"extension":64,"keywords":268,"meta":275,"navigation":74,"openGraphImage":276,"path":277,"seo":278,"seoDescription":279,"seoTitle":280,"stem":281,"tags":282,"teaser":286,"__hash__":287},"blog/blog/new-website.md","Welcome to the new hypercode.de!",{"type":9,"value":88,"toc":258},[89,95,114,119,122,134,138,150,154,185,188,226,234],[90,91],"content-mux-video",{"playback-id":92,":hide-play-button":93,"style":94},"53SLkUvOx5kQGA44XR8Vw3HpXqUu12301tNM2VV9Y68o","true","margin-block: -1.75rem !important;",[45,96,97,98,102,103,113],{},"Die neue ",[12,99,101],{"href":100},"/","hypercode.de"," ist kein Relaunch um des Relaunches willen. Sie ist das Ergebnis der Frage, wie wir das, was uns und unsere Arbeit ausmacht, noch besser sichtbar machen können. Denn es ist einiges passiert: Hypercode ist gewachsen, unser Portfolio hat sich weiter­entwickelt und unser Anspruch an die eigene Außen­darstellung ebenfalls",[104,105,106],"sup",{},[12,107,112],{"href":108,"ariaDescribedBy":109,"dataFootnoteRef":42,"id":111},"#user-content-fn-1",[110],"footnote-label","user-content-fnref-1","1",". Die neue Website greift das auf: Sie erzählt direkter, zeigt mehr und spricht klarer aus, was wir für unsere Kund­*innen leisten.",[115,116,118],"h2",{"id":117},"show-dont-tell","Show, don't tell",[45,120,121],{},"Was schon in der Vorgänger­version angelegt war, haben wir konsequent weiter­gedacht: Hypercode ist ein Digital Product Studio mit eigenem, hohem (Qualitäts-)Anspruch – und genau das soll die Website vom ersten Moment an vermitteln. Der neue Auftritt setzt auf mehr Kontrast, stärkere Akzente und eine Bild­sprache, die unsere Arbeit unmittelbar erlebbar macht. Weniger erklären, mehr zeigen.",[45,123,124,125,129,130,133],{},"Deshalb zeigt die neue hypercode.de deutlich mehr Bewegtbild – direkt aus unseren Projekten, nicht aus Stock-Archiven. Ergänzt wird das durch ",[12,126,128],{"href":127},"/projekte/","zahlreiche neue Case Studies",", die unsere Projekte von Strategie über Konzeption bis zur Umsetzung konkret nach­vollziehbar machen. Vom ",[12,131,132],{"href":100},"Showreel auf der Startseite"," bis zu jedem einzelnen Projekt-Screencast: Die neue Website macht unsere Arbeit so greifbar wie nie zuvor.",[115,135,137],{"id":136},"spotlight-unsere-leistungen","Spotlight: Unsere Leistungen",[45,139,140,141,145,146,149],{},"Ein zentraler Bestandteil der neuen Informations­architektur sind unsere neu gedachten Leistungs­seiten, die präzise aufzeigen, wie wir arbeiten und was dabei entsteht. Das gliedern wir in ",[142,143,144],"strong",{},"What We Do",", also wo unsere Expertise liegt, und ",[142,147,148],{},"What We Create",", welche Outcomes für und mit unseren Kund*innen wir damit erreichen:",[151,152,144],"h3",{"id":153},"what-we-do",[155,156,157,167,176],"ul",{},[158,159,160,166],"li",{},[142,161,162],{},[12,163,165],{"href":164},"/leistungen/produktstrategie-und-architektur/","Produkt­strategie & Architektur"," – Wir helfen bei der Entwicklung der Digital­strategie und Produkt­idee, beraten bei der Technologie­auswahl und Architektur und identifi­zie­ren frühzeitig Lösungs­ansätze durch die Analyse angrenzender Geschäfts­prozesse.",[158,168,169,175],{},[142,170,171],{},[12,172,174],{"href":173},"/leistungen/konzeption-und-design/","Konzeption & Design"," – Durch eine auf Kund­*innen abgestimmte Design­sprache schaffen wir ansprechende User Experiences. Unsere Nähe zum Development ermög­licht uns dabei die verlust­freie Realisierung komplexer Design­anforderungen.",[158,177,178,184],{},[142,179,180],{},[12,181,183],{"href":182},"/leistungen/development/","Software- & Web-Entwicklung"," – Als tatkräftiger Implementierungs­partner entwickeln wir hoch­performante, intuitiv bedienbare Mobile Apps, Web-Apps, Konfiguratoren, Websites und Web-Services, die ihre Nutzer­*innen begeistern.",[151,186,148],{"id":187},"what-we-create",[155,189,190,199,208,217],{},[158,191,192,198],{},[142,193,194],{},[12,195,197],{"href":196},"/leistungen/mobile-apps/","Mobile Apps für iOS & Android"," – Wir entwickeln mobile Anwendungen, die auf allen Plattformen überzeugen – technisch präzise, gestalterisch klar und optimal integriert. Von hybriden Architekturen bis zur nahtlosen Nutzung nativer Funktionen.",[158,200,201,207],{},[142,202,203],{},[12,204,206],{"href":205},"/leistungen/corporate-websites/","Corporate Websites"," – Wir gestalten und entwickeln individuelle Web­auftritte, die komplexe Inhalte klar strukturieren, technologische Exzellenz vermitteln und durch beste Performance und spannende Interaktionen in der Nutzer­führung überzeugen.",[158,209,210,216],{},[142,211,212],{},[12,213,215],{"href":214},"/leistungen/web-apps-und-produktkonfiguratoren/","Web-Apps & Produkt­konfiguratoren"," – Interaktive Tools, die Entscheidungen erleichtern und Prozesse beschleunigen: modular, skalierbar und optimal integriert in bestehende Systeme und Geschäfts­modelle.",[158,218,219,225],{},[142,220,221],{},[12,222,224],{"href":223},"/leistungen/individual-software/","Individual­software"," – Wenn Standard­lösungen an Grenzen stoßen, entwickeln wir maßge­schneiderte Software, die genau auf die jeweiligen Anforderungen zuge­schnitten ist. Modular gedacht, skalierbar umgesetzt – mit klarem Fokus auf Wart­barkeit und Effizienz.",[45,227,228,229,233],{},"Dazwischen findet ihr das ein oder andere Easter Egg, denn auch ein Business-Auftritt sollte unserer Meinung nach Spaß machen.  🐣 Viel Spaß beim Erkunden der neuen Inhalte – und wie immer freuen wir uns über ",[12,230,232],{"href":231},"/kontakt/","Feedback und Anregungen","!",[235,236,239,244],"section",{"className":237,"dataFootnotes":42},[238],"footnotes",[115,240,243],{"className":241,"id":110},[242],"sr-only","Footnotes",[245,246,247],"ol",{},[158,248,250,251],{"id":249},"user-content-fn-1","Tatsächlich ist es so, dass unsere Kund*innen den Prozess schon länger verfolgen konnten, denn unsere Präsentation, Kommunikation, etc. spiegelt das alles – samt der neuen Farbwelten – bereits seit einigen Monaten wider. ",[12,252,257],{"href":253,"ariaLabel":254,"className":255,"dataFootnoteBackref":42},"#user-content-fnref-1","Back to reference 1",[256],"data-footnote-backref","↩",{"title":42,"searchDepth":61,"depth":61,"links":259},[260,261,266],{"id":117,"depth":61,"text":118},{"id":136,"depth":61,"text":137,"children":262},[263,265],{"id":153,"depth":264,"text":144},3,{"id":187,"depth":264,"text":148},{"id":110,"depth":61,"text":243},"2026-03-10 10:00",[269,270,271,272,273,274,70],"website launch","hypercode 3.0","showreel","case studies","leistungsseiten","informationsarchitektur",{},"/images/opengraph/new-website-3.0.jpg","/blog/new-website",{"title":86,"description":42},"Unsere neue hypercode.de ist live: mit klarerem Profil, mehr Kontrast, neuem Showreel und neuen Case Studies. Der Fokus: echte Projekteinblicke und präzise Darstellung unserer Arbeit.",null,"blog/new-website",[283,284,285],"projects","design","development","Nach Monaten des Entwickelns, Textens und der Medien­produktion ist es endlich so weit: Wir freuen uns, euch unsere neue, konsequent weiter gedachte Website zu präsentieren – mit klarerem Profil, mehr Farbe, neuem Showreel, neuen Leistungs­seiten, zahl­reichen Case Studies und jeder Menge Bewegtbild aus echten Projekten.","Y1FW7dwUguvoFinDP8pu0IjmSdwKGUvdr6LEnSimWS8",[289,291],{"title":290},"Initiativbewerbung Development (m/w/d)",{"title":292},"Senior Frontend-Entwickler*in (m/w/d)",[294,425,496,620,692],{"id":295,"title":296,"author":7,"body":297,"date":407,"description":42,"extension":64,"keywords":408,"meta":415,"navigation":74,"openGraphImage":416,"path":417,"seo":418,"seoDescription":419,"seoTitle":420,"stem":421,"tags":422,"teaser":423,"__hash__":424},"blog/blog/awork-raycast-extension.md","awork × Raycast – Unsere Lieblings-Projekt­management­software trifft auf unseren Lieblings-Launcher",{"type":9,"value":298,"toc":405},[299,318,321,328,346,363,381],[18,300,16,305],{"className":301,"style":304},[21,302,303],"article__image--photo","article__image--float-right","display: flex; flex-direction: column; align-items: center;",[306,307,23,310,23,314,16],"video",{"muted":74,"autoPlay":74,"playsInline":74,"loop":74,"poster":308,"style":309},"/videos/blog/awork-raycast-extension.jpg","width: 100%; max-width: 450px; border-radius: 16px;",[29,311],{"src":312,"type":313},"/videos/blog/awork-raycast-extension.mp4","video/mp4",[29,315],{"src":316,"type":317},"/videos/blog/awork-raycast-extension.webm","video/webm",[45,319,320],{},"Als Digital Product Studio, das überwiegend im Kunden­auftrag agiert, sind für uns eine effiziente Ressourcen­planung, präzise Projekt­kommunikation und eine unter­brechungs­freie Zeiter­fassung das A und O einer funktionierenden Organisation.",[45,322,323,324,327],{},"Nach einer – wie wir dachten – endlosen Suche nach dem idealen Projekt­management-Tool sind wir im Sommer 2023 auf ",[142,325,326],{},"awork"," gestoßen. Schnell wurde klar: Die Lösung aus Hamburg vereint endlich all jene Anforderungen, die für uns zentral sind – Kommunikation, Planung und Zeiterfassung – in einer Plattform. Einer Plattform, die nicht nur ansprechend gestaltet ist und kontinuierlich weiter­entwickelt wird, sondern dank offener APIs und guter Dokumentation auch Spielraum für individuelle Erweiterungen lässt.",[45,329,330,331,334,335,340,341,345],{},"Und da wir im Team zudem große Fans des erweiter­baren Application-Launchers ",[142,332,333],{},"Raycast"," sind, war für uns schnell klar: Wir brauchen eine Raycast-Extension, mit der wir direkt in awork suchen, Projekte & Aufgaben öffnen oder Zeiten mit wenigen Tasten­kombinationen erfassen können (wir empfehlen ",[336,337,339],"code",{"style":338},"display: inline-block; background-color: rgba(0, 0, 0, 0.1); padding: 1px 5px; border-radius: 4px;","Hyperkey+A","). Um somit direkt von überall aus mit awork inter­agieren zu können – ob nun zur Referenz einer Aufgabe, während wir in Figma designen; zur Zeitbuchung nach einem erfolgreichen Pull Request oder weil wir die Mailadresse eines Projekts brauchen (Tipp: ",[336,342,344],{"style":343},"display: inline-block; background-color: rgba(0, 0, 0, 0.1); padding: 0 4px; border-radius: 4px;","⌃E","), um eine E-Mail dorthin weiterzuleiten.",[45,347,348,349,356,357,362],{},"Seit einigen Monaten setzen wir unsere awork-Extension für Raycast nun schon intern ein – und sie ist aus unserem Arbeits­alltag nicht mehr wegzudenken. Nach einem sehr positiven Austausch mit dem awork-Team stand fest: Wir veröffentlichen die Extension ",[12,350,355],{"href":351,"target":352,"rel":353},"https://www.raycast.com/hypercode/awork","_blank",[354],"noopener","kostenlos im Raycast Store",", damit auch andere Teams und Nutzer­*innen von awork und Raycast ihre Arbeits­prozesse damit verein­fachen und beschleunigen können. Alles was dazu nötig ist, ist die Einrichtung eines API-Clients in awork, was komfortabel über das User Interface erledigt werden kann und ",[12,358,361],{"href":359,"target":352,"rel":360},"https://support.awork.com/en/articles/10323196-raycast-integration",[354],"in diesem awork-Support­dokument"," nochmal genau beschrieben wird.",[45,364,365,368,371,372,374],{},[142,366,367],{},"👉 Jetzt mehr erfahren:",[369,370],"br",{},"\nAlle Infos zur Extension, Einrichtung & Features findest du auf unserer Projektseite:",[369,373],{},[142,375,376,377],{},"→ ",[12,378,380],{"href":379},"/projekte/awork-raycast/","hypercode.de/projekte/awork-raycast",[45,382,383,386,388,389,394,395,400,401,404],{},[142,384,385],{},"🚀 Feedback erwünscht!",[369,387],{},"\nWir freuen uns über Feedback, Feature-Wünsche oder einfach ein kurzes „Gefällt mir“ – am liebsten via ",[12,390,393],{"href":391,"target":352,"rel":392},"https://www.linkedin.com/company/hypercode-gmbh/",[354],"LinkedIn",", ",[12,396,399],{"href":397,"target":352,"rel":398},"https://www.instagram.com/HypercodeStudio",[354],"Instagram"," oder direkt ",[12,402,403],{"href":231},"per Mail",". ☺️",{"title":42,"searchDepth":61,"depth":61,"links":406},[],"2025-04-15 15:30",[326,409,410,411,412,413,414],"raycast","extension","projektmanagement","zeiterfassung","api integration","macos workflow",{},"/images/opengraph/awork-raycast-extension.jpg","/blog/awork-raycast-extension",{"title":296,"description":42},"Für Raycast haben wir eine kostenlose awork-Extension entwickelt, die Projekt- und Aufgabensuche sowie Zeiterfassung direkt im Launcher ermöglicht. So verbindet die Integration das Workmanagement-Tool awork mit schnellen Workflows für macOS und künftig auch Windows.","awork × Raycast: Projektmanagement im Launcher","blog/awork-raycast-extension",[285,283],"Für \u003Ca href='https://www.raycast.com/' target='_blank' rel='noopener'>Raycast\u003C/a> – den beliebten und erweiterbaren Application-Launcher für macOS (und bald auch Windows) – haben wir eine kostenlose Extension entwickelt, die \u003Ca href='https://www.awork.com/' target='_blank' rel='noopener'>awork\u003C/a> – das leistungsstarke und intuitive Workmanagement-Tool aus Deutschland – integriert und so direkt aus Raycast heraus die Projekt- und Aufgabensuche, sowie Zeiterfassung ermöglicht.","PziiyYakRKi-op87bKAtI1n1EneQQcWj26K1xSJKMxI",{"id":426,"title":427,"author":7,"body":428,"date":478,"description":42,"extension":64,"keywords":479,"meta":487,"navigation":74,"openGraphImage":488,"path":489,"seo":490,"seoDescription":280,"seoTitle":491,"stem":492,"tags":493,"teaser":494,"__hash__":495},"blog/blog/werkstudent-bei-hypercode.md","Wertvolle Einblicke, bleibende Verstärkung – Studentisches Praktikum & Werkstudent bei Hypercode",{"type":9,"value":429,"toc":476},[430,446,454,466,469],[18,431,16,434],{"className":432,"style":433},[21,302,303],"display: flex; flex-direction: column; align-items: center; max-width: 450px; margin: 0 auto;",[25,435,23,436,23,439,23,442,16],{},[29,437],{"srcSet":438,"type":35},"/images/blog/werkstudent-bei-hypercode-2025@2x.jpg",[29,440],{"srcSet":441,"type":31},"/images/blog/werkstudent-bei-hypercode-2025@2x.webp",[38,443],{"src":444,"alt":445,"title":42,"loading":43},"/images/blog/werkstudent-bei-hypercode-2025.jpg","Werkstudent bei Hypercode",[45,447,448,449,453],{},"Auf Anregung von ",[12,450,452],{"href":451},"/blog/vom-praktikum-zum-werkstudenten/","unserem Kollegen Timo",", der zuvor dieselben Stationen bei uns durchlaufen ist, haben wir besonderen Wert auf eine intensive Betreuung zum Einstieg gelegt. So konnte sich Malte mit kleineren Aufgaben rasch in unsere Technologien – insbesondere TypeScript, Vue.js und hybride Modul-Apps – einarbeiten.",[45,455,456,457,460,461,465],{},"Schon bald übernahm er eigen­verant­wortlich ein spannendes Projekt: Nach gemeinsamer Konzeption und technischer Planung entwickelte Malte einen interaktiven Lageplan mit GPS-Verortung und dynamischer Wegführung. Die fertige Web-App steht Besucher­*innen des ",[142,458,459],{},"Walzwerks"," seit Ende letzten Jahres ",[12,462,464],{"href":463},"/blog/walzwerk-app/","produktiv zur Verfügung",". Mit seinem technischen Verständnis, einer schnellen Auf­fassungs­gabe und einem hohen Qualitäts­anspruch hat uns Malte dabei voll überzeugt – und sich so zügig für weitere, größere Projekte empfohlen.",[45,467,468],{},"Während seines Praktikums konnte er nicht nur sein theoretisches Wissen aus dem Studium praktisch anwenden – etwa durch die Über­tragung von Programmier­prinzipien auf die Web- und App-Entwicklung – sondern auch erste Erfahrungen im direkten Umgang mit Kund­*innen sammeln. Seit Februar ist Malte nun offiziell als Werk­student Teil unseres Teams – und wir freuen uns sehr über seine engagierte und zuver­lässige Mitarbeit.",[45,470,471,475],{},[472,473,474],"em",{},"Lieber Malte, schön, dass du Teil von Hypercode bist. Wir freuen uns auf die weitere Zusammen­arbeit mit dir!"," ☺️",{"title":42,"searchDepth":61,"depth":61,"links":477},[],"2025-03-28 13:00",[480,481,482,483,484,485,486],"praktikum","werkstudent","malte","typescript","vue.js","walzwerk app","web-entwicklung",{},"/images/opengraph/werkstudent-bei-hypercode-2025.jpg","/blog/werkstudent-bei-hypercode",{"title":427,"description":42},"Praktikum & Werkstudent bei Hypercode: Malte","blog/werkstudent-bei-hypercode",[69],"Nach unserem ersten “Praktikant goes Werkstudent” freuen wir uns, ein weiteres vertrautes Gesicht im Team zu behalten: \u003Cstrong>Malte\u003C/strong>, Infor­matik­student an der \u003Ca href='https://www.th-koeln.de/' target='_blank' rel='noopener'>TH Köln\u003C/a>, hat im Herbst letzten Jahres sein Praxis­semester bei uns begonnen und bleibt nun als Werk­student Teil von Hypercode.","H9ti5fnUrqnLGDjNkh6Xkd0k6M8jcg4pFR1virq7qCI",{"id":497,"title":498,"author":7,"body":499,"date":603,"description":42,"extension":64,"keywords":604,"meta":611,"navigation":74,"openGraphImage":612,"path":613,"seo":614,"seoDescription":280,"seoTitle":615,"stem":616,"tags":617,"teaser":618,"__hash__":619},"blog/blog/walzwerk-app.md","Walzwerk-App – Ein interaktiver Lageplan mit Mietersuche und GPS-Wegfindung",{"type":9,"value":500,"toc":601},[501,518,521,529,555,571,574,598],[18,502,16,504],{"className":503},[21,302,303],[25,505,23,506,23,509,23,513,16],{},[29,507],{"type":31,"srcSet":508},"/images/blog/walzwerk-app@2x.webp 2x",[29,510],{"type":511,"srcSet":512},"image/png","/images/blog/walzwerk-app@2x.png 2x",[38,514],{"src":515,"alt":516,"title":42,"loading":43,"style":517},"/images/blog/walzwerk-app@1x.png","Ein Smartphone zeigt die interaktive Karte des Walzwerks auf einer App. Die Karte ist farblich in verschiedene Bereiche unterteilt, die mit Labels wie „Hof 1“, „Hof 2“, „Spaltband“ und „Rohrglühe“ versehen sind. Oben befindet sich eine Suchleiste mit dem Text „Mieter durchsuchen“. Am unteren Rand ist eine Willkommensnachricht zu lesen, die erklärt, dass es sich um einen interaktiven Lageplan handelt, der Mietern und Besuchern Orientierung bietet. Ein Button mit „Mehr erfahren“ ist in der Nachricht enthalten.","width: 370px; margin-top: -30px; transform: rotate(2deg);",[45,519,520],{},"Das Walzwerk ist nicht nur Unternehmens­standort für Firmen aus den Bereichen Digitali­sierung, Online-Handel und Bildung, sondern auch ein beliebter Kultur- und Freizeitort im Großraum Köln. Das 35.000 Quadratmeter große Areal im Westen von Pulheim zieht täglich zahlreiche Besucher­*innen an - darunter Geschäftsleute und Privatpersonen. Neben Ateliers und Unternehmen finden sich auf dem Gelände ein Theater, ein Schwimmbad, Gastronomie, eine Kirche sowie zahlreiche Künstler­werk­stätten. Angesichts der Größe und Vielfalt kann die Orientierung jedoch herausfordernd sein.",[45,522,523,524,528],{},"Seit Dezember wird den Besucher­*innen mit der Walzwerk-App unter ",[12,525,527],{"href":526,"target":352},"https://app.walzwerk.de/","app.walzwerk.de"," digitale Unterstützung geboten:",[155,530,531,537,543,549],{},[158,532,533,536],{},[142,534,535],{},"Interaktiver Lageplan und Mietersuche"," – Mit der App lassen sich Mieter­*innen und Ateliers schnell suchen und auffinden. Ausgewählte Mieter­*innen/Ateliers werden direkt im Lageplan verortet. Der Weg dorthin wird ausgehend von der GPS-Position des Besuchers direkt & live auf der Karte eingezeichnet.",[158,538,539,542],{},[142,540,541],{},"GPS-Wegfindung in Echtzeit"," – Besucher­*innen können sich live zur gewünschten Location navigieren lassen. Die Route wird basierend auf der aktuellen GPS-Position direkt auf der Karte einge­zeichnet. Falls GPS nicht verfügbar ist, wird die Haupt­zufahrts­straße oder der Standort der genutzten QR-Code-Hinweis­tafeln als Startpunkt verwendet.",[158,544,545,548],{},[142,546,547],{},"Browser-basiert ohne Installation"," – Die App funktioniert direkt im Internet-Browser, ohne dass eine Installation aus den App Stores erforderlich ist. Auf dem Gelände machen Hinweis­tafeln mit QR-Code auf die App aufmerksam.",[158,550,551,554],{},[142,552,553],{},"Für Mobile und Desktop"," – Die Anwendung funktioniert nicht nur auf Smartphones und Tablets, sondern auch auf Desktop-Rechnern, so dass Weg­beschrei­bungen überall eingesehen und geteilt werden können (z.B. in einer E-Mail-Signatur).",[18,556,16,559],{"className":557,"style":558},[21,302,22],"margin-block: -1em -2.5em;",[25,560,23,561,23,564,23,567,16],{},[29,562],{"type":31,"srcSet":563},"/images/blog/walzwerk-app-desktop@2x.webp 2x",[29,565],{"type":511,"srcSet":566},"/images/blog/walzwerk-app-desktop@2x.png 2x",[38,568],{"src":569,"alt":570,"title":42,"loading":43},"/images/blog/walzwerk-app@2x.png","Desktop-Ansicht der Walzwerk-App mit interaktivem Lageplan, Suchfunktion und markierten Gebäudebereichen.",[45,572,573],{},"Der Schutz der Besucher­daten war ein besonders großes Anliegen: Die GPS-Position wird ausschließ­lich zur Routen­führung genutzt und verbleibt auf dem Gerät der Besucher­*innen. Es erfolgt keine Speicherung oder Weiter­verar­beitung der Daten.",[575,576,578,579,595],"div",{"style":577},"position: relative; background-color: rgb(255 250 209); color: #333; padding: 24px;  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2); border-radius: 4px; transform: rotate(-0.75deg) translateX(-0.25em); margin-block: 1.5em 2em; overflow: hidden;","Für die Mieter­\\*innen des Walzwerks gibt es zudem die Option individuelle Links an ihre Gäste zu verschicken (z.B. per Messenger, in der eigenen E-Mail-Signatur, usw.), durch die das jeweilige Atelier dann bereits vorausgewählt ist:\n",[155,580,581,588],{},[158,582,583,584],{},"Link auf ein Atelier: ",[12,585,587],{"href":586,"target":352},"https://app.walzwerk.de/#/?atelier=27","app.walzwerk.de/#/?atelier=27",[158,589,590,591],{},"Link auf eine Mieter*in in einem Atelier mit mehreren Mietern/Unternehmen: ",[12,592,594],{"href":593,"target":352},"https://app.walzwerk.de/#/?atelier=42&mieter=F%C3%B6rderverein+Rittergut+Orr+e.V.","app.walzwerk.de/#/?atelier=42&mieter=Förderverein+Rittergut+Orr+e.V.",[45,596,597],{},"Die URLs/Links werden direkt bei der Nutzung der App erzeugt und lassen sich einfach aus dem Browser heraus kopieren/teilen. Zu einem späteren Zeitpunkt wird es für Mieter­*innen zudem die Option geben, den Lageplan direkt auf ihrer eigenen Website einzubetten.",[45,599,600],{},"Die Walzwerk-App ist direkt an das digitale Mieter­verzeichnis des Walzwerks angebunden. Dadurch sind alle Informationen stets auf dem neuesten Stand und Änderungen werden automatisch übernommen.",{"title":42,"searchDepth":61,"depth":61,"links":602},[],"2025-01-08 10:00",[485,605,606,607,608,609,610],"interaktiver lageplan","mietersuche","gps wegfindung","web-app","qr-code navigation","pulheim",{},"/images/opengraph/walzwerk-app.png","/blog/walzwerk-app",{"title":498,"description":42},"Walzwerk-App: Lageplan mit Mietersuche & GPS","blog/walzwerk-app",[284,285,283],"Für das \u003Ca href='https://www.walzwerk.de/' target='_blank'>Walzwerk\u003C/a>, den aus der ZDF-Show »Bares für Rares« bekannten, ehemaligen Industrie­standort, \u003Ca href='/blog/hyperspace-two/'>in dem auch wir sitzen\u003C/a>, haben wir einen inter­aktiven Lageplan entwickelt, der Besucher­*innen das schnelle und komfortable Zurechtfinden auf dem Gelände des heutigen Dienstleistungs- und Kulturzentrum ermöglicht.","Jgvx2u2SyRrO4hSuYoN1_CMKO-XgZvg-w7z7WiyRY4o",{"id":621,"title":622,"author":7,"body":623,"date":674,"description":42,"extension":64,"keywords":675,"meta":682,"navigation":74,"openGraphImage":683,"path":684,"seo":685,"seoDescription":280,"seoTitle":686,"stem":687,"tags":688,"teaser":690,"__hash__":691},"blog/blog/hyperchristmas-2024.md","We wish you a #HyperChristmas and a #HyperNewYear 2025",{"type":9,"value":624,"toc":672},[625,640,643,646,658,661,664,667],[18,626,16,628],{"className":627},[21,302,22],[25,629,23,630,23,633,23,636,16],{},[29,631],{"type":31,"srcSet":632},"/images/blog/hyperchristmas-2024@2x.webp 2x",[29,634],{"type":35,"srcSet":635},"/images/blog/hyperchristmas-2024@2x.jpg 2x",[38,637],{"src":638,"alt":639,"title":42,"loading":43},"/images/blog/hyperchristmas-2024@2x.jpg","Das Bild zeigt ein Fenster mit Blick in das Hypercode-Büro. Auf die gläserne Oberfläche wurde mit weißer Schrift und Illustrationen Weihnachtsdekorationen gezeichnet. Zu sehen sind minimalistische Weihnachtskugeln, die an Fäden hängen, kleine Sterne sowie der Text: “We wish you a HyperChristmas”. Die Gestaltung ist schlicht und handgezeichnet, mit einem festlichen und kreativen Flair.",[45,641,642],{},"Liebe Kund­*innen, liebe Partner­*innen, liebe Freund­*innen,",[45,644,645],{},"ein weiteres turbulentes Jahr neigt sich dem Ende zu. Ein Jahr, das für uns alle viele Heraus­forderungen, aber auch einige Überraschungen und Meilensteine bereithielt. Zu Beginn der ruhigeren Tage erlauben wir uns, einen Moment innezuhalten und auf die vergangenen Monate zurückzublicken:",[45,647,648,649,653,654,657],{},"Neben den kleinen und großen Produkt-Launches, auf die wir zum Teil schon Jahre gemeinsam hingearbeitet haben, durften wir im Sommer ",[12,650,652],{"href":651},"/blog/5-jahre-hypercode/","5 Jahre Hypercode feiern",". Und was war es für eine Feier! Bei bestem Wetter, gekühlten Getränken und mit herzhaftem Lachen verbrachten wir einen wunderbaren Nachmittag und Abend mit alten, aktuellen und ganz frischen Weggefährten. ",[142,655,656],{},"Jens & Stefan"," führten durch unsere (und ihre) Origin Story, gefolgt von Tischtennis- und/oder Mario-Tennis-Matches.",[45,659,660],{},"Als wir vor fünf Jahren mit Hypercode gestartet sind, hatten wir genau das im Sinn: Mit modernsten Technologien innovative Digital­produkte zu entwickeln. Für und mit namhaften, spannenden Kund­*innen, die in ihrer Branche etwas bewegen wollen. Mit lang­fristigen und nachhaltigen Kunden­beziehungen. Und einem Team von Expert­*innen, die Spaß an genau dieser Arbeit, den wechselnden Heraus­forderungen und all den technologischen Neuerungen haben.",[45,662,663],{},"Ende 2024 können wir – nicht ohne Stolz – sagen, dass uns das gelungen ist. Dank Ihnen & Euch. Intern wie extern.",[45,665,666],{},"Wir freuen uns auf all die einzigartigen Apps, eindrucksvollen Corporate Websites, smarten Produkt­konfiguratoren und wegweisenden Plattformen, die wir im nächsten Jahr gemeinsam angehen. Und bedanken uns für Ihr und Euer anhaltendes Vertrauen, die spannenden Projekte, die guten Meetings und das gemeinsame Lachen zwischen all dem. Wir wünschen Euch, Ihnen und Ihrem Team schöne Feiertage und einen guten Start in ein erfolg­reiches Jahr 2025!",[45,668,669],{},[472,670,671],{},"Ihr Hypercode-Team",{"title":42,"searchDepth":61,"depth":61,"links":673},[],"2024-12-20 16:00",[676,677,678,679,680,681],"hyperchristmas","weihnachtsgruß","jahresrückblick 2024","5 jahre hypercode","produktlaunches","team und kunden",{},"/images/opengraph/hyperchristmas-2021.jpg","/blog/hyperchristmas-2024",{"title":622,"description":42},"HyperChristmas & HyperNewYear 2025","blog/hyperchristmas-2024",[689],"events","Hypercode wünscht Ihnen und Ihrem Team schöne Feiertage und einen guten Start in ein erfolgreiches Jahr 2025!","b-cvWJm_V8UBHfo7cx-pigAqJfl5kcH-ZiO5jecnCb8",{"id":693,"title":694,"author":7,"body":695,"date":725,"description":699,"extension":64,"keywords":726,"meta":734,"navigation":74,"openGraphImage":735,"path":736,"seo":737,"seoDescription":280,"seoTitle":738,"stem":739,"tags":740,"teaser":741,"__hash__":742},"blog/blog/gamescom-congress-2024.md","AI & AR-Entwicklungen – Hypercode beim gamescom congress 2024",{"type":9,"value":696,"toc":723},[697,700,717,720],[45,698,699],{},"Mit über 900 Besuchern, die 150 Experten in 70 Sessions auf acht Bühnen verfolgten, brach der gamescom congress in seiner 16. Auflage alle bisherigen Rekorde. Das Programm war entsprechend vielfältig: Neben Tracks zu politischen und kulturellen Implikationen von Games ging es um Künstliche Intelligenz, Virtual und Augmented Reality (Stichwort: Spatial Computing), Use Cases jenseits von Smartphone, Konsole & PC und spannende Business Insights & Learnings.",[18,701,16,705],{"className":702,"style":704},[21,22,703],"article__image--gallery-margin","font-size: 0;",[25,706,23,707,23,710,23,713,16],{},[29,708],{"type":31,"srcSet":709},"/images/blog/gamescom-congress-2024@2x.webp 2x",[29,711],{"type":35,"srcSet":712},"/images/blog/gamescom-congress-2024@2x.jpg 2x",[38,714],{"src":715,"alt":716,"title":42,"loading":43},"/images/blog/gamescom-congress-2024@2x.jpg","Hypercode beim gamescom-congress-2024 2024",[45,718,719],{},"Vor Ort tauchten wir in die Tiefen der Künstlichen Intelligenz ein und erlebten interessante Vorträge (u.a. von Google-Mitarbeitenden), die aufzeigten, welche Auswirkungen perspektivische KIs sowie aktuell verfügbare generative KIs auf die Software-Entwicklung haben werden bzw. bereits haben. Entsprechend vielfältig sind die Einsatz­möglich­keiten: vom Einsatz in der Konzeptions- und Designphase über die Entwicklung bis hin zum Testing und schließlich der Produktion von Inhalten - sei es für Spiele oder andere komplexe digitale Produkte.",[45,721,722],{},"Der Besuch der gamescom hat uns in dieser Hinsicht nicht nur darin bestärkt, dass Gaming ein tolles Hobby ist, sondern auch darin, dass uns KI-getriebene Umwälzungen bevorstehen bzw. bereits voll im Gange sind, die unsere Arbeits­prozesse und Nutzungs­erlebnisse grundlegend verändern werden. Die Aufmerk­samkeit, die wir bei Hypercode dem Thema Künstliche Intelligenz seit einiger Zeit widmen, dürfte also gut investiert sein.",{"title":42,"searchDepth":61,"depth":61,"links":724},[],"2024-09-02 14:00",[727,728,729,730,731,732,733],"gamescom congress","devcom","künstliche intelligenz","augmented reality","spatial computing","gaming","tech trends",{},"/images/opengraph/gamescom-congress-2024.jpg","/blog/gamescom-congress-2024",{"title":694,"description":699},"gamescom congress 2024: AI- und AR-Trends","blog/gamescom-congress-2024",[689],"In der vergangenen Woche fanden hier in Köln neben der gamescom auch die \u003Ca href='https://www.devcom.global/' target='_blank' rel='noopener'>devcom\u003C/a> und der \u003Ca href='https://congress.gamescom.global/' target='_blank' rel='noopener'>gamescom congress\u003C/a> statt. Hypercode war vor Ort, um die aktuellen Trends rund um Künstliche Intelligenz (KI), Augmented Reality (AR) & Co. zu erleben.","IvM-IYx2dlZiwGfnbtv8Sql0oTjPY9vrKPh6U55wwIs",1775571880168]