{"id":39255,"date":"2026-05-13T09:24:21","date_gmt":"2026-05-13T07:24:21","guid":{"rendered":"https:\/\/www.360vier.de\/payload-cms-agency\/"},"modified":"2026-11-09T11:31:09","modified_gmt":"2026-11-09T10:31:09","slug":"payload-cms-agency","status":"publish","type":"page","link":"https:\/\/www.360vier.de\/en\/digital-platforms\/payload-cms-agency\/","title":{"rendered":"Payload CMS Agency"},"content":{"rendered":"<section class=\"dhsv-stage is-root-container is-theme-dark is-height-100svh is-content-width-100 with-bg bg-dark-gradient alignfull wp-block-dhsv-stage\">\n  <div\n  class=\"blur-bubbles blur-bubbles--dark dhsv-stage__bubbles\"\n  aria-hidden=\"true\"\n>\n  <span><\/span>\n  <span><\/span>\n  <span><\/span>\n  <span><\/span>\n  <span><\/span>\n<\/div>\n  <div class=\"dhsv-stage__inner alignwide\">\n    <div class=\"dhsv-stage__main\">\n      <div class=\"dhsv-stage__content\">\n        <nav class=\"breadcrumb\" aria-label=\"Breadcrumb navigation\">\n    <div class=\"breadcrumb__pill\" tabindex=\"0\">\n      <div class=\"breadcrumb__collapsed\" aria-hidden=\"true\">\n        <span class=\"breadcrumb__dots\">\n          <span class=\"breadcrumb__dot\"><\/span>\n          <span class=\"breadcrumb__dot\"><\/span>\n          <span class=\"breadcrumb__dot\"><\/span>\n        <\/span>\n        <span class=\"breadcrumb__sep\">\/<\/span>\n        <span class=\"breadcrumb__current\">360VIER<\/span>\n      <\/div>\n\n      <ol class=\"breadcrumb__expanded\">\n                  \n          <li class=\"breadcrumb__item \">\n                          <a class=\"breadcrumb__link\" href=\"https:\/\/www.360vier.de\/en\/\">\n                <span>Home<\/span>\n              <\/a>\n                      <\/li>\n                              <li class=\"breadcrumb__sep-item\" aria-hidden=\"true\">\/<\/li>\n          \n          <li class=\"breadcrumb__item breadcrumb__item--current\">\n                          <span>360VIER<\/span>\n                      <\/li>\n              <\/ol>\n    <\/div>\n  <\/nav>\n        \n<h1 class=\"wp-block-heading\">Payload CMS Agency<\/h1>\n\n<p class=\"has-text-intro-font-size wp-block-paragraph\">Headless websites with the most advanced technical architecture<\/p>\n\n<div style=\"height:2rem\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<div class=\"dhsv-buttons horizontal is-layout-flex wp-block-dhsv-buttons-is-layout-flex\" data-align=\"wide\" style=\"display: flex; flex-wrap: wrap; --button-width: unset; flex-direction: row; justify-content: left\">\n\t\n<a\n    href=\"https:\/\/www.360vier.de\/en\/inquiry\/\"\n    class=\"dhsv-button primary    \"\n    \n    \n>\n  <span class=\"text\">Schedule a consultation<\/span>\n  <span class=\"icon\">\n    <svg class=\"dhsv-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right-icon lucide-arrow-right\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg>  <\/span>\n<\/a>\n\n\n<\/div>\n\n<div style=\"height:2rem\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n      <\/div>\n              <div class=\"dhsv-stage__media\">\n                      <img width=\"736\" height=\"758\" src=\"https:\/\/www.360vier.de\/wp-content\/uploads\/payload-cms-hero-image-2-360vier-1.webp\" class=\"dhsv-stage__image dhsv-lcp-image\" alt=\"\" sizes=\"(max-width: 991.98px) 100vw, 42vw\" fetchpriority=\"high\" loading=\"eager\" decoding=\"async\" srcset=\"https:\/\/www.360vier.de\/wp-content\/uploads\/payload-cms-hero-image-2-360vier-1.webp 736w, https:\/\/www.360vier.de\/wp-content\/uploads\/payload-cms-hero-image-2-360vier-1-291x300.webp 291w\" \/>\n                  <\/div>\n          <\/div>\n          <div class=\"dhsv-stage__footer\">\n        <div class=\"dhsv-logoslider-block-wrapper dhsv-logoslider-block-wrapper-no-border dhsv-logoslider-block-wrapper-logo-align-left alignwide\" style=\"--_logo-opacity: 0.4;\">\n    <div\n        class=\"dhsv-logoslider splide\"\n        aria-label=\"Logo carousel\"\n        data-splide=\"{&quot;type&quot;:&quot;loop&quot;,&quot;perPage&quot;:3,&quot;gap&quot;:&quot;1rem&quot;,&quot;arrows&quot;:false,&quot;pagination&quot;:false,&quot;drag&quot;:true,&quot;breakpoints&quot;:{&quot;768&quot;:{&quot;perPage&quot;:1.5}},&quot;autoScroll&quot;:{&quot;speed&quot;:1,&quot;pauseOnHover&quot;:true}}\"\n    >\n        <div class=\"splide__track\">\n            <div class=\"splide__list\">\n                                    <div class=\"splide__slide\">\n                        <div class=\"logoslider__card\">\n                                                            <div class=\"logoslider__logo\">\n                                    <img decoding=\"async\"\n                                        src=\"https:\/\/www.360vier.de\/wp-content\/uploads\/taglieber-logo-black-360vier-cases.svg\"\n                                        alt=\"Taglieber\"\n                                    \/>\n                                <\/div>\n                                                    <\/div>\n                    <\/div>\n                                    <div class=\"splide__slide\">\n                        <div class=\"logoslider__card\">\n                                                            <div class=\"logoslider__logo\">\n                                    <img decoding=\"async\"\n                                        src=\"https:\/\/www.360vier.de\/wp-content\/uploads\/ksk-immobilien-logo-black-360vier-cases.svg\"\n                                        alt=\"KSK Immobilien\"\n                                    \/>\n                                <\/div>\n                                                    <\/div>\n                    <\/div>\n                                    <div class=\"splide__slide\">\n                        <div class=\"logoslider__card\">\n                                                            <div class=\"logoslider__logo\">\n                                    <img decoding=\"async\"\n                                        src=\"https:\/\/www.360vier.de\/wp-content\/uploads\/lernstudio-barbarossa-logo-black-360vier-cases.svg\"\n                                        alt=\"Lernstudio Barbarossa\"\n                                    \/>\n                                <\/div>\n                                                    <\/div>\n                    <\/div>\n                                    <div class=\"splide__slide\">\n                        <div class=\"logoslider__card\">\n                                                            <div class=\"logoslider__logo\">\n                                    <img decoding=\"async\"\n                                        src=\"https:\/\/www.360vier.de\/wp-content\/uploads\/abg-frankfurt-gmbh-logo-black-360vier-cases.svg\"\n                                        alt=\"ABG Frankfurt\"\n                                    \/>\n                                <\/div>\n                                                    <\/div>\n                    <\/div>\n                                    <div class=\"splide__slide\">\n                        <div class=\"logoslider__card\">\n                                                            <div class=\"logoslider__logo\">\n                                    <img decoding=\"async\"\n                                        src=\"https:\/\/www.360vier.de\/wp-content\/uploads\/kampmeyer-logo-black-360vier-cases.svg\"\n                                        alt=\"KAMPMEYER Real Estate\"\n                                    \/>\n                                <\/div>\n                                                    <\/div>\n                    <\/div>\n                                    <div class=\"splide__slide\">\n                        <div class=\"logoslider__card\">\n                                                            <div class=\"logoslider__logo\">\n                                    <img decoding=\"async\"\n                                        src=\"https:\/\/www.360vier.de\/wp-content\/uploads\/lakal-logo-black-360vier-cases.svg\"\n                                        alt=\"LAKAL\"\n                                    \/>\n                                <\/div>\n                                                    <\/div>\n                    <\/div>\n                                    <div class=\"splide__slide\">\n                        <div class=\"logoslider__card\">\n                                                            <div class=\"logoslider__logo\">\n                                    <img decoding=\"async\"\n                                        src=\"https:\/\/www.360vier.de\/wp-content\/uploads\/euler-group-logo-black-360vier-cases.svg\"\n                                        alt=\"Euler Group\"\n                                    \/>\n                                <\/div>\n                                                    <\/div>\n                    <\/div>\n                                    <div class=\"splide__slide\">\n                        <div class=\"logoslider__card\">\n                                                            <div class=\"logoslider__logo\">\n                                    <img decoding=\"async\"\n                                        src=\"https:\/\/www.360vier.de\/wp-content\/uploads\/gsk-stockmann-logo-black-360vier-cases-1.svg\"\n                                        alt=\"GSK Stockmann\"\n                                    \/>\n                                <\/div>\n                                                    <\/div>\n                    <\/div>\n                                    <div class=\"splide__slide\">\n                        <div class=\"logoslider__card\">\n                                                            <div class=\"logoslider__logo\">\n                                    <img decoding=\"async\"\n                                        src=\"https:\/\/www.360vier.de\/wp-content\/uploads\/hochschule-fresenius-logo-white-360vier-cases.svg\"\n                                        alt=\"Fresenius University of Applied Sciences\"\n                                    \/>\n                                <\/div>\n                                                    <\/div>\n                    <\/div>\n                                    <div class=\"splide__slide\">\n                        <div class=\"logoslider__card\">\n                                                            <div class=\"logoslider__logo\">\n                                    <img decoding=\"async\"\n                                        src=\"https:\/\/www.360vier.de\/wp-content\/uploads\/Carl-Remegius-Fresenius-Group-logo-white-360vier-cases.svg\"\n                                        alt=\"Carl Remegius Fresenius Group\"\n                                    \/>\n                                <\/div>\n                                                    <\/div>\n                    <\/div>\n                            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n      <\/div>\n      <\/div>\n<\/section>\n\n<div style=\"height:7rem\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<details\n    class=\"wp-block-dhsv-ai-akkordeon\"\n     id=\"ai-akkordeon-3921a8ac\"                 data-ai-view=\"true\"\n    >\n    <summary>\n        <span class=\"ai-akkordeon__stars\" aria-hidden=\"true\">\n            <span class=\"ai-akkordeon__stars-badge\">\n                <svg class=\"ai-akkordeon__stars-icon\" width=\"25\" height=\"23\" viewBox=\"0 0 25 23\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\">\n                    <path d=\"M16 16.1429C12.2129 16.1429 9.14282 19.2129 9.14282 23L6.85711 23C6.85712 19.2129 3.78707 16.1429 5.9947e-07 16.1429L7.99294e-07 13.8571C3.78707 13.8571 6.85712 10.7871 6.85712 7L9.14282 7C9.14282 10.7871 12.2129 13.8571 16 13.8571L16 16.1429Z\" fill=\"currentColor\"\/>\n                    <path d=\"M21.75 14C21.75 12.2065 23.2051 10.7526 25 10.7526L25 9.25383C23.2051 9.25383 21.75 7.79993 21.75 6.00645L20.25 6.00645C20.25 7.79993 18.7949 9.25383 17 9.25383L17 10.7526C18.7949 10.7526 20.25 12.2065 20.25 14L21.75 14Z\" fill=\"currentColor\"\/>\n                    <path d=\"M14.5625 6C14.5625 4.65381 15.6538 3.5625 17 3.5625L17 2.4375C15.6538 2.4375 14.5625 1.34619 14.5625 2.44931e-06L13.4375 2.35096e-06C13.4375 1.34619 12.3462 2.4375 11 2.4375L11 3.5625C12.3462 3.5625 13.4375 4.65381 13.4375 6L14.5625 6Z\" fill=\"currentColor\"\/>\n                <\/svg>\n            <\/span>\n        <\/span>\n        <span class=\"ai-akkordeon__chevron\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\">\n                <polyline points=\"6 9 12 15 18 9\" \/>\n            <\/svg>\n        <\/span>\n        <span class=\"ai-akkordeon__summary-content\">\n                            <div class=\"ai-akkordeon__summary-lead\"><strong>Was bedeutet Payload CMS Agentur bei 360VIER?<\/strong><\/div>\n                                        <div class=\"ai-akkordeon__summary-text\">Payload CMS Agentur hei\u00dft bei 360VIER, Headless-Websites Code-First mit Payload, Next.js und TypeScript zu entwickeln \u2013 die headless Alternative zum WordPress-Monolithen und technische Basis f\u00fcr AI-First Websites. 500+ Webprojekte seit 2012.<\/div>\n                                <\/span>\n        <span class=\"ai-akkordeon__ai-icons\" aria-hidden=\"true\">\n    \n    <svg class=\"ai-akkordeon__ai-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" focusable=\"false\">\n        <path d=\"M22.28 9.82a5.96 5.96 0 0 0-.51-4.91 6.05 6.05 0 0 0-6.51-2.9A6.07 6.07 0 0 0 4.99 4.16a5.98 5.98 0 0 0-3.99 2.9A6.05 6.05 0 0 0 1.74 14.18a5.97 5.97 0 0 0 .51 4.91 6.05 6.05 0 0 0 6.51 2.9 6 6 0 0 0 4.5 2.01 6.05 6.05 0 0 0 5.77-4.21 5.99 5.99 0 0 0 3.99-2.9 6.05 6.05 0 0 0-.74-7.07Zm-9.02 12.6a4.48 4.48 0 0 1-2.88-1.05l.14-.08 4.78-2.76a.78.78 0 0 0 .39-.68v-6.74l2.02 1.17.02.05v5.58a4.5 4.5 0 0 1-4.47 4.51Zm-9.62-4.11a4.48 4.48 0 0 1-.54-3.02l.14.08 4.78 2.76c.24.14.54.14.78 0l5.84-3.37v2.34l.02.04-4.84 2.79a4.5 4.5 0 0 1-6.18-1.62Zm-1.26-10.4a4.48 4.48 0 0 1 2.34-1.97v5.69c0 .28.15.54.39.68l5.81 3.36-2.02 1.17a.07.07 0 0 1-.07 0l-4.83-2.79a4.5 4.5 0 0 1-1.62-6.14Zm16.6 3.86-5.84-3.39 2.02-1.16a.07.07 0 0 1 .07 0l4.83 2.79a4.5 4.5 0 0 1-.68 8.11v-5.69c0-.27-.15-.53-.4-.66Zm2.01-3.02-.14-.09-4.77-2.78a.78.78 0 0 0-.79 0l-5.84 3.37V6.91l.02-.04L14.32 4.1a4.5 4.5 0 0 1 6.67 4.65Zm-12.66 4.18-2.02-1.17a.06.06 0 0 1-.02-.04V6.16a4.5 4.5 0 0 1 7.39-3.46l-.14.08L8.78 5.55a.78.78 0 0 0-.39.67Zm1.1-2.37 2.6-1.51 2.61 1.5v3l-2.59 1.5-2.6-1.5Z\"\/>\n    <\/svg>\n    \n    <svg class=\"ai-akkordeon__ai-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" focusable=\"false\">\n        <path d=\"M12 0c0 6.627-5.373 12-12 12 6.627 0 12 5.373 12 12 0-6.627 5.373-12 12-12-6.627 0-12-5.373-12-12Z\"\/>\n    <\/svg>\n    \n    <svg class=\"ai-akkordeon__ai-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 31 30\" fill=\"currentColor\" aria-hidden=\"true\" focusable=\"false\">\n        <path d=\"M5.89437 19.9501L11.807 16.6399L11.9064 16.3524L11.807 16.1925H11.5189L10.5307 16.1317L7.15238 16.0406L4.22244 15.9192L1.38381 15.7673L0.669585 15.6155L0 14.7348L0.0689883 14.2955L0.669585 13.8926L1.5299 13.9675L3.43111 14.097L6.28395 14.2934L8.35357 14.4149L11.4195 14.7328H11.9064L11.9754 14.5364L11.809 14.4149L11.6792 14.2934L8.72692 12.2972L5.53118 10.1876L3.85721 8.97287L2.95226 8.3574L2.49573 7.7804L2.29891 6.52112L3.12067 5.61817L4.22447 5.69308L4.50651 5.76799L5.62451 6.6264L8.0127 8.47078L11.1313 10.7626L11.5879 11.1412L11.7705 11.0116L11.7928 10.9205L11.5879 10.5784L9.89159 7.51924L8.08168 4.40748L7.27615 3.11783L7.0631 2.34445C6.98803 2.02659 6.93324 1.75935 6.93324 1.43339L7.86863 0.166016L8.38604 0L9.6339 0.166016L10.1594 0.621543L10.9345 2.39101L12.1905 5.17681L14.1384 8.96477L14.7085 10.0884L15.0129 11.129L15.1265 11.4469H15.3233V11.2647L15.4836 9.13079L15.7799 6.511L16.068 3.1401L16.1674 2.19058L16.6382 1.05277L17.5736 0.437307L18.304 0.785532L18.9046 1.64395L18.8214 2.19868L18.4643 4.51478L17.7643 8.1428L17.3077 10.5723H17.5736L17.8779 10.2686L19.1095 8.6368L21.1792 6.05547L22.0922 5.03104L23.1575 3.89931L23.8413 3.36078H25.1338L26.0854 4.7719L25.6593 6.22959L24.3282 7.91402L23.2244 9.34135L21.6418 11.4671L20.6536 13.1678L20.7449 13.3034L20.9803 13.2811L24.5555 12.5219L26.4871 12.1737L28.7921 11.7789L29.8351 12.2648L29.9487 12.7588L29.5388 13.7691L27.0735 14.3764L24.1821 14.9534L19.8765 15.9698L19.8238 16.0082L19.8846 16.0831L21.8244 16.2654L22.6543 16.3099H24.6854L28.4675 16.5913L29.4556 17.2432L30.0481 18.0409L29.9487 18.6483L28.4269 19.4216L26.3735 18.9358L21.5809 17.798L19.9374 17.389H19.7101V17.5246L21.0797 18.8608L23.5897 21.1223L26.7327 24.0377L26.893 24.7584L26.4892 25.3273L26.0631 25.2666L23.3015 23.1934L22.2363 22.2601L19.8238 20.2335H19.6635V20.4461L20.2194 21.2579L23.1555 25.6614L23.3076 27.0117L23.0946 27.4511L22.3337 27.7163L21.4977 27.5644L19.7791 25.1572L18.0057 22.4464L16.5753 20.0169L16.4008 20.1161L15.5567 29.1882L15.161 29.6518L14.2479 30L13.4871 29.423L13.0833 28.4897L13.4871 26.6453L13.974 24.2381L14.3697 22.3249L14.7268 19.948L14.9399 19.1585L14.9257 19.1058L14.7512 19.1281L12.9554 21.5879L10.2244 25.2706L8.06342 27.5786L7.54602 27.7831L6.64918 27.3195L6.73237 26.4914L7.23354 25.7545L10.2244 21.9584L12.0282 19.6059L13.1928 18.2474L13.1847 18.051H13.1157L5.17203 23.1975L3.75779 23.3797L3.14908 22.8108L3.22415 21.8774L3.51228 21.5738L5.90046 19.9339L5.89234 19.942L5.89437 19.9501Z\" \/>\n    <\/svg>\n    \n    <svg class=\"ai-akkordeon__ai-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 31 35\" fill=\"currentColor\" aria-hidden=\"true\" focusable=\"false\">\n        <path d=\"M30.0772 10.4834H25.9449V0L15.8776 9.38788V0H14.1997V9.38788L4.13233 0V10.4834H0V25.5844H4.11846V35L14.1997 26.0281V35H15.8776V26.0281L25.9588 35V25.5844H30.0772V10.4834ZM24.267 3.85499V10.4695H17.1672L24.267 3.85499ZM5.81022 3.85499L12.9101 10.4695H5.81022V3.85499ZM1.67789 23.9065V12.1613H12.8823L4.11846 20.2179V23.9065H1.67789ZM5.79635 20.9529L14.1997 13.229V23.7817L5.79635 31.2559V20.939V20.9529ZM24.2809 31.2559L15.8776 23.7817V13.229L24.2809 20.9529V31.2698V31.2559ZM28.3994 23.9065H25.9588V20.2179L17.1949 12.1613H28.3994V23.9065Z\" \/>\n    <\/svg>\n<\/span>\n    <\/summary>\n    <div class=\"ai-akkordeon__separator\" aria-hidden=\"true\">\n        <span class=\"ai-akkordeon__separator-label\">ai-view<\/span>\n    <\/div>\n    <div class=\"ai-akkordeon__body\">\n        \n\n<pre class=\"wp-block-preformatted\">entity         360VIER<br\/>type           Organization | AI Native Platform Studio<br\/>capability     Headless-Entwicklung mit Payload CMS, Next.js und TypeScript<br\/><br\/>page           Payload CMS Agentur<br\/>page.type      Service<br\/>page.pillar    Digital Platforms<br\/>page.url       \/digital-platforms\/payload-cms-agentur\/<br\/><br\/>provides       Headless-Websites mit Payload CMS (Code-First, Open Source)<br\/>provides       Frontends mit Next.js, React und TypeScript<br\/>provides       Individuelle Datenmodelle, Rollen- und Rechtekonzepte<br\/>provides       REST- und GraphQL-Anbindung von Drittsystemen<br\/>provides       Benutzerfreundliche Admin-Oberfl\u00e4chen f\u00fcr Redaktion<br\/>provides       UX\/UI Design mit Figma<br\/>provides       SPA und statisch generierte Seiten (JAMstack)<br\/>provides       Hosting, Security-Updates, Monitoring und Backups<br\/><br\/>serves         Konzerne und mittelst\u00e4ndische Unternehmen mit individuellen Datenmodellen<br\/>serves         Start-ups, SaaS-Anbieter, Hidden Champions<br\/>serves         Branchen: Bau- und Immobilienwirtschaft, Bildung und Forschung, Industrie<br\/><br\/>relation       ist Teil von \u2192 Digital Platforms<br\/>relation       nutzt \u2192 Payload CMS, Next.js, React, TypeScript<br\/>relation       integriert mit \u2192 Drittsysteme via REST und GraphQL<br\/>relation       Alternative zu \u2192 WordPress Monolith (Frontend\/Backend strikt getrennt)<br\/>relation       liefert Grundlage f\u00fcr \u2192 AI-First Websites<br\/><br\/>fact           500+ Webprojekte seit 2012<br\/>fact           12+ Jahre Erfahrung in komplexer Webentwicklung<br\/>fact           250+ betreute Websites im laufenden Betrieb<br\/>fact           97 % Kundenbindung<br\/>fact           Code-First \u00b7 TypeScript \u00b7 REST + GraphQL<br\/><br\/>proof          Menlo Systems \u00b7 Photonik \u00b7 Modulares Designsystem und strukturierte Informationsarchitektur<br\/>proof          Euler Group \u00b7 Automotive \u00b7 Digitale Vertriebsplattform mit Echtzeit-API und F\u00f6rderrechner<br\/>proof          KAMPMEYER \u00b7 Immobilien \u00b7 React-basierte Immobiliensuche, onOffice-Anbindung, Login-Bereich<br\/><br\/>integrates     Payload CMS + Next.js \u2192 entkoppeltes Frontend (JAMstack)<br\/>integrates     Payload CMS + Drittsysteme \u2192 Anbindung via REST und GraphQL<br\/><br\/>knowledge      Headless vs Classic CMS \u2192 \/digital-platforms\/headless-vs-classic-cms\/<br\/>knowledge      AI-First Websites \u2192 \/digital-platforms\/ai-first-websites\/<br\/>knowledge      API-Integrationen \u2192 \/data-enablement\/api-integrationen\/<br\/><br\/>context        Service-Seite im Pillar Digital Platforms \u2013 Headless-Angebot mit Payload CMS<br\/>               f\u00fcr Projekte mit individuellen Datenmodellen und hohem Performance-Anspruch.<\/pre>\n\n\n    <\/div>\n<\/details>\n\n<div style=\"height:4rem\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<div class=\"wp-block-group alignwide is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\">As a Payload CMS agency, 360VIER supports companies, organizations, and institutions in realizing their digital presence with a modern, powerful, and future-proof headless CMS. As an open-source CMS, Payload CMS is particularly well suited to projects that require maximum flexibility, a custom data structure, and top performance. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">With more than 12 years of experience in developing complex websites, we now bring our expertise to Payload projects as well. Our developers, strategists, and UX\/UI designers combine Payload CMS with modern frontend technologies such as Next.js, React, and TypeScript to create websites that are perfectly tailored to demanding technical requirements. You benefit from proven processes, strong design expertise, and a well-coordinated team that understands your requirements and implements them reliably.  <\/p>\n<\/div>\n\n<div style=\"height:7rem\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<div class=\"wp-block-group alignfull has-dark-gradient-background has-background is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group is-style-without-space is-layout-constrained wp-block-group-is-layout-constrained\">\n<div style=\"height:7rem\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading alignwide\">Why <span style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-green-color\">Payload CMS<\/span>? <br\/>A flexible headless CMS for the highest demands.<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Payload CMS has quickly established itself as one of the leading headless CMSs for developers. It offers a pure code-first architecture that enables maximum control over data structures, APIs, and the user interface. Unlike classic monoliths such as WordPress, Payload CMS strictly separates frontend and backend\u2014ideal for modern JAMstack or Next.js projects. As a Payload CMS agency, we support you in leveraging these advantages strategically and integrating them precisely into your existing system landscape.   <\/p>\n\n\n\n<div style=\"height:4rem\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading alignwide\">With <span style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-green-color\">Payload CMS<\/span>, you can:<\/h3>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<ul class=\"wp-block-list\">\n<li>develop high-performance single-page applications (SPAs) or statically generated pages,<\/li>\n\n\n\n<li>seamlessly integrate third-party systems via REST or GraphQL,<\/li>\n\n\n\n<li>create user-friendly admin interfaces for editors,<\/li>\n\n\n\n<li>implement custom role and permission concepts.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:4rem\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-embed alignfull is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Introduction to Payload \u2014 The open-source Next.js backend\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/ftohATkHBi0?start=14&amp;feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<div style=\"height:4rem\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">An overview of our <span style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-green-color\">Payload CMS services<\/span><\/h3>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<ul class=\"wp-block-list\">\n<li>Custom UX\/UI design<\/li>\n\n\n\n<li>Development based on Payload CMS<\/li>\n\n\n\n<li>Integration of APIs &amp; third-party systems<\/li>\n\n\n\n<li>Agile approach &amp; structured process management<\/li>\n\n\n\n<li>Interdisciplinary expert team for design, development &amp; SEO<\/li>\n\n\n\n<li>Specialist for complex, enterprise-level websites<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:7rem\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<\/div>\n<\/div>\n\n<div class=\"wp-block-group alignfull has-light-background-color has-background is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div style=\"height:7rem\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Our <span style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-green-color\">approach<\/span><br\/>A process for custom and scalable websites.<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">We place great value on careful planning of your web presence. A versatile team of experts supports the development of your online presence. While you can relax, we manage the project. We keep you informed with regular updates and incorporate your feedback at key points to deliver results that impress.   <\/p>\n\n\n<div class=\"alignwide wp-block-dhsv-process\">\n    <div data-component=\"ProcessComponent\" data-props=\"{&quot;align&quot;:&quot;wide&quot;,&quot;withGraph&quot;:false,&quot;items&quot;:[{&quot;id&quot;:1767963820540,&quot;icon&quot;:&quot;icons.ideation-phase&quot;,&quot;headline&quot;:&quot;Content strategy&quot;,&quot;content&quot;:&quot;Es beginnt mit der Organisation. Wir erstellen einen internen Anforderungskatalog sowie die Ressourcen- und Zeitplanung, damit Sie und wir jederzeit transparent planen und den Stand des Projekts \\u00fcberpr\\u00fcfen k\\u00f6nnen. Bei uns geht es dann in die Startphase \\u2013 Ihr Projektteam in Gro\\u00df-Umstadt bei Frankfurt setzt alle Projektmanagementsysteme auf, sodass wir effizient und innovativ zusammenarbeiten k\\u00f6nnen.&quot;},{&quot;id&quot;:1767963849026,&quot;icon&quot;:&quot;icons.arrow-right&quot;,&quot;headline&quot;:&quot;Design&quot;,&quot;content&quot;:&quot;Nun wird ein individuelles Design auf Basis der Wireframes angefertigt. Das Webdesign ist die visuelle Darstellung einer Webseite oder die Gestaltung einer digitalen Pr\\u00e4senz. Der Webdesigner arbeitet also zun\\u00e4chst meistens mit einem sogenannten Screendesign (grafische Arbeit ohne HTML) und verwandelt diese sp\\u00e4ter in ein Web-Format. Uns ist es wichtig, dass wir die Kommunikationsziele unserer Auftraggeber mit Hilfe der technischen Gegebenheiten umsetzen. So k\\u00f6nnen wir Erwartungen bestm\\u00f6glich erf\\u00fcllen und optimierte Workflows sorgen f\\u00fcr ein schnelles und kosteng\\u00fcnstiges Ergebnis.\\n\\nUnabh\\u00e4ngig vom Design m\\u00fcssen aber vor allem Ihre Inhalte \\u00fcberzeugen. Deshalb achten wir sehr auf die perfekte Pr\\u00e4sentation Ihrer Inhalte, also Ihrer Leistungen. Denn sie sind es, die dar\\u00fcber entscheiden, ob ein Interessent sich f\\u00fcr Ihr Produkt oder Ihre Dienstleistung entscheidet. Haben Sie die Freigabe der Phase erteilt, wird das Design in die technische Umsetzung gegeben.&quot;,&quot;useCustomIcon&quot;:true,&quot;customIconImage&quot;:{&quot;id&quot;:34498,&quot;url&quot;:&quot;https:\\\/\\\/www.360vier.de\\\/wp-content\\\/uploads\\\/cms-redaktion-backend-icon-dark-green-360vier.svg&quot;,&quot;title&quot;:&quot;cms-redaktion-backend-icon-dark-green-360vier&quot;,&quot;width&quot;:150,&quot;height&quot;:150,&quot;type&quot;:&quot;image\\\/svg+xml&quot;}},{&quot;id&quot;:1767963865679,&quot;icon&quot;:&quot;icons.implementation-phase&quot;,&quot;headline&quot;:&quot;Development&quot;,&quot;content&quot;:&quot;Die technische Umsetzung beginnt mit der Installation von WordPress. Wir nutzen es zun\\u00e4chst als Development und Staging-Instanz, bevor Ihre Website vollst\\u00e4ndig finalisiert ist. Das hei\\u00dft, eine Development und Staging-Instanz ist eine Umgebung im Internet, auf der Ihre Webseite abgeschottet und gesichert von anderen Zugriffen, wie Google oder anderen Nutzern, entwickelt werden kann.\\n\\nNun verschmelzen Design und Webentwicklung. Unter Webdesign versteht man die k\\u00fcnstlerische Gestaltung und die darauf folgende technische Umsetzung einer Webseite. Dazu geh\\u00f6rt die Suchmaschinenoptimierung (SEO), das Programmieren mit HTML5, Ajax, PHP7,  Javascript, ReactJS oder andere Programmiersprachen sowie die Content-Bearbeitung und -optimierung, die Bild, Text und Video betrifft. Die 360VIER Entwickler sind in all diesen Disziplinen erfahrene Spezialisten und benutzen am liebsten ReactJS als Front-End-Technologie.&quot;,&quot;useCustomIcon&quot;:true,&quot;customIconImage&quot;:{&quot;id&quot;:35867,&quot;url&quot;:&quot;https:\\\/\\\/www.360vier.de\\\/wp-content\\\/uploads\\\/integrationen-blindes-reporting-onlight-360vier.svg&quot;,&quot;title&quot;:&quot;integrationen-blindes-reporting-onlight-360vier&quot;,&quot;width&quot;:150,&quot;height&quot;:150,&quot;type&quot;:&quot;image\\\/svg+xml&quot;}},{&quot;id&quot;:1779352437157,&quot;icon&quot;:&quot;icons.continuous-improvenet&quot;,&quot;headline&quot;:&quot;Maintenance &amp;amp; support&quot;,&quot;content&quot;:&quot;Nach dem Projekt ist vor dem Projekt. Denn nun geht es an die Wartung und Pflege Ihrer Website. Das Hosting Ihrer Website kann \\u00fcber Azure, AWS, Google oder einem anderen Hoster der Wahl laufen. Wir beraten Sie bei allen Schritten und bieten Ihnen die M\\u00f6glichkeit unseren Rundum-Sorglos-Service anzunehmen, der das Hosting, vollst\\u00e4ndige Sicherheit, Updates und Backups inkludiert. \\u00dcber 250 Websites betreuen wir bereits erfolgreich und freuen uns, wenn wir auch bald Sie als Kunde dazu z\\u00e4hlen d\\u00fcrfen.\\n&quot;}],&quot;bgColor&quot;:&quot;white&quot;}\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"wp-block-group alignfull has-light-background-color has-background is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Frequently asked <span style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-green-color\">questions about Payload CMS<\/span><\/h2>\n\n\n<div class=\"wp-block-dhsv-akkordeon\">\n        <accordion-group\n        class=\"has-active-bg-solid\"\n                                 name=\"block-59da056b-5dfe-4424-9cdd-e48a3b5da4dd\"     >\n        \n<details class=\"wp-block-dhsv-akkordeon-item\" id=\"accordion-62963ab9\" >\n        <summary>\n            <span class=\"accordion-group__summary-icon\"><\/span>\n            <span class=\"accordion-group__summary-title\">What is Payload CMS?<\/span>\n        <\/summary>\n        <div>\n            \n\n<p class=\"wp-block-paragraph\">Payload CMS is a modern, TypeScript-based headless CMS that offers developers maximum flexibility in data modeling. It is configured entirely in code and can be seamlessly integrated into modern frontends such as Next.js or Gatsby. <\/p>\n\n\n        <\/div>\n    <\/details>\n\n<details class=\"wp-block-dhsv-akkordeon-item\" id=\"accordion-d19e7e98\" >\n        <summary>\n            <span class=\"accordion-group__summary-icon\"><\/span>\n            <span class=\"accordion-group__summary-title\">Who is Payload CMS suitable for?<\/span>\n        <\/summary>\n        <div>\n            \n\n<p class=\"wp-block-paragraph\">Payload CMS ist besonders geeignet f\u00fcr Unternehmen, die eine performante, flexible und API-getriebene Website ben\u00f6tigen \u2014 z. B. Start-ups, SaaS-Anbieter oder Unternehmen mit individuellen Datenmodellen.<\/p>\n\n\n        <\/div>\n    <\/details>\n\n<details class=\"wp-block-dhsv-akkordeon-item\" id=\"accordion-295d5893\" >\n        <summary>\n            <span class=\"accordion-group__summary-icon\"><\/span>\n            <span class=\"accordion-group__summary-title\">How does Payload CMS differ from WordPress?<\/span>\n        <\/summary>\n        <div>\n            \n\n<p class=\"wp-block-paragraph\">W\u00e4hrend WordPress traditionell als Monolith betrieben wird, trennt Payload CMS Backend und Frontend strikt. So lassen sich Frontend und Backend unabh\u00e4ngig skalieren, neue Frontends (z. B. Apps, PWAs) anbinden und maximale Ladegeschwindigkeiten erzielen.<\/p>\n\n\n        <\/div>\n    <\/details>\n\n    <\/accordion-group>\n<\/div> \n\n\n<div style=\"height:7rem\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div>\n\n<div class=\"wp-block-group alignfull is-style-without-space has-dark-gradient-background has-background is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group alignfull is-style-without-space is-layout-constrained wp-block-group-is-layout-constrained\">\n<div style=\"height:7rem\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">A look at our web design projects<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">We value working with companies across the entire DACH region. Specializing in enterprise web design with Payload CMS, WordPress, and HubSpot, we deliver custom projects for large corporations just as competently as web design and web development for SMEs. <\/p>\n\n\n\n<div style=\"height:2rem\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading has-h-3-font-size\">Our focus industries:<\/h3>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<div class=\"wp-block-group alignfull is-style-without-space is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<ul class=\"wp-block-list\">\n<li>Corporations and mid-sized companies (SMEs)<\/li>\n\n\n\n<li>Companies in the construction and real estate industry<\/li>\n\n\n\n<li>Hidden champions and innovative start-ups<\/li>\n\n\n\n<li>Educational and research institutions<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n<div\n    style=\"--_slide-count: 9\" class=\"dhsv-case-study-slider dhsv-case-study-slider--case_study alignfull wp-block-dhsv-case-study-slider\"\n  >\n    <div class=\"is-root-container dhsv-case-study-slider__sticky\">\n              <div class=\"dhsv-case-study-slider__intro alignwide\">\n          \n\n<h2 class=\"wp-block-heading\"><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n        <\/div>\n            <div class=\"slider-wrapper alignwide\">\n        <div class=\"dhsv-case-study-slider__track\">\n                      <div class=\"dhsv-case-study-slider__slide\">\n                              <a\n  class=\"archive-showcase-card archive-showcase-card--slider case-study-card case-study-card--slider   js-case-study-tilt   js-case-study-transition   archive-showcase-card--with-view-transition case-study-card--with-view-transition \"\n  href=\"https:\/\/www.360vier.de\/en\/case-study\/lakal\/\"\n   style=\"--case-vt-image: case-study-39084-image; --case-vt-title: case-study-39084-title;\" >\n  <span class=\"archive-showcase-card__visual case-study-card__visual\">\n    <span class=\"archive-showcase-card__follow case-study-card__follow\" aria-hidden=\"true\">\n      <span class=\"archive-showcase-card__follow-inner case-study-card__follow-inner\">\n        <span class=\"archive-showcase-card__follow-core case-study-card__follow-core\"><\/span>\n        <span class=\"archive-showcase-card__follow-arrow case-study-card__follow-arrow\">\n          <span class=\"icon\" aria-hidden=\"true\"><svg class=\"dhsv-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right-icon lucide-arrow-right\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg><\/span>\n        <\/span>\n      <\/span>\n    <\/span>\n    <span class=\"archive-showcase-card__tilt case-study-card__tilt\" aria-hidden=\"true\">\n              <img decoding=\"async\" width=\"1600\" height=\"1048\" src=\"https:\/\/www.360vier.de\/wp-content\/uploads\/Lakal-header-mockup_4-1600x1048.jpg\" class=\"archive-showcase-card__image case-study-card__image\" alt=\"\" loading=\"lazy\" sizes=\"auto, (min-width: 1024px) 50vw, 100vw\" srcset=\"https:\/\/www.360vier.de\/wp-content\/uploads\/Lakal-header-mockup_4-1600x1048.jpg 1600w, https:\/\/www.360vier.de\/wp-content\/uploads\/Lakal-header-mockup_4-300x196.jpg 300w, https:\/\/www.360vier.de\/wp-content\/uploads\/Lakal-header-mockup_4-768x503.jpg 768w, https:\/\/www.360vier.de\/wp-content\/uploads\/Lakal-header-mockup_4-1536x1006.jpg 1536w, https:\/\/www.360vier.de\/wp-content\/uploads\/Lakal-header-mockup_4-2048x1341.jpg 2048w\" \/>\n            <span class=\"archive-showcase-card__glow case-study-card__glow\" aria-hidden=\"true\"><\/span>\n    <\/span>\n  <\/span>\n\n  <span class=\"archive-showcase-card__text case-study-card__text\">\n              <span class=\"archive-showcase-card__headline case-study-card__headline\">Lakal: A Modern Online Experience for Specialized Trade<\/span>\n              <span class=\"archive-showcase-card__subline case-study-card__subline\">LAKAL<\/span>\n                  <\/span>\n<\/a>\n                          <\/div>\n                      <div class=\"dhsv-case-study-slider__slide\">\n                              <a\n  class=\"archive-showcase-card archive-showcase-card--slider case-study-card case-study-card--slider   js-case-study-tilt   js-case-study-transition   archive-showcase-card--with-view-transition case-study-card--with-view-transition \"\n  href=\"https:\/\/www.360vier.de\/en\/case-study\/lernstudio-barbarossa\/\"\n   style=\"--case-vt-image: case-study-39193-image; --case-vt-title: case-study-39193-title;\" >\n  <span class=\"archive-showcase-card__visual case-study-card__visual\">\n    <span class=\"archive-showcase-card__follow case-study-card__follow\" aria-hidden=\"true\">\n      <span class=\"archive-showcase-card__follow-inner case-study-card__follow-inner\">\n        <span class=\"archive-showcase-card__follow-core case-study-card__follow-core\"><\/span>\n        <span class=\"archive-showcase-card__follow-arrow case-study-card__follow-arrow\">\n          <span class=\"icon\" aria-hidden=\"true\"><svg class=\"dhsv-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right-icon lucide-arrow-right\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg><\/span>\n        <\/span>\n      <\/span>\n    <\/span>\n    <span class=\"archive-showcase-card__tilt case-study-card__tilt\" aria-hidden=\"true\">\n              <img decoding=\"async\" width=\"1113\" height=\"721\" src=\"https:\/\/www.360vier.de\/wp-content\/uploads\/Lernstudio-Barbarossa-website-relaunch-wordpress-social-teaser-360vier-digitalagentur-referenz-case-8.webp\" class=\"archive-showcase-card__image case-study-card__image\" alt=\"\" loading=\"lazy\" sizes=\"auto, (min-width: 1024px) 50vw, 100vw\" srcset=\"https:\/\/www.360vier.de\/wp-content\/uploads\/Lernstudio-Barbarossa-website-relaunch-wordpress-social-teaser-360vier-digitalagentur-referenz-case-8.webp 1113w, https:\/\/www.360vier.de\/wp-content\/uploads\/Lernstudio-Barbarossa-website-relaunch-wordpress-social-teaser-360vier-digitalagentur-referenz-case-8-300x194.webp 300w, https:\/\/www.360vier.de\/wp-content\/uploads\/Lernstudio-Barbarossa-website-relaunch-wordpress-social-teaser-360vier-digitalagentur-referenz-case-8-768x498.webp 768w\" \/>\n            <span class=\"archive-showcase-card__glow case-study-card__glow\" aria-hidden=\"true\"><\/span>\n    <\/span>\n  <\/span>\n\n  <span class=\"archive-showcase-card__text case-study-card__text\">\n              <span class=\"archive-showcase-card__headline case-study-card__headline\">Lernstudio Barbarossa: Clear brand identity and intuitive user guidance for a national educational institute<\/span>\n              <span class=\"archive-showcase-card__subline case-study-card__subline\">Lernstudio Barbarossa<\/span>\n                  <\/span>\n<\/a>\n                          <\/div>\n                      <div class=\"dhsv-case-study-slider__slide\">\n                              <a\n  class=\"archive-showcase-card archive-showcase-card--slider case-study-card case-study-card--slider   js-case-study-tilt   js-case-study-transition   archive-showcase-card--with-view-transition case-study-card--with-view-transition \"\n  href=\"https:\/\/www.360vier.de\/en\/case-study\/abg-frankfurt\/\"\n   style=\"--case-vt-image: case-study-39122-image; --case-vt-title: case-study-39122-title;\" >\n  <span class=\"archive-showcase-card__visual case-study-card__visual\">\n    <span class=\"archive-showcase-card__follow case-study-card__follow\" aria-hidden=\"true\">\n      <span class=\"archive-showcase-card__follow-inner case-study-card__follow-inner\">\n        <span class=\"archive-showcase-card__follow-core case-study-card__follow-core\"><\/span>\n        <span class=\"archive-showcase-card__follow-arrow case-study-card__follow-arrow\">\n          <span class=\"icon\" aria-hidden=\"true\"><svg class=\"dhsv-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right-icon lucide-arrow-right\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg><\/span>\n        <\/span>\n      <\/span>\n    <\/span>\n    <span class=\"archive-showcase-card__tilt case-study-card__tilt\" aria-hidden=\"true\">\n              <img decoding=\"async\" width=\"1200\" height=\"837\" src=\"https:\/\/www.360vier.de\/wp-content\/uploads\/ABG-Frankfurt-Holding-website-relaunch-wordpress-social-teaser-360vier-digitalagentur-referenz-case.webp\" class=\"archive-showcase-card__image case-study-card__image\" alt=\"\" loading=\"lazy\" sizes=\"auto, (min-width: 1024px) 50vw, 100vw\" srcset=\"https:\/\/www.360vier.de\/wp-content\/uploads\/ABG-Frankfurt-Holding-website-relaunch-wordpress-social-teaser-360vier-digitalagentur-referenz-case.webp 1200w, https:\/\/www.360vier.de\/wp-content\/uploads\/ABG-Frankfurt-Holding-website-relaunch-wordpress-social-teaser-360vier-digitalagentur-referenz-case-300x209.webp 300w, https:\/\/www.360vier.de\/wp-content\/uploads\/ABG-Frankfurt-Holding-website-relaunch-wordpress-social-teaser-360vier-digitalagentur-referenz-case-768x536.webp 768w\" \/>\n            <span class=\"archive-showcase-card__glow case-study-card__glow\" aria-hidden=\"true\"><\/span>\n    <\/span>\n  <\/span>\n\n  <span class=\"archive-showcase-card__text case-study-card__text\">\n              <span class=\"archive-showcase-card__headline case-study-card__headline\">A digital presence with purpose: ABG as a driver of urban development<\/span>\n              <span class=\"archive-showcase-card__subline case-study-card__subline\">ABG Frankfurt<\/span>\n                  <\/span>\n<\/a>\n                          <\/div>\n                      <div class=\"dhsv-case-study-slider__slide\">\n                              <a\n  class=\"archive-showcase-card archive-showcase-card--slider case-study-card case-study-card--slider   js-case-study-tilt   js-case-study-transition   archive-showcase-card--with-view-transition case-study-card--with-view-transition \"\n  href=\"https:\/\/www.360vier.de\/en\/case-study\/taglieber-holzbau\/\"\n   style=\"--case-vt-image: case-study-39212-image; --case-vt-title: case-study-39212-title;\" >\n  <span class=\"archive-showcase-card__visual case-study-card__visual\">\n    <span class=\"archive-showcase-card__follow case-study-card__follow\" aria-hidden=\"true\">\n      <span class=\"archive-showcase-card__follow-inner case-study-card__follow-inner\">\n        <span class=\"archive-showcase-card__follow-core case-study-card__follow-core\"><\/span>\n        <span class=\"archive-showcase-card__follow-arrow case-study-card__follow-arrow\">\n          <span class=\"icon\" aria-hidden=\"true\"><svg class=\"dhsv-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right-icon lucide-arrow-right\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg><\/span>\n        <\/span>\n      <\/span>\n    <\/span>\n    <span class=\"archive-showcase-card__tilt case-study-card__tilt\" aria-hidden=\"true\">\n              <img decoding=\"async\" width=\"1247\" height=\"725\" src=\"https:\/\/www.360vier.de\/wp-content\/uploads\/Taglieber-hero-case-website-relaunch-wordpress-social-teaser-360vier-digitalagentur-referenz-case.webp\" class=\"archive-showcase-card__image case-study-card__image\" alt=\"\" loading=\"lazy\" sizes=\"auto, (min-width: 1024px) 50vw, 100vw\" srcset=\"https:\/\/www.360vier.de\/wp-content\/uploads\/Taglieber-hero-case-website-relaunch-wordpress-social-teaser-360vier-digitalagentur-referenz-case.webp 1247w, https:\/\/www.360vier.de\/wp-content\/uploads\/Taglieber-hero-case-website-relaunch-wordpress-social-teaser-360vier-digitalagentur-referenz-case-300x174.webp 300w, https:\/\/www.360vier.de\/wp-content\/uploads\/Taglieber-hero-case-website-relaunch-wordpress-social-teaser-360vier-digitalagentur-referenz-case-768x447.webp 768w\" \/>\n            <span class=\"archive-showcase-card__glow case-study-card__glow\" aria-hidden=\"true\"><\/span>\n    <\/span>\n  <\/span>\n\n  <span class=\"archive-showcase-card__text case-study-card__text\">\n              <span class=\"archive-showcase-card__headline case-study-card__headline\">Taglieber: A Digital Milestone for a Future-Oriented Brand in Timber Construction<\/span>\n              <span class=\"archive-showcase-card__subline case-study-card__subline\">Taglieber<\/span>\n                  <\/span>\n<\/a>\n                          <\/div>\n                      <div class=\"dhsv-case-study-slider__slide\">\n                              <a\n  class=\"archive-showcase-card archive-showcase-card--slider case-study-card case-study-card--slider   js-case-study-tilt   js-case-study-transition   archive-showcase-card--with-view-transition case-study-card--with-view-transition \"\n  href=\"https:\/\/www.360vier.de\/en\/case-study\/kampmeyer\/\"\n   style=\"--case-vt-image: case-study-39093-image; --case-vt-title: case-study-39093-title;\" >\n  <span class=\"archive-showcase-card__visual case-study-card__visual\">\n    <span class=\"archive-showcase-card__follow case-study-card__follow\" aria-hidden=\"true\">\n      <span class=\"archive-showcase-card__follow-inner case-study-card__follow-inner\">\n        <span class=\"archive-showcase-card__follow-core case-study-card__follow-core\"><\/span>\n        <span class=\"archive-showcase-card__follow-arrow case-study-card__follow-arrow\">\n          <span class=\"icon\" aria-hidden=\"true\"><svg class=\"dhsv-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right-icon lucide-arrow-right\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg><\/span>\n        <\/span>\n      <\/span>\n    <\/span>\n    <span class=\"archive-showcase-card__tilt case-study-card__tilt\" aria-hidden=\"true\">\n              <img decoding=\"async\" width=\"1247\" height=\"725\" src=\"https:\/\/www.360vier.de\/wp-content\/uploads\/Kampmeyer-hero-case-website-relaunch-wordpress-social-teaser-360vier-digitalagentur-referenz-case-5.webp\" class=\"archive-showcase-card__image case-study-card__image\" alt=\"\" loading=\"lazy\" sizes=\"auto, (min-width: 1024px) 50vw, 100vw\" srcset=\"https:\/\/www.360vier.de\/wp-content\/uploads\/Kampmeyer-hero-case-website-relaunch-wordpress-social-teaser-360vier-digitalagentur-referenz-case-5.webp 1247w, https:\/\/www.360vier.de\/wp-content\/uploads\/Kampmeyer-hero-case-website-relaunch-wordpress-social-teaser-360vier-digitalagentur-referenz-case-5-300x174.webp 300w, https:\/\/www.360vier.de\/wp-content\/uploads\/Kampmeyer-hero-case-website-relaunch-wordpress-social-teaser-360vier-digitalagentur-referenz-case-5-768x447.webp 768w\" \/>\n            <span class=\"archive-showcase-card__glow case-study-card__glow\" aria-hidden=\"true\"><\/span>\n    <\/span>\n  <\/span>\n\n  <span class=\"archive-showcase-card__text case-study-card__text\">\n              <span class=\"archive-showcase-card__headline case-study-card__headline\">KAMPMEYER Immobilien: Digital Real Estate Platform for the Future of the Brokerage Industry<\/span>\n              <span class=\"archive-showcase-card__subline case-study-card__subline\">KAMPMEYER Real Estate<\/span>\n                  <\/span>\n<\/a>\n                          <\/div>\n                      <div class=\"dhsv-case-study-slider__slide\">\n                              <a\n  class=\"archive-showcase-card archive-showcase-card--slider case-study-card case-study-card--slider   js-case-study-tilt   js-case-study-transition   archive-showcase-card--with-view-transition case-study-card--with-view-transition \"\n  href=\"https:\/\/www.360vier.de\/en\/case-study\/menlo-systems\/\"\n   style=\"--case-vt-image: case-study-39181-image; --case-vt-title: case-study-39181-title;\" >\n  <span class=\"archive-showcase-card__visual case-study-card__visual\">\n    <span class=\"archive-showcase-card__follow case-study-card__follow\" aria-hidden=\"true\">\n      <span class=\"archive-showcase-card__follow-inner case-study-card__follow-inner\">\n        <span class=\"archive-showcase-card__follow-core case-study-card__follow-core\"><\/span>\n        <span class=\"archive-showcase-card__follow-arrow case-study-card__follow-arrow\">\n          <span class=\"icon\" aria-hidden=\"true\"><svg class=\"dhsv-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right-icon lucide-arrow-right\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg><\/span>\n        <\/span>\n      <\/span>\n    <\/span>\n    <span class=\"archive-showcase-card__tilt case-study-card__tilt\" aria-hidden=\"true\">\n              <img decoding=\"async\" width=\"1600\" height=\"1200\" src=\"https:\/\/www.360vier.de\/wp-content\/uploads\/Menlo-Systems-hero-case-website-relaunch-wordpress-social-teaser-360vier-digitalagentur-referenz-case-2-1600x1200.webp\" class=\"archive-showcase-card__image case-study-card__image\" alt=\"\" loading=\"lazy\" sizes=\"auto, (min-width: 1024px) 50vw, 100vw\" srcset=\"https:\/\/www.360vier.de\/wp-content\/uploads\/Menlo-Systems-hero-case-website-relaunch-wordpress-social-teaser-360vier-digitalagentur-referenz-case-2-1600x1200.webp 1600w, https:\/\/www.360vier.de\/wp-content\/uploads\/Menlo-Systems-hero-case-website-relaunch-wordpress-social-teaser-360vier-digitalagentur-referenz-case-2-300x225.webp 300w, https:\/\/www.360vier.de\/wp-content\/uploads\/Menlo-Systems-hero-case-website-relaunch-wordpress-social-teaser-360vier-digitalagentur-referenz-case-2-768x576.webp 768w, https:\/\/www.360vier.de\/wp-content\/uploads\/Menlo-Systems-hero-case-website-relaunch-wordpress-social-teaser-360vier-digitalagentur-referenz-case-2-1536x1152.webp 1536w, https:\/\/www.360vier.de\/wp-content\/uploads\/Menlo-Systems-hero-case-website-relaunch-wordpress-social-teaser-360vier-digitalagentur-referenz-case-2-2048x1536.webp 2048w\" \/>\n            <span class=\"archive-showcase-card__glow case-study-card__glow\" aria-hidden=\"true\"><\/span>\n    <\/span>\n  <\/span>\n\n  <span class=\"archive-showcase-card__text case-study-card__text\">\n              <span class=\"archive-showcase-card__headline case-study-card__headline\">Science Made Visible: Digital Precision at Menlo Systems<\/span>\n              <span class=\"archive-showcase-card__subline case-study-card__subline\">Menlo Systems<\/span>\n                  <\/span>\n<\/a>\n                          <\/div>\n                      <div class=\"dhsv-case-study-slider__slide\">\n                              <a\n  class=\"archive-showcase-card archive-showcase-card--slider case-study-card case-study-card--slider   js-case-study-tilt   js-case-study-transition   archive-showcase-card--with-view-transition case-study-card--with-view-transition \"\n  href=\"https:\/\/www.360vier.de\/en\/case-study\/buerger\/\"\n   style=\"--case-vt-image: case-study-39150-image; --case-vt-title: case-study-39150-title;\" >\n  <span class=\"archive-showcase-card__visual case-study-card__visual\">\n    <span class=\"archive-showcase-card__follow case-study-card__follow\" aria-hidden=\"true\">\n      <span class=\"archive-showcase-card__follow-inner case-study-card__follow-inner\">\n        <span class=\"archive-showcase-card__follow-core case-study-card__follow-core\"><\/span>\n        <span class=\"archive-showcase-card__follow-arrow case-study-card__follow-arrow\">\n          <span class=\"icon\" aria-hidden=\"true\"><svg class=\"dhsv-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right-icon lucide-arrow-right\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg><\/span>\n        <\/span>\n      <\/span>\n    <\/span>\n    <span class=\"archive-showcase-card__tilt case-study-card__tilt\" aria-hidden=\"true\">\n              <img decoding=\"async\" width=\"1247\" height=\"750\" src=\"https:\/\/www.360vier.de\/wp-content\/uploads\/buerger-gmbh-automatisierte-datenmigration-clickup-schulung-strategie-datenarchitektur-heroimage-lehrwald-360vier-digitalagentur-referenz-case-2.png\" class=\"archive-showcase-card__image case-study-card__image\" alt=\"\" loading=\"lazy\" sizes=\"auto, (min-width: 1024px) 50vw, 100vw\" srcset=\"https:\/\/www.360vier.de\/wp-content\/uploads\/buerger-gmbh-automatisierte-datenmigration-clickup-schulung-strategie-datenarchitektur-heroimage-lehrwald-360vier-digitalagentur-referenz-case-2.png 1247w, https:\/\/www.360vier.de\/wp-content\/uploads\/buerger-gmbh-automatisierte-datenmigration-clickup-schulung-strategie-datenarchitektur-heroimage-lehrwald-360vier-digitalagentur-referenz-case-2-300x180.png 300w, https:\/\/www.360vier.de\/wp-content\/uploads\/buerger-gmbh-automatisierte-datenmigration-clickup-schulung-strategie-datenarchitektur-heroimage-lehrwald-360vier-digitalagentur-referenz-case-2-768x462.png 768w\" \/>\n            <span class=\"archive-showcase-card__glow case-study-card__glow\" aria-hidden=\"true\"><\/span>\n    <\/span>\n  <\/span>\n\n  <span class=\"archive-showcase-card__text case-study-card__text\">\n              <span class=\"archive-showcase-card__headline case-study-card__headline\">B\u00dcRGER: Automated migration from Monday to ClickUp with onboarding for all employees<\/span>\n              <span class=\"archive-showcase-card__subline case-study-card__subline\">B\u00dcRGER<\/span>\n                  <\/span>\n<\/a>\n                          <\/div>\n                      <div class=\"dhsv-case-study-slider__slide\">\n                              <a\n  class=\"archive-showcase-card archive-showcase-card--slider case-study-card case-study-card--slider   js-case-study-tilt   js-case-study-transition   archive-showcase-card--with-view-transition case-study-card--with-view-transition \"\n  href=\"https:\/\/www.360vier.de\/en\/case-study\/euler-group\/\"\n   style=\"--case-vt-image: case-study-39162-image; --case-vt-title: case-study-39162-title;\" >\n  <span class=\"archive-showcase-card__visual case-study-card__visual\">\n    <span class=\"archive-showcase-card__follow case-study-card__follow\" aria-hidden=\"true\">\n      <span class=\"archive-showcase-card__follow-inner case-study-card__follow-inner\">\n        <span class=\"archive-showcase-card__follow-core case-study-card__follow-core\"><\/span>\n        <span class=\"archive-showcase-card__follow-arrow case-study-card__follow-arrow\">\n          <span class=\"icon\" aria-hidden=\"true\"><svg class=\"dhsv-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right-icon lucide-arrow-right\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg><\/span>\n        <\/span>\n      <\/span>\n    <\/span>\n    <span class=\"archive-showcase-card__tilt case-study-card__tilt\" aria-hidden=\"true\">\n              <img decoding=\"async\" width=\"1600\" height=\"1036\" src=\"https:\/\/www.360vier.de\/wp-content\/uploads\/Euler-Group-hero-case-website-relaunch-wordpress-social-teaser-360vier-digitalagentur-referenz-case-1600x1036.webp\" class=\"archive-showcase-card__image case-study-card__image\" alt=\"\" loading=\"lazy\" sizes=\"auto, (min-width: 1024px) 50vw, 100vw\" srcset=\"https:\/\/www.360vier.de\/wp-content\/uploads\/Euler-Group-hero-case-website-relaunch-wordpress-social-teaser-360vier-digitalagentur-referenz-case-1600x1036.webp 1600w, https:\/\/www.360vier.de\/wp-content\/uploads\/Euler-Group-hero-case-website-relaunch-wordpress-social-teaser-360vier-digitalagentur-referenz-case-300x194.webp 300w, https:\/\/www.360vier.de\/wp-content\/uploads\/Euler-Group-hero-case-website-relaunch-wordpress-social-teaser-360vier-digitalagentur-referenz-case-768x497.webp 768w, https:\/\/www.360vier.de\/wp-content\/uploads\/Euler-Group-hero-case-website-relaunch-wordpress-social-teaser-360vier-digitalagentur-referenz-case-1536x995.webp 1536w, https:\/\/www.360vier.de\/wp-content\/uploads\/Euler-Group-hero-case-website-relaunch-wordpress-social-teaser-360vier-digitalagentur-referenz-case.webp 1720w\" \/>\n            <span class=\"archive-showcase-card__glow case-study-card__glow\" aria-hidden=\"true\"><\/span>\n    <\/span>\n  <\/span>\n\n  <span class=\"archive-showcase-card__text case-study-card__text\">\n              <span class=\"archive-showcase-card__headline case-study-card__headline\">EULER GROUP: Website Relaunch in the Mobility Transition<\/span>\n              <span class=\"archive-showcase-card__subline case-study-card__subline\">Euler Group<\/span>\n                  <\/span>\n<\/a>\n                          <\/div>\n                                <div class=\"dhsv-case-study-slider__slide dhsv-case-study-slider__slide--cta\">\n              <a class=\"dhsv-case-study-slider__cta\" href=\"https:\/\/www.360vier.de\/en\/case-study\/\">\n                <span class=\"dhsv-case-study-slider__cta-label\">Zu allen Cases<\/span>\n                <span class=\"dhsv-case-study-slider__cta-arrow\" aria-hidden=\"true\">\u2192<\/span>\n              <\/a>\n            <\/div>\n                  <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<div class=\"wp-block-group alignfull has-light-background-color has-background is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div style=\"height:4rem\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">360VIER is your <span style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-green-color\">Payload CMS partner<\/span><br\/>Web design with vision \u2013 for clients across the entire DACH region<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Aus\u00a0<strong>Webprojekten seit 2012<\/strong>\u00a0wissen wir genau, worauf es bei komplexen CMS-Projekten ankommt. Unser Anspruch ist es, Ihre Website nicht nur technisch einwandfrei, sondern auch\u00a0<strong>SEO-optimiert, benutzerfreundlich und zukunftsf\u00e4hig<\/strong>\u00a0zu gestalten. Vertrauen Sie auf ein eingespieltes Team, das Design, Technologie und Content perfekt vereint.<\/p>\n\n\n\n<div style=\"height:4rem\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group alignwide is-layout-grid wp-container-core-group-is-layout-c4fb2127 wp-block-group-is-layout-grid\"><div class=\"dhsv-icon-box-block vertical align icon-size-small background-green\">\n            <div class=\"icon-box__image\">\n            <img decoding=\"async\" src=\"https:\/\/www.360vier.de\/wp-content\/uploads\/clickup-deployment-icon-ongreen-360vier.svg\" alt=\"\">\n        <\/div>\n        <div class=\"icon-box__text\">\n                <h3 class=\"title\"><strong>We take the helm.<\/strong><\/h3>\n                <span>With us, you can sit back and relax. We guide you through the entire process and you simply give us feedback. <\/span>\n        <\/div>\n<\/div>\n\n<div class=\"dhsv-icon-box-block vertical align icon-size-small background-green-transparent\">\n            <div class=\"icon-box__image\">\n            <img decoding=\"async\" src=\"https:\/\/www.360vier.de\/wp-content\/uploads\/clickup-agentur-beratung-strategie-icon-onlight-360vier-1.svg\" alt=\"\">\n        <\/div>\n        <div class=\"icon-box__text\">\n                <h3 class=\"title\"><strong>We understand needs.<\/strong><\/h3>\n                <span>Our perspective shift into your business is the foundation for your successful digital brand presence.<\/span>\n        <\/div>\n<\/div>\n\n<div class=\"dhsv-icon-box-block vertical align icon-size-small background-gray-transparent\">\n            <div class=\"icon-box__image\">\n            <img decoding=\"async\" src=\"https:\/\/www.360vier.de\/wp-content\/uploads\/cms-redaktion-backend-icon-dark-green-360vier.svg\" alt=\"\">\n        <\/div>\n        <div class=\"icon-box__text\">\n                <h3 class=\"title\"><strong>We are design enthusiasts.<\/strong><\/h3>\n                <span>First impressions must convince. That&#8217;s why we design from scratch, not based on what&#8217;s easiest to implement. <\/span>\n        <\/div>\n<\/div>\n\n<div class=\"dhsv-icon-box-block vertical align icon-size-small background-green-transparent\">\n            <div class=\"icon-box__image\">\n            <img decoding=\"async\" src=\"https:\/\/www.360vier.de\/wp-content\/uploads\/integrationen-blindes-reporting-onlight-360vier.svg\" alt=\"\">\n        <\/div>\n        <div class=\"icon-box__text\">\n                <h3 class=\"title\"><strong>We like lean processes.<\/strong><\/h3>\n                <span>Through tools &#038; a clear process, we work as efficiently as possible to ensure the delivery of your project.<\/span>\n        <\/div>\n<\/div>\n\n<div class=\"dhsv-icon-box-block vertical align icon-size-small background-gray-transparent\">\n            <div class=\"icon-box__image\">\n            <img decoding=\"async\" src=\"https:\/\/www.360vier.de\/wp-content\/uploads\/clickup-bedarfsanalyse-strategie-icon-onlight-360vier-1.svg\" alt=\"\">\n        <\/div>\n        <div class=\"icon-box__text\">\n                <h3 class=\"title\"><strong>We are tech geeks.<\/strong><\/h3>\n                <span>JavaScript, Headless, Webpack, APIs, or React \u2013 we&#8217;re into tech &#038; work exclusively with the latest standards.<\/span>\n        <\/div>\n<\/div>\n\n<div class=\"dhsv-icon-box-block vertical align icon-size-small background-green\">\n            <div class=\"icon-box__image\">\n            <img decoding=\"async\" src=\"https:\/\/www.360vier.de\/wp-content\/uploads\/home-unternehmen-kommen-suchmaschine-ai-ready-icon-ongreen-360vier-1.svg\" alt=\"\">\n        <\/div>\n        <div class=\"icon-box__text\">\n                <h3 class=\"title\"><strong>We love details.<\/strong><\/h3>\n                <span>It&#8217;s always the small things that make a design, website, or app unforgettable. That&#8217;s what we&#8217;re passionate about. <\/span>\n        <\/div>\n<\/div><\/div>\n\n\n\n<div style=\"height:4rem\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><span style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-green-color\">Partners<\/span><\/h3>\n\n<div style=\"height:2rem\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"254\" height=\"169\" src=\"https:\/\/www.360vier.de\/wp-content\/uploads\/wordpress_logo-300x200-1.webp\" alt=\"\" class=\"wp-image-35845\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"253\" height=\"169\" src=\"https:\/\/www.360vier.de\/wp-content\/uploads\/hubspot_logo-300x200-1.webp\" alt=\"\" class=\"wp-image-35841\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"254\" height=\"169\" src=\"https:\/\/www.360vier.de\/wp-content\/uploads\/personio_imple-300x200-1.webp\" alt=\"\" class=\"wp-image-35843\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"253\" height=\"169\" src=\"https:\/\/www.360vier.de\/wp-content\/uploads\/CU_Diamond-Partner-300x200-1.webp\" alt=\"\" class=\"wp-image-35840\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"254\" height=\"169\" src=\"https:\/\/www.360vier.de\/wp-content\/uploads\/raidboxes_partner-300x200-1-1.webp\" alt=\"\" class=\"wp-image-35844\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"254\" height=\"167\" src=\"https:\/\/www.360vier.de\/wp-content\/uploads\/ms_partner-300x197-1.webp\" alt=\"\" class=\"wp-image-35842\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:4rem\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><span style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-green-color\">Awards<\/span><\/h3>\n\n<div style=\"height:2rem\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"215\" height=\"143\" src=\"https:\/\/www.360vier.de\/wp-content\/uploads\/Logo-WebAward-1-1.webp\" alt=\"\" class=\"wp-image-35854\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"217\" height=\"145\" src=\"https:\/\/www.360vier.de\/wp-content\/uploads\/Logo-Ranking-1-1.webp\" alt=\"\" class=\"wp-image-35853\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"217\" height=\"145\" src=\"https:\/\/www.360vier.de\/wp-content\/uploads\/Logo-DesignAward22-1-1.webp\" alt=\"\" class=\"wp-image-35852\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"218\" height=\"145\" src=\"https:\/\/www.360vier.de\/wp-content\/uploads\/Logo-DesignAward20-1-1.webp\" alt=\"\" class=\"wp-image-35851\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"221\" height=\"147\" src=\"https:\/\/www.360vier.de\/wp-content\/uploads\/Logo-Annual-1-1.webp\" alt=\"\" class=\"wp-image-35849\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"215\" height=\"143\" src=\"https:\/\/www.360vier.de\/wp-content\/uploads\/Logo-awwwards-1.webp\" alt=\"\" class=\"wp-image-35850\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:4rem\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div style=\"height:7rem\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n<div class=\"wp-block-group alignfull has-dark-gradient-background has-background is-layout-constrained wp-block-group-is-layout-constrained\">\n<div style=\"height:7rem\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group alignwide is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"is-image-left has-subline has-image alignwide wp-block-dhsv-cta\">\n            <img loading=\"lazy\" decoding=\"async\"\n            class=\"image\"\n            src=\"https:\/\/www.360vier.de\/wp-content\/uploads\/hans-mengler-team-360vier.webp\"\n            alt=\"Hans Mengler\"\n             width=\"740\"              height=\"740\"         >\n        <div class=\"content with-bg bg-dark-gradient\">\n        <div class=\"content--body\">\n                            <h2 class=\"content--title\">Are you planning a <span style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-green-color\">platform relaunch<\/span> or a migration?<\/h2>\n                                        <p class=\"content--subline\">The old system doesn&#8217;t scale, IT wants consolidation, Marketing needs a platform that can be maintained internally? Then let&#8217;s talk! <\/p>\n                    <\/div>\n        <div class=\"content--footer\">\n            <div class=\"content--person\">\n                                    <p class=\"content--description\">Hans Mengler<\/p>\n                                                    <p class=\"content--role\">Managing Director<\/p>\n                            <\/div>\n            <div class=\"content--actions\">\n                                    <a href=\"mailto:beratung@360vier.de\" class=\"dhsv-button tertiary cta-email-button\">\n                        <span class=\"email-label\">Email to Hans<\/span>\n                        <span class=\"icon email-icon\" aria-hidden=\"true\"><svg class=\"dhsv-icon\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n  <path d=\"M18.3346 1.66406L9.16797 10.8307\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n  <path d=\"M18.3346 1.66406L12.5013 18.3307L9.16797 10.8307L1.66797 7.4974L18.3346 1.66406Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg><\/span>\n                    <\/a>\n                                                    <a href=\"https:\/\/www.360vier.de\/en\/inquiry\/\"\n                                                                        class=\"dhsv-button primary\">\n                        <span>Request Consultation<\/span>\n                        <span class=\"icon\" aria-hidden=\"true\">\n                            <svg class=\"dhsv-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right-icon lucide-arrow-right\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg>                        <\/span>\n                    <\/a>\n                            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:7rem\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>As a Payload CMS agency, 360VIER supports companies, organizations, and institutions in realizing their digital presence with a modern, powerful, and future-proof headless CMS. As an open-source CMS, Payload CMS is particularly well suited to projects that require maximum flexibility, a custom data structure, and top performance. With more than 12 years of experience in &hellip; <a href=\"https:\/\/www.360vier.de\/en\/digital-platforms\/payload-cms-agency\/\">Continued<\/a><\/p>\n","protected":false},"author":9,"featured_media":39259,"parent":39324,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_wpts_hint":"F\u00fcr IT- und Technikrollen sowie Plattformverantwortliche, die Headless-CMS-Architektur mit Payload evaluieren.","footnotes":""},"class_list":["post-39255","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.360vier.de\/en\/wp-json\/wp\/v2\/pages\/39255","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.360vier.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.360vier.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.360vier.de\/en\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.360vier.de\/en\/wp-json\/wp\/v2\/comments?post=39255"}],"version-history":[{"count":5,"href":"https:\/\/www.360vier.de\/en\/wp-json\/wp\/v2\/pages\/39255\/revisions"}],"predecessor-version":[{"id":40859,"href":"https:\/\/www.360vier.de\/en\/wp-json\/wp\/v2\/pages\/39255\/revisions\/40859"}],"up":[{"embeddable":true,"href":"https:\/\/www.360vier.de\/en\/wp-json\/wp\/v2\/pages\/39324"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.360vier.de\/en\/wp-json\/wp\/v2\/media\/39259"}],"wp:attachment":[{"href":"https:\/\/www.360vier.de\/en\/wp-json\/wp\/v2\/media?parent=39255"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}