{"id":73,"date":"2026-05-08T13:10:32","date_gmt":"2026-05-08T11:10:32","guid":{"rendered":"http:\/\/193.170.142.166\/3adb\/lukas\/?page_id=73"},"modified":"2026-06-21T15:45:13","modified_gmt":"2026-06-21T13:45:13","slug":"meine-schulprojekt","status":"publish","type":"page","link":"https:\/\/websites.hakbregenz.at\/schuelerwebsites\/3adb\/lukas\/Webshop\/?page_id=73","title":{"rendered":"Meine Schulprojekte"},"content":{"rendered":"\n

Website Design<\/strong>: PIXELON<\/h2>\n\n\n\n

Projektphase: Moodboard <\/h3>\n\n\n\n

Das Moodboard dient als visuelles Fundament f\u00fcr die Gestaltung der Website. Es definiert die Atmosph\u00e4re, die Design-Sprache und die grundlegenden Elemente, die den Charakter der Marke Pixelon<\/strong> pr\u00e4gen.<\/p>\n\n\n\n

\"\"<\/figure>
\n
    \n
  • Konzept:<\/strong> \u201ePrecision in Every Pixel\u201c \u2013 Fokus auf technische Dominanz und Pr\u00e4zision.<\/li>\n\n\n\n
  • Design-System:<\/strong> Ein kontrastreiches Farbschema aus Schwarz und Wei\u00df, kombiniert mit einem markanten Cyan-Akzent (#00E5FF).<\/li>\n\n\n\n
  • UI-Elemente:<\/strong> Definition einer klaren Typografie-Hierarchie sowie flexibler Button-Styles f\u00fcr verschiedene Website-Bereiche.<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n
    <\/div>\n\n\n\n

    Projektphase: Wireframe<\/h3>\n\n\n\n

    In dieser Phase wurde das strukturelle Layout der Website festgelegt, ohne durch Farben oder Bilder abzulenken. Der Fokus liegt ganz auf der Benutzerf\u00fchrung und dem Informationsfluss.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n
      \n
    • Struktur:<\/strong> Planung verschiedener Seitentypen, darunter eine Home-Sektion mit gro\u00dfem Hero-Bereich (Tagline), Produkt\u00fcbersichten und Team-Vorstellungen.<\/li>\n\n\n\n
    • UX-Design:<\/strong> Strategische Platzierung von Call-to-Action Elementen und Produkt-Grids, um eine intuitive Navigation zu gew\u00e4hrleisten.<\/li>\n\n\n\n
    • Layout-Varianten:<\/strong> Erstellung modularer Sektionen f\u00fcr Kategorien, News-Feeds und detaillierte Produktinformationen.<\/li>\n\n\n\n
    • Ziel:<\/strong> Definition der Informationshierarchie als Skelett f\u00fcr das sp\u00e4tere visuelle Design.<\/li>\n<\/ul>\n\n\n\n
      <\/div>\n\n\n\n

      Projektphase: Mockup<\/h3>\n\n\n\n

      Im finalen Mockup verschmelzen das visuelle Konzept des Moodboards und die Struktur der Wireframes zu einem fertigen High-Fidelity-Design. Hier wird die Marke Pixelon<\/strong> zum Leben erweckt.<\/p>\n\n\n\n

      \"\"<\/figure>\n\n\n\n
        \n
      • Visual Design:<\/strong> Umsetzung des Dark-Mode-Designs mit leuchtenden Cyan-Akzenten und hochwertigen Produkt-Renderings f\u00fcr ein immersives Nutzererlebnis.<\/li>\n\n\n\n
      • Detailgrad:<\/strong> Ausarbeitung spezifischer Seiten wie Home, Produkt\u00fcbersicht, Team-Vorstellung (\u201eAbout\u201c) und News-Feed inklusive vollst\u00e4ndigem Footer und Navigation.<\/li>\n\n\n\n
      • Ergebnis:<\/strong> Ein konsistentes, modernes User Interface, das perfekt auf die Zielgruppe der Gaming- und Hardware-Enthusiasten zugeschnitten ist.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"

        Website Design: PIXELON Projektphase: Moodboard Das Moodboard dient als visuelles Fundament f\u00fcr die Gestaltung der Website. Es definiert die Atmosph\u00e4re, die Design-Sprache und die grundlegenden Elemente, die den Charakter der Marke Pixelon pr\u00e4gen. Projektphase: Wireframe In dieser Phase wurde das strukturelle Layout der Website festgelegt, ohne durch Farben oder Bilder abzulenken. Der Fokus liegt ganz […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"saved_in_kubio":true,"footnotes":""},"class_list":["post-73","page","type-page","status-publish","hentry"],"kubio_ai_page_context":{"short_desc":"","purpose":"general"},"_links":{"self":[{"href":"https:\/\/websites.hakbregenz.at\/schuelerwebsites\/3adb\/lukas\/Webshop\/index.php?rest_route=\/wp\/v2\/pages\/73","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/websites.hakbregenz.at\/schuelerwebsites\/3adb\/lukas\/Webshop\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/websites.hakbregenz.at\/schuelerwebsites\/3adb\/lukas\/Webshop\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/websites.hakbregenz.at\/schuelerwebsites\/3adb\/lukas\/Webshop\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/websites.hakbregenz.at\/schuelerwebsites\/3adb\/lukas\/Webshop\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=73"}],"version-history":[{"count":5,"href":"https:\/\/websites.hakbregenz.at\/schuelerwebsites\/3adb\/lukas\/Webshop\/index.php?rest_route=\/wp\/v2\/pages\/73\/revisions"}],"predecessor-version":[{"id":215,"href":"https:\/\/websites.hakbregenz.at\/schuelerwebsites\/3adb\/lukas\/Webshop\/index.php?rest_route=\/wp\/v2\/pages\/73\/revisions\/215"}],"wp:attachment":[{"href":"https:\/\/websites.hakbregenz.at\/schuelerwebsites\/3adb\/lukas\/Webshop\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=73"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}