{
    "id": 2894,
    "date": "2026-10-23T06:58:42",
    "date_gmt": "2026-10-23T06:58:42",
    "guid": {
        "rendered": "https:\/\/pixels.ch\/?post_type=case-studies&#038;p=2894"
    },
    "modified": "2026-10-23T09:19:38",
    "modified_gmt": "2026-10-23T09:19:38",
    "slug": "astra",
    "status": "publish",
    "type": "case-studies",
    "link": "https:\/\/pixels.ch\/en\/case-studies\/astra\/",
    "title": {
        "rendered": "ASTRA Bypass Luzern"
    },
    "content": {
        "rendered": "<section class=\"wp-block-group alignfull min-h-[60vh] items-end! w-full overflow-hidden relative has-white-color has-violet-700-background-color has-text-color has-background has-link-color wp-elements-1 is-nowrap is-layout-flex wp-container-core-group-is-layout-7387b849 wp-block-group-is-layout-flex\" id=\"hero\">\n<div class=\"wp-block-group alignwide w-full relative z-10 has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group alignwide is-vertical is-layout-flex wp-container-core-group-is-layout-2c90304e wp-block-group-is-layout-flex\">\n<h1 class=\"wp-block-heading fx-text-reveal-pl order-1! has-white-color has-text-color has-link-color has-gramatika-black-font-family has-mega-font-size wp-elements-2\">Viele Betroffene. Eine Anlaufstelle.<\/h1>\n\n\n<h2 style=\"font-style:normal;font-weight:300\" class=\"fx-text-reveal-pl fx-delay-[0.3] order-0 wp-block-post-title has-lg-font-size has-marlide-display-font-family\">ASTRA Bypass Luzern<\/h2><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-fancoolo-case-study-hero\">\n\n  <article class=\"case-study case-study--has-image\">\n        <picture>\n            <source\n        media=\"(min-width: 768px)\"\n        srcset=\"          data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==        \"\n      \/>\n      <img decoding=\"async\" width=\"819\" height=\"1024\" src=\"https:\/\/pixels.ch\/wp-content\/uploads\/2026\/10\/ASTRA_Bypass_Lichtspuren_Static_4x5_1080x1350-819x1024.jpg\" class=\"case-study__media case-study__image\" alt=\"\" aria-hidden=\"true\" sizes=\"auto, 100vw\" loading=\"lazy\" srcset=\"https:\/\/pixels.ch\/wp-content\/uploads\/2026\/10\/ASTRA_Bypass_Lichtspuren_Static_4x5_1080x1350-819x1024.jpg 819w, https:\/\/pixels.ch\/wp-content\/uploads\/2026\/10\/ASTRA_Bypass_Lichtspuren_Static_4x5_1080x1350-240x300.jpg 240w, https:\/\/pixels.ch\/wp-content\/uploads\/2026\/10\/ASTRA_Bypass_Lichtspuren_Static_4x5_1080x1350-768x960.jpg 768w, https:\/\/pixels.ch\/wp-content\/uploads\/2026\/10\/ASTRA_Bypass_Lichtspuren_Static_4x5_1080x1350-10x12.jpg 10w, https:\/\/pixels.ch\/wp-content\/uploads\/2026\/10\/ASTRA_Bypass_Lichtspuren_Static_4x5_1080x1350.jpg 1080w\" \/>    <\/picture>\n         <video\n      class=\"case-study__media case-study__video\"\n      muted\n loop\n playsinline\n preload=\"none\"\n      aria-hidden=\"true\"\n    >\n      <source data-src=\"https:\/\/pixels.ch\/wp-content\/uploads\/2026\/10\/ASTRA_Bypass_Lichtspuren_6s_1920x1080_2.mp4\" type=\"video\/mp4\" \/>\n    <\/video>\n    \n    <div class=\"case-study__overlay\" aria-hidden=\"true\"><\/div>\n\n        <canvas class=\"case-study__pixels\" aria-hidden=\"true\"><\/canvas>\n\n  <\/article>\n<\/div>\n<\/section>\n\n\n\n<section class=\"wp-block-group pb-0! pt-giga! mt-0! has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-edfa0e27 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"flex flex-col gap-2! border border-solid border-stone-200 bg-stone-50 rounded-card p-2 h-full fx-clip-up-st wp-block-fancoolo-kpis\">\n    <div class=\"my-sm text-xs flex flex-col component px-sm leading-5\">\n      <p class=\"uppercase font-bold\">Vorher:<\/p>\n      Eine gewachsene Website zu einem komplexen Bauprojekt.    <\/div>\n\n    <div class=\"bg-white font-bold leading-6  text-stone-900 border border-solid border-stone-100 p-3 rounded-cardel h-full\">\n      <div class=\"uppercase text-xs mb-2\">Der Pixels Effekt:<\/div>\n      Redesign 2025 mit klarer Struktur: Nutzen, Projekt, Eckdaten, Bau und Aktuell.    <\/div>\n  \n<\/div><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"flex flex-col gap-2! border border-solid border-stone-200 bg-stone-50 rounded-card p-2 h-full fx-clip-up-st wp-block-fancoolo-kpis\">\n    <div class=\"my-sm text-xs flex flex-col component px-sm leading-5\">\n      <p class=\"uppercase font-bold\">Vorher:<\/p>\n      Dieselben Infos f\u00fcr alle Zielgruppen.    <\/div>\n\n    <div class=\"bg-white font-bold leading-6  text-stone-900 border border-solid border-stone-100 p-3 rounded-cardel h-full\">\n      <div class=\"uppercase text-xs mb-2\">Der Pixels Effekt:<\/div>\n      Eigene Seiten f\u00fcr Autofahrende, \u00d6V, Langsamverkehr, Anwohnende, Umwelt und Wirtschaft.    <\/div>\n  \n<\/div><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"flex flex-col gap-2! border border-solid border-stone-200 bg-stone-50 rounded-card p-2 h-full fx-clip-up-st wp-block-fancoolo-kpis\">\n    <div class=\"my-sm text-xs flex flex-col component px-sm leading-5\">\n      <p class=\"uppercase font-bold\">Vorher:<\/p>\n      Neue Entscheide brauchten einen festen Platz.    <\/div>\n\n    <div class=\"bg-white font-bold leading-6  text-stone-900 border border-solid border-stone-100 p-3 rounded-cardel h-full\">\n      <div class=\"uppercase text-xs mb-2\">Der Pixels Effekt:<\/div>\n      Regelm\u00e4ssig neue Inhalte unter \u00abAktuell\u00bb, von der Einigung mit Emmen bis zum Ja aus Kriens.    <\/div>\n  \n<\/div><\/div>\n<\/div>\n<\/section>\n\n\n\n\n\n<section class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group alignwide is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading fx-text-reveal\">What to Expect?<\/h2>\n\n\n\n<h3 class=\"wp-block-heading fx-text-reveal has-giga-font-size\">Vier Leistungen, ein System.<\/h3>\n\n\n\n<p class=\"fx-text-reveal wp-block-paragraph\">2025 haben wir bypasslu.ch neu gestaltet. Seither halten wir die Website laufend aktuell.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignwide is-layout-grid wp-container-core-group-is-layout-ab872588 wp-block-group-is-layout-grid\" style=\"margin-top:var(--wp--preset--spacing--lg)\"><div class=\"border border-stone-200 p-base pt-0 rounded-lg mt-6! fx-reveal wp-block-fancoolo-case-fact\">\n\n    \n    <div class=\"bg-violet-700 text-white max-w-12! w-12! max-h-12! h-12! flex items-center justify-center rounded-full -translate-y-1\/2\">1.<\/div>\n    <div>\n        <h3 class='text-md! mt-0! mb-sm!'>\n            Webdesign        <\/h3>\n        <p class=\"m-0!\">Neue Entw\u00fcrfe f\u00fcr Desktop und Mobile, abgestimmt mit dem ASTRA vom ersten Entwurf bis zur Testseite.<\/p>\n    <\/div>\n<\/div>\n\n<div class=\"border border-stone-200 p-base pt-0 rounded-lg mt-6! fx-reveal wp-block-fancoolo-case-fact\">\n\n    \n    <div class=\"bg-violet-700 text-white max-w-12! w-12! max-h-12! h-12! flex items-center justify-center rounded-full -translate-y-1\/2\">2.<\/div>\n    <div>\n        <h3 class='text-md! mt-0! mb-sm!'>\n            Inhalte pro Zielgruppe        <\/h3>\n        <p class=\"m-0!\">Jede Gruppe findet, was der Bypass f\u00fcr sie bedeutet.<\/p>\n    <\/div>\n<\/div>\n\n<div class=\"border border-stone-200 p-base pt-0 rounded-lg mt-6! fx-reveal wp-block-fancoolo-case-fact\">\n\n    \n    <div class=\"bg-violet-700 text-white max-w-12! w-12! max-h-12! h-12! flex items-center justify-center rounded-full -translate-y-1\/2\">3.<\/div>\n    <div>\n        <h3 class='text-md! mt-0! mb-sm!'>\n            Content Management        <\/h3>\n        <p class=\"m-0!\">Wir f\u00fcgen regelm\u00e4ssig neue Inhalte ein, von Projektmeldungen bis zu Medienmitteilungen.<\/p>\n    <\/div>\n<\/div>\n\n<div class=\"border border-stone-200 p-base pt-0 rounded-lg mt-6! fx-reveal wp-block-fancoolo-case-fact\">\n\n    \n    <div class=\"bg-violet-700 text-white max-w-12! w-12! max-h-12! h-12! flex items-center justify-center rounded-full -translate-y-1\/2\">4.<\/div>\n    <div>\n        <h3 class='text-md! mt-0! mb-sm!'>\n            Betrieb und Sicherheit        <\/h3>\n        <p class=\"m-0!\">Hosting, Wartung und Spamschutz f\u00fcr das Kontaktformular.<\/p>\n    <\/div>\n<\/div><\/div>\n<\/section>\n\n\n\n<section class=\"wp-block-group has-stone-100-color has-stone-800-background-color has-text-color has-background has-link-color wp-elements-4 has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns alignwide are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-531272b8 wp-block-columns-is-layout-flex\" style=\"margin-bottom:var(--wp--preset--spacing--lg)\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66%\">\n<h2 class=\"wp-block-heading fx-text-reveal has-lime-50-color has-text-color has-link-color wp-elements-5\">Einblicke<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center fx-text-reveal is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33%\"><\/div>\n<\/div>\n\n\n<div class=\"alignfull wp-block-fancoolo-animated-gallery\" aria-label=\"Image gallery\" role=\"region\" aria-roledescription=\"carousel\" data-label-slide=\"%1$s of %2$s\" data-label-roledesc=\"slide\" data-label-dot=\"Go to slide %s\">\n\n    <div class=\"wp-block-fancoolo-animated-gallery__viewport\">\n        <div class=\"fancoolo-block-inserter\"><\/div><\/div>\n\n    \n<\/div>\n<\/section>\n\n\n<section class=\"fx-text-reveal-st fx-delay-[0.4] is-layout-constrained alignfull wp-block-fancoolo-cta-banner\">\n\n    <div class=\"alignwide rounded-card fx-clip-up flex justify-center px-lg py-giga! relative! bg-violet-700 overflow-hidden!\">\n\n        <div class=\"flex flex-col gap-sm items-center text-white relative z-10 max-w-[1000px]\">\n\n            <h2 class=\"fx-text-reveal-st fx-delay-[0.2] m-0 text-violet-200! text-center!\">\n                            <\/h2>\n\n            <h3 class=\"fx-text-reveal-st fx-delay-[0.2] m-0 text-md! tab:text-giga! text-center! leading-[1.3]!\">\n                Dein Projekt betrifft viele Menschen? Dann muss es jeder verstehen.            <\/h3>\n\n            <p class=\"fx-text-reveal-st fx-delay-[0.2] text-center! min-w-full!\">\n                Wir machen komplexe Vorhaben verst\u00e4ndlich. F\u00fcr die Bev\u00f6lkerung, die Medien und die Politik.            <\/p>\n            \n            \n            \n            <div class=\"wp-block-buttons fx-clip-up fx-delay-[0.4]\">\n                <div class=\"wp-block-button is-style-button-arrow\">\n                    <a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/pixels.ch\/en\/contact\">Learn more<\/a>\n                <\/div>\n            <\/div>\n\n                    <\/div>\n\n\n        \n        <div \n            class=\"cta-banner-animated-image absolute top-0 left-0 text-violet-800\"\n            data-svg-url=\"https:\/\/pixels.ch\/wp-content\/uploads\/2026\/04\/Town.svg\"\n        >\n            <div class=\"svg-container\" style=\"width: 100%; height: 100%; overflow: hidden;\"><\/div>\n        <\/div>\n\n    <\/div>\n\n   \n\n<\/section>\n\n\n<section class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-c2893ffd wp-block-group-is-layout-constrained\" style=\"padding-top:0;padding-bottom:0\">\n<div class=\"wp-block-group alignwide has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading fx-text-reveal\">Info<\/h2>\n\n\n\n<h3 class=\"wp-block-heading fx-text-reveal has-giga-font-size\">\u00dcber dieses Projekt<\/h3>\n\n\n\n<div class=\"wp-block-group fx-reveal has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\">Der Bypass Luzern ist eines der gr\u00f6ssten Nationalstrassenprojekte der Zentralschweiz. Er umfasst den Ausbau der A14 auf sechs Spuren, einen neuen Tunnel und Anpassungen an der A2. Bauherr ist das Bundesamt f\u00fcr Strassen ASTRA. F\u00fcr die Website bypasslu.ch hat PIXELS 2025 ein umfassendes Redesign umgesetzt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ein Projekt dieser Gr\u00f6sse betrifft viele Menschen auf unterschiedliche Weise. Pendlerinnen wollen wissen, wie viel Zeit sie sparen. Anwohnende fragen nach L\u00e4rm und Bauphasen. Gemeinden brauchen verl\u00e4ssliche Infos zu Entscheiden. Die neue Website beantwortet diese Fragen pro Zielgruppe statt in einem langen Dokument.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Seit dem Redesign f\u00fcgt PIXELS regelm\u00e4ssig neue Inhalte ein. Entscheide wie die Vereinbarung mit Emmen oder das Ja aus Kriens zu den \u00dcberdeckungen sind zeitnah online. So erf\u00e4hrt die Bev\u00f6lkerung die Fakten direkt vom Bauherrn.<\/p>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n<section class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-4aa0c132 wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group alignwide has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading fx-text-reveal\">FAQ<\/h2>\n\n\n\n<h3 class=\"wp-block-heading fx-text-reveal has-giga-font-size\">Fragen zu diesem Projekt<\/h3>\n<\/div>\n\n\n<div class=\"flex flex-col gap-lg wp-block-fancoolo-animated-accordion\">\n\n    <div class=\"fancoolo-block-inserter\"><\/div><\/div><\/div>\n<\/section>",
        "protected": false
    },
    "excerpt": {
        "rendered": "<p>Ein Nationalstrassenprojekt, verst\u00e4ndlich erkl\u00e4rt.<\/p>",
        "protected": false
    },
    "featured_media": 0,
    "template": "",
    "meta": {
        "_acf_changed": true
    },
    "industry": [],
    "class_list": [
        "post-2894",
        "case-studies",
        "type-case-studies",
        "status-publish",
        "hentry"
    ],
    "acf": [],
    "_links": {
        "self": [
            {
                "href": "https:\/\/pixels.ch\/en\/wp-json\/wp\/v2\/case-studies\/2894",
                "targetHints": {
                    "allow": [
                        "GET"
                    ]
                }
            }
        ],
        "collection": [
            {
                "href": "https:\/\/pixels.ch\/en\/wp-json\/wp\/v2\/case-studies"
            }
        ],
        "about": [
            {
                "href": "https:\/\/pixels.ch\/en\/wp-json\/wp\/v2\/types\/case-studies"
            }
        ],
        "wp:attachment": [
            {
                "href": "https:\/\/pixels.ch\/en\/wp-json\/wp\/v2\/media?parent=2894"
            }
        ],
        "wp:term": [
            {
                "taxonomy": "industry",
                "embeddable": true,
                "href": "https:\/\/pixels.ch\/en\/wp-json\/wp\/v2\/industry?post=2894"
            }
        ],
        "curies": [
            {
                "name": "wp",
                "href": "https:\/\/api.w.org\/{rel}",
                "templated": true
            }
        ]
    }
}