{"id":40438,"date":"2026-10-24T19:19:57","date_gmt":"2026-10-24T17:19:57","guid":{"rendered":"https:\/\/www.360vier.de\/?page_id=40438"},"modified":"2026-10-28T14:53:37","modified_gmt":"2026-10-28T13:53:37","slug":"universities","status":"publish","type":"page","link":"https:\/\/www.360vier.de\/en\/digital-platforms\/web-design-agency\/universities\/","title":{"rendered":"Websites for Universities"},"content":{"rendered":"\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 style=\"height:10rem\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"alignwide wp-block-dhsv-breadcrumb\">\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<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide 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:67%\"><div class=\"dhsv-swap-headline-block alignwide\">\n    <h1>\n    Websites for universities:<br><div class=\"swap-wrapper\"><div class=\"swap-inner\"><span class=\"swap\" style=\"--anchor: --swap-pos-0\">accessible by design.<\/span><span class=\"swap\" style=\"--anchor: --swap-pos-1\">for many editorial teams.<\/span><span class=\"swap\" style=\"--anchor: --swap-pos-2\">with program data.<\/span><\/div><\/div>\n    <\/h1>\n<\/div>\n\n\n<p class=\"has-text-intro-font-size wp-block-paragraph\">360VIER develops websites for universities and research institutions on WordPress: with a component library for faculties, program data from Salesforce or campus management, and built-in accessibility.<\/p>\n\n\n\n<div class=\"wp-block-group is-style-without-space is-nowrap is-layout-flex wp-container-core-group-is-layout-7387b849 wp-block-group-is-layout-flex\"><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\/calendar-hm\/\"\n    class=\"dhsv-button primary    \"\n    \n    \n>\n  <span class=\"text\">Discuss your project<\/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\n\n<button class=\"wp-block-dhsv100-chat-button dhsv-chat-button dhsv-chat-button--secondary\" type=\"button\" data-dhsv-chat=\"\" data-dhsv-chat-morph=\"\" data-dhsv-chat-placement=\"center\" data-dhsv-chat-entry=\"stage\" data-dhsv-chat-source=\"block\" data-dhsv-chat-examples=\"[&quot;How does a website relaunch at a university work?&quot;,&quot;How do you handle public tenders?&quot;]\" aria-label=\"Ask about university websites\"><span class=\"dhsv-chat-button__icon\" aria-hidden=\"true\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2.5l2 6.2 6.2 2-6.2 2-2 6.3-2-6.3-6.2-2 6.2-2z\"><\/path><path d=\"M19 15.5l.8 2.2 2.2.8-2.2.8-.8 2.2-.8-2.2-2.2-.8 2.2-.8z\" opacity=\".85\"><\/path><\/svg><\/span><span class=\"dhsv-chat-button__text\" aria-hidden=\"true\">Ask about university websites<\/span><span class=\"dhsv-chat-button__caret\" aria-hidden=\"true\"><\/span><\/button>\n<\/div>\n<\/div>\n<\/div>\n\n\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;:5,&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;:2.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\/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\/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\/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\/menlo-system-logo-white-360vier-cases.svg\"\n                                        alt=\"Menlo Systems\"\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\/Buerger-logo-white-360vier-cases.svg\"\n                                        alt=\"B\u00dcRGER\"\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>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<div class=\"dhsv-cases-stage-v2-block-wrapper alignfull is-root-container\">\n    <div class=\"dhsv-cases-stage-v2-block alignwide\">\n        <div class=\"dhsv-cases-stage-v2-block__inner\">\n            <div class=\"dhsv-cases-stage-v2-block__viewport\">\n                <div class=\"dhsv-cases-stage-v2-block__container\">\n                                            <div class=\"dhsv-cases-stage-v2-block__slide\">\n                            <div class=\"dhsv-cases-stage-v2-block__slide-content\">\n                                <div class=\"case__image\">\n                                    \n                                                                            <img width=\"1600\" height=\"935\" src=\"https:\/\/www.360vier.de\/wp-content\/uploads\/lernstudio-barbarossa-bildungswebsite-hero-case-360vier.webp\" class=\"dhsv-lcp-image\" alt=\"Lernstudio Barbarossa: Clear brand identity and intuitive user guidance for a national educational institute\" fetchpriority=\"auto\" loading=\"eager\" decoding=\"async\" srcset=\"https:\/\/www.360vier.de\/wp-content\/uploads\/lernstudio-barbarossa-bildungswebsite-hero-case-360vier.webp 1601w, https:\/\/www.360vier.de\/wp-content\/uploads\/lernstudio-barbarossa-bildungswebsite-hero-case-360vier-300x175.webp 300w, https:\/\/www.360vier.de\/wp-content\/uploads\/lernstudio-barbarossa-bildungswebsite-hero-case-360vier-768x449.webp 768w, https:\/\/www.360vier.de\/wp-content\/uploads\/lernstudio-barbarossa-bildungswebsite-hero-case-360vier-1536x898.webp 1536w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/>\n                                                                    <\/div>\n                                <div class=\"case__hover-zone\">\n                                    <div class=\"case__cta\">\n                                                                                    <p class=\"case__index\">Lernstudio Barbarossa<\/p>\n                                                                                <p class=\"case__title\">Lernstudio Barbarossa: Clear brand identity and intuitive user guidance for a national educational institute<\/p>\n                                        <a href=\"https:\/\/www.360vier.de\/en\/case-study\/lernstudio-barbarossa\/\" class=\"dhsv-button primary has-icon-right\">\n                                            <span class=\"text\">To the Case<\/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                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"dhsv-cases-stage-v2-block__slide\">\n                            <div class=\"dhsv-cases-stage-v2-block__slide-content\">\n                                <div class=\"case__image\">\n                                    \n                                                                            <img width=\"1600\" height=\"941\" src=\"https:\/\/www.360vier.de\/wp-content\/uploads\/abg-frankfurt-immobilienwebsite-hero-case-360vier.webp\" class=\"attachment-large size-large\" alt=\"A digital presence with purpose: ABG as a driver of urban development\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/www.360vier.de\/wp-content\/uploads\/abg-frankfurt-immobilienwebsite-hero-case-360vier.webp 1600w, https:\/\/www.360vier.de\/wp-content\/uploads\/abg-frankfurt-immobilienwebsite-hero-case-360vier-300x176.webp 300w, https:\/\/www.360vier.de\/wp-content\/uploads\/abg-frankfurt-immobilienwebsite-hero-case-360vier-768x452.webp 768w, https:\/\/www.360vier.de\/wp-content\/uploads\/abg-frankfurt-immobilienwebsite-hero-case-360vier-1536x903.webp 1536w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/>\n                                                                    <\/div>\n                                <div class=\"case__hover-zone\">\n                                    <div class=\"case__cta\">\n                                                                                    <p class=\"case__index\">ABG Frankfurt<\/p>\n                                                                                <p class=\"case__title\">A digital presence with purpose: ABG as a driver of urban development<\/p>\n                                        <a href=\"https:\/\/www.360vier.de\/en\/case-study\/abg-frankfurt\/\" class=\"dhsv-button primary has-icon-right\">\n                                            <span class=\"text\">To the Case<\/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                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n                            <div class=\"splide__dragable-pagination\"><\/div>\n                    <\/div>\n    <\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group alignfull is-style-without-space is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:7rem;padding-bottom:7rem\">\n<div class=\"wp-block-group alignwide is-style-without-space is-layout-constrained wp-block-group-is-layout-constrained\"><details\n    class=\"wp-block-dhsv-ai-akkordeon\"\n     id=\"ai-akkordeon-hs2026\"                 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>Which agency develops university websites on WordPress?<\/strong><\/div>\n                                        <div class=\"ai-akkordeon__summary-text\">360VIER, a digital agency based in Gro\u00df-Umstadt near Frankfurt and in Cologne, develops websites for universities and research institutions on WordPress, with a component library for faculties, data from the source systems and accessibility as a requirement. For Johannes Gutenberg University Mainz, it built a Gutenberg component library for around 1,500 websites and 2,500 editors. Further references include Hochschule Fresenius and Max Planck Law.<\/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 GmbH<br>type           Organization | Digital agency<br>founded        2012<br>size           around 35 employees<br>location       Gro\u00df-Umstadt near Frankfurt and Cologne<br>group          Part of the Friends Digital Group<br><br>page           Websites for universities<br>page.type      Service (education and research sector)<br>page.pillar    Digital Platforms<br>page.url       \/en\/digital-platforms\/web-design-agency\/universities\/<br><br>provides       Website relaunch for universities and research institutions on WordPress<br>provides       Component library and design system for faculties and institutes<br>provides       Program, people and publication data from source systems<br>provides       Application and information request forms with CRM integration<br>provides       Accessibility according to EN 301 549 \/ WCAG as a requirement (no audit report by 360VIER)<br><br>proof          Johannes Gutenberg University Mainz \u00b7 around 1,500 websites, 2,500 editors, Gutenberg component library \u00b7 tender 2019<br>proof          Hochschule Fresenius \u00b7 programs and events from Salesforce, application forms to Salesforce, login via Azure AD<br>proof          Max Planck Law \u00b7 eight institutes, daily import of around 43,000 publications from pure.mpg<br>proof          TU Braunschweig \u00b7 #DuMaschine campaign<br>proof          Lernstudio Barbarossa \u00b7 more than 165 locations, more than 22,000 subpages restructured, CRM integration<br><br>relation       industry page of \u2192 Web Design Agency (\/en\/digital-platforms\/web-design-agency\/)<br>relation       related \u2192 Website relaunch with WordPress (\/en\/digital-platforms\/website-relaunch\/)<br>knowledge      WordPress in higher education \u2192 \/en\/insights\/cms\/wordpress-in-higher-education\/<\/pre>\n\n\n    <\/div>\n<\/details>\n<\/div>\n\n\n\n<div style=\"height:7rem\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading alignwide\">Why do <span style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-green-color\">university<\/span> websites hit their limits?<\/h2>\n\n\n\n<div style=\"height:2rem\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group alignwide is-style-without-space is-layout-grid wp-container-core-group-is-layout-27c64173 wp-block-group-is-layout-grid\" style=\"margin-top:0;margin-bottom:0\"><div class=\"dhsv-icon-box-block vertical align icon-size-small background-gray-transparent wp-container-content-b9cf2816\">\n            <div class=\"icon-box__image\">\n            <img decoding=\"async\" src=\"https:\/\/www.360vier.de\/wp-content\/uploads\/integrationen-manuell-nacharbeit-onlight-360vier.svg\" alt=\"\">\n        <\/div>\n        <div class=\"icon-box__text\">\n                <h3 class=\"title\"><strong>Many editorial teams, little consistency<\/strong><\/h3>\n                <span>Faculties, institutes and administration each maintain their own sections. Without a shared component library, every page looks different.<\/span>\n        <\/div>\n<\/div>\n\n<div class=\"dhsv-icon-box-block vertical align icon-size-small background-green-transparent wp-container-content-b9cf2816\">\n            <div class=\"icon-box__image\">\n            <img decoding=\"async\" src=\"https:\/\/www.360vier.de\/wp-content\/uploads\/integrationen-medienbruch-onlight-360vier.svg\" alt=\"\">\n        <\/div>\n        <div class=\"icon-box__text\">\n                <h3 class=\"title\"><strong>Programs maintained twice<\/strong><\/h3>\n                <span>Data on programs, deadlines and contacts sits in campus management or the CRM and gets retyped for the website.<\/span>\n        <\/div>\n<\/div>\n\n<div class=\"dhsv-icon-box-block vertical align icon-size-small background-gray-transparent wp-container-content-b9cf2816\">\n            <div class=\"icon-box__image\">\n            <img decoding=\"async\" src=\"https:\/\/www.360vier.de\/wp-content\/uploads\/integrationen-kontext-onlight-360vier.svg\" alt=\"\">\n        <\/div>\n        <div class=\"icon-box__text\">\n                <h3 class=\"title\"><strong>Accessibility comes too late<\/strong><\/h3>\n                <span>Contrast, keyboard navigation and plain language are hard to retrofit once the design system is in place.<\/span>\n        <\/div>\n<\/div>\n\n<div class=\"dhsv-icon-box-block vertical align icon-size-small background-green-transparent wp-container-content-b9cf2816\">\n            <div class=\"icon-box__image\">\n            <img decoding=\"async\" src=\"https:\/\/www.360vier.de\/wp-content\/uploads\/integrationen-marketing-ohne-feedback-onlight-360vier.svg\" alt=\"\">\n        <\/div>\n        <div class=\"icon-box__text\">\n                <h3 class=\"title\"><strong>Applications without a feedback loop<\/strong><\/h3>\n                <span>Information requests and applications end up in an inbox. University marketing can\u2019t see which campaign brought in prospective students.<\/span>\n        <\/div>\n<\/div>\n\n<div class=\"dhsv-icon-box-block vertical align icon-size-small background-gray-transparent wp-container-content-b9cf2816\">\n            <div class=\"icon-box__image\">\n            <img decoding=\"async\" src=\"https:\/\/www.360vier.de\/wp-content\/uploads\/dataenablement-api-datenautomation-onlight-360vier.svg\" alt=\"\">\n        <\/div>\n        <div class=\"icon-box__text\">\n                <h3 class=\"title\"><strong>International audiences<\/strong><\/h3>\n                <span>English pages fall behind. Without a plan for translation and language linking, prospective students from abroad struggle to find the right version.<\/span>\n        <\/div>\n<\/div>\n\n<div class=\"dhsv-icon-box-block vertical align icon-size-small background-green-transparent wp-container-content-b9cf2816\">\n            <div class=\"icon-box__image\">\n            <img decoding=\"async\" src=\"https:\/\/www.360vier.de\/wp-content\/uploads\/integrationen-reporting-blinde-flecken-onlight-360vier.svg\" alt=\"\">\n        <\/div>\n        <div class=\"icon-box__text\">\n                <h3 class=\"title\"><strong>Research stays invisible<\/strong><\/h3>\n                <span>Publications, projects and people live in separate systems, and the website shows little of them. AI search can\u2019t find the expertise either, a topic for <a href='https:\/\/www.360vier.de\/en\/ai-enablement\/ai-visibility\/'>AI Visibility<\/a>.<\/span>\n        <\/div>\n<\/div><\/div>\n<\/div>\n\n\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\" style=\"padding-top:7rem;padding-bottom:7rem\">\n<div class=\"wp-block-group alignwide is-style-without-space is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-54d22900 wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading alignwide\">What a <span style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-green-color\">university<\/span> website needs to deliver<\/h2>\n\n\n\n<div style=\"height:2rem\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-dhsv-tabs\" id=\"6af65629d4150\" data-default-selected=\"tab-item-hs-baukasten\">\n    <div class=\"wp-block-dhsv-tabs--container\">\n        <div class=\"wp-block-dhsv-tabs--navigation\">\n            \n<div class=\"wp-block-dhsv-tab-item\" id=\"tab-item-hs-baukasten\">\n    <span class=\"wp-block-dhsv-tab-item--title\">\n                 <span class=\"wp-block-dhsv-tab-item--title-text\"><strong>Component library for faculties and institutes<\/strong><\/span>\n   <\/span>\n    <div class=\"wp-block-dhsv-tab-item--content\">\n        \n\n<p class=\"wp-block-paragraph\">A design system with Gutenberg blocks gives every editorial team the same building blocks and rules. At Johannes Gutenberg University Mainz, departments, institutes and facilities adopt the library as their own instance, and all components are documented in Storybook.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>What this means for you:<\/strong> Faculties build their own pages while the overall presence stays consistent. How we set up WordPress for large editorial teams is described on the <a href=\"https:\/\/www.360vier.de\/en\/digital-platforms\/wordpress-agency\/\">WordPress Agency<\/a> page.<\/p>\n\n\n    <\/div>\n<\/div>\n\n\n<div class=\"wp-block-dhsv-tab-item\" id=\"tab-item-hs-daten\">\n    <span class=\"wp-block-dhsv-tab-item--title\">\n                 <span class=\"wp-block-dhsv-tab-item--title-text\"><strong>Program data from Salesforce<\/strong><\/span>\n   <\/span>\n    <div class=\"wp-block-dhsv-tab-item--content\">\n        \n\n<p class=\"wp-block-paragraph\">Degree programs, vocational training and events come automatically from the source system. At Hochschule Fresenius, the website imports them regularly from Salesforce and the teaching staff from a separate system; a program filter helps visitors find what they need.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>What this means for you:<\/strong> Deadlines and contacts are maintained in one place only. The options for this, from Web-to-Lead to the REST API, are covered on <a href=\"https:\/\/www.360vier.de\/en\/integrations\/wordpress-salesforce\/\">Connecting WordPress and Salesforce<\/a>.<\/p>\n\n\n    <\/div>\n<\/div>\n\n\n<div class=\"wp-block-dhsv-tab-item\" id=\"tab-item-hs-bewerbung\">\n    <span class=\"wp-block-dhsv-tab-item--title\">\n                 <span class=\"wp-block-dhsv-tab-item--title-text\"><strong>Applications and university marketing<\/strong><\/span>\n   <\/span>\n    <div class=\"wp-block-dhsv-tab-item--content\">\n        \n\n<p class=\"wp-block-paragraph\">Forms for applications, information material and info sessions write directly to the CRM and to tracking. At Hochschule Fresenius, the application form pre-fills details that are already known.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>What this means for you:<\/strong> University marketing sees which campaign brings in prospective students. For TU Braunschweig\u2019s #DuMaschine campaign, which aimed to attract prospective students to mechanical engineering, we developed the strategy, website concept and social media planning.<\/p>\n\n\n    <\/div>\n<\/div>\n\n\n<div class=\"wp-block-dhsv-tab-item\" id=\"tab-item-hs-forschung\">\n    <span class=\"wp-block-dhsv-tab-item--title\">\n                 <span class=\"wp-block-dhsv-tab-item--title-text\"><strong>Research and publications<\/strong><\/span>\n   <\/span>\n    <div class=\"wp-block-dhsv-tab-item--content\">\n        \n\n<p class=\"wp-block-paragraph\">At Max Planck Law, the platform of the eight Max Planck Institutes for law imports around 43,000 publications from pure.mpg every day. People, events and podcast episodes have their own content types and are linked to one another.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>What this means for you:<\/strong> Researchers maintain publications only in the research system, and the website shows them automatically on the person, institute and topic pages. This makes expertise discoverable for search engines and AI answers.<\/p>\n\n\n    <\/div>\n<\/div>\n\n\n<div class=\"wp-block-dhsv-tab-item\" id=\"tab-item-hs-barrierefrei\">\n    <span class=\"wp-block-dhsv-tab-item--title\">\n                 <span class=\"wp-block-dhsv-tab-item--title-text\"><strong>Accessibility under BITV and WCAG<\/strong><\/span>\n   <\/span>\n    <div class=\"wp-block-dhsv-tab-item--content\">\n        \n\n<p class=\"wp-block-paragraph\">Websites of public bodies must be perceivable, operable, understandable and robust. This is set out in <a href=\"https:\/\/www.gesetze-im-internet.de\/bitv_2_0\/__3.html\" target=\"_blank\" rel=\"noopener\">Section 3 BITV 2.0<\/a>, the German Barrier-Free Information Technology Ordinance, for federal bodies, and correspondingly in the state regulations. The technical basis is the EN 301 549 standard, which refers to WCAG 2.1 AA.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>What this means for you:<\/strong> We plan contrast and typography in the design system, test keyboard navigation and screen readers during development, and prepare the accessibility statement under <a href=\"https:\/\/www.gesetze-im-internet.de\/bitv_2_0\/__7.html\" target=\"_blank\" rel=\"noopener\">Section 7 BITV 2.0<\/a>. The formal audit report is prepared by an independent testing body.<\/p>\n\n\n    <\/div>\n<\/div>\n\n\n<div class=\"wp-block-dhsv-tab-item\" id=\"tab-item-hs-betrieb\">\n    <span class=\"wp-block-dhsv-tab-item--title\">\n                 <span class=\"wp-block-dhsv-tab-item--title-text\"><strong>Operation and maintenance<\/strong><\/span>\n   <\/span>\n    <div class=\"wp-block-dhsv-tab-item--content\">\n        \n\n<p class=\"wp-block-paragraph\">The platform runs in the university\u2019s data center or with a hosting provider that meets your requirements. In Mainz, the university\u2019s data center operates the website; source code and documentation were handed over.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>What this means for you:<\/strong> You decide whether your data center takes over or we look after updates, security and further development. What this includes is described on the <a href=\"https:\/\/www.360vier.de\/en\/digital-platforms\/wordpress-agency\/wordpress-maintenance\/\">WordPress maintenance and support<\/a> page.<\/p>\n\n\n    <\/div>\n<\/div>\n\n\n        <\/div>\n        <div class=\"wp-block-dhsv-tabs--content\"><\/div>\n    <\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull is-style-without-space has-light-background-color has-background is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:7rem;padding-bottom:7rem\">\n<div class=\"wp-block-columns alignwide are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-07579d57 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:45%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"714\" height=\"955\" src=\"https:\/\/www.360vier.de\/wp-content\/uploads\/wordpress-enterprise-plattform-entwicklung-modular-skalierbar-4.webp\" alt=\"Modular WordPress platform as the basis for a university website relaunch\" class=\"wp-image-35630\" srcset=\"https:\/\/www.360vier.de\/wp-content\/uploads\/wordpress-enterprise-plattform-entwicklung-modular-skalierbar-4.webp 714w, https:\/\/www.360vier.de\/wp-content\/uploads\/wordpress-enterprise-plattform-entwicklung-modular-skalierbar-4-224x300.webp 224w\" sizes=\"auto, (max-width: 714px) 100vw, 714px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:55%\">\n<h2 class=\"wp-block-heading\">Website relaunch at a university: tenders, TYPO3 and <span style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-green-color\">committees<\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">University websites rarely come about without a public tender. Johannes Gutenberg University Mainz awarded its relaunch to 360VIER in 2019 through a formal two-stage procedure. We deliver concepts, references and price sheets in a form that maps onto the award criteria.<\/p>\n\n\n\n<ul style=\"margin-top:1.5rem\" class=\"wp-block-list\">\n<li><strong>Moving from TYPO3:<\/strong> Many universities currently run on TYPO3. Content, media and metadata can be transferred by script, and old URLs get redirects. The article <a href=\"https:\/\/www.360vier.de\/en\/insights\/cms\/a-comparison-of-open-source-cmss-wordpress-typo3-and-others\/\">Open-source CMS compared<\/a> offers a system comparison.<\/li>\n\n\n\n<li><strong>Committees and approvals:<\/strong> We plan review rounds with the university leadership, communications, the data center and faculties from the start.<\/li>\n\n\n\n<li><strong>Step-by-step launch:<\/strong> Central pages first, then faculties and institutes at their own pace.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">How we set up a relaunch is described on <a href=\"https:\/\/www.360vier.de\/en\/digital-platforms\/website-relaunch\/\">Website relaunch with WordPress<\/a>. Why WordPress works at universities is explained in the article <a href=\"https:\/\/www.360vier.de\/en\/insights\/cms\/wordpress-in-higher-education\/\">WordPress in higher education<\/a>.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull is-style-without-space is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:7rem;padding-bottom:7rem\">\n<div class=\"wp-block-group alignwide is-style-without-space is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-54d22900 wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading alignwide\">Process: website relaunch for <span style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-green-color\">universities<\/span> in three phases<\/h2>\n\n\n<div class=\"alignwide wp-block-dhsv-process\">\n    <div data-component=\"ProcessComponent\" data-props=\"{&quot;align&quot;:&quot;wide&quot;,&quot;items&quot;:[{&quot;id&quot;:1792760000000,&quot;icon&quot;:&quot;icons.ideation-phase&quot;,&quot;headline&quot;:&quot;Ideation phase&quot;,&quot;content&quot;:&quot;Audit with communications, the data center and faculties: target groups, page types, data sources, accessibility, operation. The result is a concept, design direction and schedule that fit the tender framework.&quot;},{&quot;id&quot;:1792760000001,&quot;icon&quot;:&quot;icons.implementation-phase&quot;,&quot;headline&quot;:&quot;Implementation phase&quot;,&quot;content&quot;:&quot;The design system and component library, data imports, forms and migration are built in sprints. Editorial teams are trained before their sections move over.&quot;},{&quot;id&quot;:1792760000002,&quot;icon&quot;:&quot;icons.continuous-improvenet&quot;,&quot;headline&quot;:&quot;Continuous Improvement&quot;,&quot;content&quot;:&quot;After launch, we continue to look after the platform or hand it over to your data center. New faculties, campaigns and interfaces are added step by step.&quot;}],&quot;withGraph&quot;:true,&quot;bgColor&quot;:&quot;white&quot;}\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\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\" style=\"padding-top:7rem;padding-bottom:7rem\">\n<div class=\"wp-block-group alignwide is-style-without-space is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-54d22900 wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading alignwide\">Client experiences with 360VIER in <span style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-green-color\">universities<\/span> and education<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">For Lernstudio Barbarossa, a nationwide education provider with more than 165 locations, 360VIER restructured a website that had grown to more than 22,000 subpages, with a dedicated page for each learning center and CRM integration. More in the <a href=\"https:\/\/www.360vier.de\/en\/case-study\/lernstudio-barbarossa\/\">Lernstudio Barbarossa case study<\/a>. Projects from other industries are shown on the <a href=\"https:\/\/www.360vier.de\/en\/digital-platforms\/web-design-agency\/\">Web Design Agency<\/a> page.<\/p>\n\n\n\n<div style=\"height:2rem\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"dhsv-testimonials-block-wrapper alignwide \">\n         <div class=\"dhsv-testimonials-block__inner\">\n                     <div\n   class=\"testimonial has-testimonial\"\n   \n>\n   <div class=\"testimonial__content\">\n               <div class=\"testimonial__text\"><!-- wp:paragraph {\"translatedWithWPMLTM\":\"1\"} -->\n<p>With the relaunch of our website, we have fundamentally modernized a legacy platform. 360VIER succeeded in transferring our extensive content into a clear, modern structure while convincingly bringing together design, user guidance, and technical implementation.<\/p>\n<!-- \/wp:paragraph --><!-- wp:paragraph {\"translatedWithWPMLTM\":\"1\"} -->\n<p>\u2014 Peter Stephens, Head of IT, Lernstudio Barbarossa<\/p>\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph --><\/div>\n         <div class=\"testimonial__author\">\n            <span class=\"testimonial__person\">Lernstudio Barbarossa<\/span>\n                                       <img decoding=\"async\" src=\"https:\/\/www.360vier.de\/wp-content\/uploads\/lernstudio-barbarossa-logo-black-360vier-cases.svg\" alt=\"Lernstudio Barbarossa\">\n                     <\/div>\n         <\/div>\n<\/div>\n               <\/div>\n   <\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull is-style-without-space has-light-down-transparent-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-style- is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-54d22900 wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading alignwide\">Frequently asked questions from <span style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-green-color\">universities<\/span><\/h2>\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:50%\"><div class=\"wp-block-dhsv-akkordeon\">\n        <accordion-group\n        class=\"has-active-bg-solid\"\n                                 name=\"block-hs-faq-1\"     >\n        \n<details class=\"wp-block-dhsv-akkordeon-item\" id=\"accordion-hs00\" >\n        <summary>\n            <span class=\"accordion-group__summary-icon\"><\/span>\n            <span class=\"accordion-group__summary-title\">Is WordPress suitable for a university?<\/span>\n        <\/summary>\n        <div>\n            \n\n<p class=\"wp-block-paragraph\">Yes, if the permissions model, design system and operation are right. Johannes Gutenberg University Mainz, Hochschule Fresenius and the Max Planck Law platform run on WordPress. For universities with many departments, a component library that faculties can adopt as their own instance works well.<\/p>\n\n\n        <\/div>\n    <\/details>\n\n<details class=\"wp-block-dhsv-akkordeon-item\" id=\"accordion-hs01\" >\n        <summary>\n            <span class=\"accordion-group__summary-icon\"><\/span>\n            <span class=\"accordion-group__summary-title\">Do you respond to university tenders?<\/span>\n        <\/summary>\n        <div>\n            \n\n<p class=\"wp-block-paragraph\">Yes. We have won university and research projects in formal procedures, including Max Planck Law in 2020. Typical award criteria are price, concept, design and references. We answer specifications point by point and submit work samples such as documented design systems.<\/p>\n\n\n        <\/div>\n    <\/details>\n\n<details class=\"wp-block-dhsv-akkordeon-item\" id=\"accordion-hs02\" >\n        <summary>\n            <span class=\"accordion-group__summary-icon\"><\/span>\n            <span class=\"accordion-group__summary-title\">Does a university website have to be accessible?<\/span>\n        <\/summary>\n        <div>\n            \n\n<p class=\"wp-block-paragraph\">Yes, for public universities. EU Directive 2016\/2102 has applied to all websites of public bodies since September 2020, implemented in Germany through BITV 2.0 and state law (<a href=\"https:\/\/www.uni-potsdam.de\/de\/digitale-barrierefreiheit\/index\/rechtliche-vorgaben-und-richtlinien\" target=\"_blank\" rel=\"noopener\">overview by the University of Potsdam<\/a>, in German). Private universities are not public bodies; for them, the German Accessibility Strengthening Act (BFSG) may become relevant. The legal assessment is yours to make.<\/p>\n\n\n        <\/div>\n    <\/details>\n\n<details class=\"wp-block-dhsv-akkordeon-item\" id=\"accordion-hs03\" >\n        <summary>\n            <span class=\"accordion-group__summary-icon\"><\/span>\n            <span class=\"accordion-group__summary-title\">How long does a website relaunch at a university take?<\/span>\n        <\/summary>\n        <div>\n            \n\n<p class=\"wp-block-paragraph\">We set the exact schedule at the end of the ideation phase. The main drivers are the number of departments, data sources and review rounds. Central pages can go live before all faculties have moved over, so the relaunch doesn\u2019t hinge on a single go-live date.<\/p>\n\n\n        <\/div>\n    <\/details>\n\n    <\/accordion-group>\n<\/div> <\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\"><div class=\"wp-block-dhsv-akkordeon\">\n        <accordion-group\n        class=\"has-active-bg-solid\"\n                                 name=\"block-hs-faq-2\"     >\n        \n<details class=\"wp-block-dhsv-akkordeon-item\" id=\"accordion-hsb00\" >\n        <summary>\n            <span class=\"accordion-group__summary-icon\"><\/span>\n            <span class=\"accordion-group__summary-title\">Does the website support multiple languages?<\/span>\n        <\/summary>\n        <div>\n            \n\n<p class=\"wp-block-paragraph\">Yes. With WPML, the editorial team maintains language versions directly in WordPress, linked via hreflang so search engines show the right version. English pages can be built by priority: programs and applications first, administrative pages later.<\/p>\n\n\n        <\/div>\n    <\/details>\n\n<details class=\"wp-block-dhsv-akkordeon-item\" id=\"accordion-hsb01\" >\n        <summary>\n            <span class=\"accordion-group__summary-icon\"><\/span>\n            <span class=\"accordion-group__summary-title\">Do you also work for research institutions?<\/span>\n        <\/summary>\n        <div>\n            \n\n<p class=\"wp-block-paragraph\">Yes. For Max Planck Law, the network of eight Max Planck Institutes for law with more than 400 researchers, we designed and developed the shared platform. People, research, events and publications from all institutes come together there.<\/p>\n\n\n        <\/div>\n    <\/details>\n\n<details class=\"wp-block-dhsv-akkordeon-item\" id=\"accordion-hsb02\" >\n        <summary>\n            <span class=\"accordion-group__summary-icon\"><\/span>\n            <span class=\"accordion-group__summary-title\">How does our university become visible in AI answers?<\/span>\n        <\/summary>\n        <div>\n            \n\n<p class=\"wp-block-paragraph\">Through clearly structured pages on programs, research and people, structured data and copy that answers concrete questions. ChatGPT, Perplexity and Google\u2019s AI Overviews draw on content like this. How we measure and improve it is described on <a href=\"https:\/\/www.360vier.de\/en\/ai-enablement\/ai-visibility\/\">AI Visibility<\/a>.<\/p>\n\n\n        <\/div>\n    <\/details>\n\n<details class=\"wp-block-dhsv-akkordeon-item\" id=\"accordion-hsb03\" >\n        <summary>\n            <span class=\"accordion-group__summary-icon\"><\/span>\n            <span class=\"accordion-group__summary-title\">How much does a website relaunch for a university cost?<\/span>\n        <\/summary>\n        <div>\n            \n\n<p class=\"wp-block-paragraph\">The cost depends on the number of page types, data sources and languages and on the scope of the migration. In tenders, we calculate it in the price sheet. Outside of tenders, you receive a cost estimate with scope options after an initial conversation; operation and further development are listed separately.<\/p>\n\n\n        <\/div>\n    <\/details>\n\n    <\/accordion-group>\n<\/div> <\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignwide is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-54d22900 wp-block-group-is-layout-constrained\"><div class=\"is-image-left 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\">Talk to us about your <span style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-green-color\">project<\/span><\/h2>\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 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\/\" class=\"dhsv-button primary\">\n                        <span>Get in touch<\/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:200px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>360VIER develops websites for universities and research institutions on WordPress: with a component library for faculties, program data from Salesforce or campus management, and built-in accessibility. Why do university websites hit their limits? What a university website needs to deliver Website relaunch at a university: tenders, TYPO3 and committees University websites rarely come about without &hellip; <a href=\"https:\/\/www.360vier.de\/en\/digital-platforms\/web-design-agency\/universities\/\">Continued<\/a><\/p>\n","protected":false},"author":10,"featured_media":0,"parent":39444,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_wpts_hint":"","footnotes":""},"class_list":["post-40438","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.360vier.de\/en\/wp-json\/wp\/v2\/pages\/40438","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\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/www.360vier.de\/en\/wp-json\/wp\/v2\/comments?post=40438"}],"version-history":[{"count":6,"href":"https:\/\/www.360vier.de\/en\/wp-json\/wp\/v2\/pages\/40438\/revisions"}],"predecessor-version":[{"id":40571,"href":"https:\/\/www.360vier.de\/en\/wp-json\/wp\/v2\/pages\/40438\/revisions\/40571"}],"up":[{"embeddable":true,"href":"https:\/\/www.360vier.de\/en\/wp-json\/wp\/v2\/pages\/39444"}],"wp:attachment":[{"href":"https:\/\/www.360vier.de\/en\/wp-json\/wp\/v2\/media?parent=40438"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}