https://serainawilli.ch serainawilli Mon, 23 Mar 2026 12:19:40 +0000 https://serainawilli.ch en https://serainawilli.ch/CREABETON-AG Mon, 13 Mar 2023 13:53:39 +0000 serainawilli https://serainawilli.ch/CREABETON-AG Der neue Online-Shop von CREABETON erleichtert den Alltag. Lagerbestände können geprüft, persönliche Konditionen eingesehen und der Überblick über die aktuellen Aufträge und Bestellungen jederzeit abgerufen werden. Alles ist einfach, transparent und rund um die Uhr möglich. Das Konzept und die Umsetzung sind in enger Zusammenarbeit mit Opacc sowie einem interdisziplinären Projektteam von CREABETON entstanden. Im Rahmen des Projekts bin ich für den Bereich UX/UI mitverantwortlich. Mein Fokus liegt dabei auf der Optimierung der User Experience, der Weiterentwicklung des Designs und der kontinuierlichen Verbesserung der Plattform. Die Website befindet sich weiterhin in Entwicklung und ist noch nicht final abgeschlossen (Stand: März 2026). CREABETON Webshop&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;2025/2026 UX/UI creabeton.ch <img width="1600" height="1100" width_o="1600" height_o="1100" data-src="https://freight.cargo.site/t/original/i/16dd57515642c84139a8513e76d901e325e870536e67dedc0d34a27b031bd50c/mockup-cbs.jpg" data-mid="246367801" border="0" src="https://freight.cargo.site/w/1000/i/16dd57515642c84139a8513e76d901e325e870536e67dedc0d34a27b031bd50c/mockup-cbs.jpg" /> <img width="3334" height="2292" width_o="3334" height_o="2292" data-src="https://freight.cargo.site/t/original/i/06bb795b46612bc2420bb7f84a237dcaefb0cf72408f9a772a0cc1c13d6baacb/260330-mockup-mobile-cbs.png" data-mid="246659937" border="0" src="https://freight.cargo.site/w/1000/i/06bb795b46612bc2420bb7f84a237dcaefb0cf72408f9a772a0cc1c13d6baacb/260330-mockup-mobile-cbs.png" /> https://serainawilli.ch/Kanton-Aargau Mon, 23 Mar 2026 12:19:40 +0000 serainawilli https://serainawilli.ch/Kanton-Aargau Um einer drohenden Strommangellage frühzeitig zu begegnen, setzte der Kanton Aargau auf eine enge Zusammenarbeit mit der Bevölkerung. In meiner Rolle als Grafikdesignerin bei der Qube AG entwickelten wir eine Kommunikationsstrategie, die diese komplexe Herausforderung verständlich und zugänglich macht. Durch nahbare Persönlichkeiten und aktivierende Headlines wurde das Thema emotional greifbar aufbereitet. Ziel war es, die Bevölkerung nicht zu belehren, sondern sie auf sympathische Weise zur aktiven Mitwirkung zu motivieren. Eine zentrale Rolle spielte dabei der «Energiesparfuchs» als identitätsstiftendes Maskottchen, das durch eine stimmige Farbwelt zum Leben erweckt wurde. #JedeKilowattstundeZaehlt &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; 2023 Konzept/Grafikdesign Qube AG <img width="1754" height="986" width_o="1754" height_o="986" data-src="https://freight.cargo.site/t/original/i/3f35e2e40da21d2cb072dbc49615d733c08d592e6d759f8c6edd0d33f88da23f/sparfuchs-logo.jpg" data-mid="246406322" border="0" src="https://freight.cargo.site/w/1000/i/3f35e2e40da21d2cb072dbc49615d733c08d592e6d759f8c6edd0d33f88da23f/sparfuchs-logo.jpg" /> <img width="891" height="630" width_o="891" height_o="630" data-src="https://freight.cargo.site/t/original/i/d5a8ade38bf63355a8da05910fff4dafd78ea3f4612cc4ebe669d45e99ab21bf/ag-17-haenny.jpg" data-mid="246406321" border="0" src="https://freight.cargo.site/w/891/i/d5a8ade38bf63355a8da05910fff4dafd78ea3f4612cc4ebe669d45e99ab21bf/ag-17-haenny.jpg" /> <img width="1079" height="809" width_o="1079" height_o="809" data-src="https://freight.cargo.site/t/original/i/b11b7e8ab81fd338bc3ffafdc08044abb495c11a1d81466b244ca700e8d6a3a8/ag-3-strategie-.jpg" data-mid="246406318" border="0" src="https://freight.cargo.site/w/1000/i/b11b7e8ab81fd338bc3ffafdc08044abb495c11a1d81466b244ca700e8d6a3a8/ag-3-strategie-.jpg" /> <img width="891" height="630" width_o="891" height_o="630" data-src="https://freight.cargo.site/t/original/i/b747a9dae1cbf00db0c45deb5ba165f2b6ad80ed12eeb86e73c3d2b9aa1761f4/ag-10-wildi.jpg" data-mid="246406371" border="0" src="https://freight.cargo.site/w/891/i/b747a9dae1cbf00db0c45deb5ba165f2b6ad80ed12eeb86e73c3d2b9aa1761f4/ag-10-wildi.jpg" /> <img width="891" height="630" width_o="891" height_o="630" data-src="https://freight.cargo.site/t/original/i/ad242aeefee10cf296f8f0991bdfadf80fea94540e7d1d3ceb1800695f2b8e65/ag-14-benito.jpg" data-mid="246406372" border="0" src="https://freight.cargo.site/w/891/i/ad242aeefee10cf296f8f0991bdfadf80fea94540e7d1d3ceb1800695f2b8e65/ag-14-benito.jpg" /> <img width="3334" height="2292" width_o="3334" height_o="2292" data-src="https://freight.cargo.site/t/original/i/bf95bee9e5487948fd9cda47c33386b10d5fd4de3e40572b844ab830aa7638d8/260330-mockup-mobile-ag.png" data-mid="246665473" border="0" src="https://freight.cargo.site/w/1000/i/bf95bee9e5487948fd9cda47c33386b10d5fd4de3e40572b844ab830aa7638d8/260330-mockup-mobile-ag.png" /> https://serainawilli.ch/Hallwilersee-Hotels Mon, 13 Mar 2023 13:53:28 +0000 serainawilli https://serainawilli.ch/Hallwilersee-Hotels Ein umfassendes Marketing- und Kommunikationskonzept verbindet die Hallwilersee Hotels und macht ihre authentische Gastfreundschaft in der einzigartigen Seelandschaft erlebbar. In meiner Rolle als Grafikdesignerin bei Qube AG war ich für die visuelle Umsetzung der einzelnen Marken, sowie das Webdesign verantwortlich. Ziel war es, ein konsistentes Erscheinungsbild mit hohem Wiedererkennungswert zu schaffen, das gleichzeitig Raum für individuelle Differenzierung lässt. So wurden die einzelnen Marken durch ein verbindendes Gestaltungskonzept zusammengeführt, während ihre Logos jeweils die spezifischen Stärken und Besonderheiten sichtbar machen. Hallwilersee Hotels &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; 2023 Grafikdesign/Webdesign Qube AG <img width="1079" height="809" width_o="1079" height_o="809" data-src="https://freight.cargo.site/t/original/i/f597076df7b33c9cca8244cdfd2874a18b8f549b063dc9416685ddcd5cf3048b/02-hallwilersee-hotels-identitaet.gif" data-mid="246409793" border="0" src="https://freight.cargo.site/w/1000/i/f597076df7b33c9cca8244cdfd2874a18b8f549b063dc9416685ddcd5cf3048b/02-hallwilersee-hotels-identitaet.gif" /> <img width="1600" height="1100" width_o="1600" height_o="1100" data-src="https://freight.cargo.site/t/original/i/a7a7d0c4f8172305bc05e4b0c4fa3478e92e4bb920e97624cb3d9f1d17e0cd46/smartmockups_ldkd2hob.JPG.jpg" data-mid="246409767" border="0" src="https://freight.cargo.site/w/1000/i/a7a7d0c4f8172305bc05e4b0c4fa3478e92e4bb920e97624cb3d9f1d17e0cd46/smartmockups_ldkd2hob.JPG.jpg" /> <img width="1600" height="1100" width_o="1600" height_o="1100" data-src="https://freight.cargo.site/t/original/i/029248b22e359c9f00478de1b73e075bd8eb2d85824f51c49220a0d18d1db153/smartmockups_ldld39zh.jpg" data-mid="246409768" border="0" src="https://freight.cargo.site/w/1000/i/029248b22e359c9f00478de1b73e075bd8eb2d85824f51c49220a0d18d1db153/smartmockups_ldld39zh.jpg" /> <img width="1100" height="1600" width_o="1100" height_o="1600" data-src="https://freight.cargo.site/t/original/i/5acef1b00b6f4d27237e5d4f39191f80c75bd197c4096dd72526b0bb67484285/smartmockups_ldldd496.JPG.jpg" data-mid="246409769" border="0" src="https://freight.cargo.site/w/1000/i/5acef1b00b6f4d27237e5d4f39191f80c75bd197c4096dd72526b0bb67484285/smartmockups_ldldd496.JPG.jpg" /> <img width="1600" height="1100" width_o="1600" height_o="1100" data-src="https://freight.cargo.site/t/original/i/9f66636a707dcecb43db9651b48f1c085ef6d941770f877c0e5ec8cd838ae41c/mockup-desktop-hallwilersee.jpg" data-mid="246716121" border="0" src="https://freight.cargo.site/w/1000/i/9f66636a707dcecb43db9651b48f1c085ef6d941770f877c0e5ec8cd838ae41c/mockup-desktop-hallwilersee.jpg" /> <img width="1600" height="1100" width_o="1600" height_o="1100" data-src="https://freight.cargo.site/t/original/i/5cb5f33ffa2cf6ed26d5d8e65cbf39eeb2a67821d69c5078596f46f00ff65b55/mockup-mobile-hallwilersee.jpg" data-mid="246716122" border="0" src="https://freight.cargo.site/w/1000/i/5cb5f33ffa2cf6ed26d5d8e65cbf39eeb2a67821d69c5078596f46f00ff65b55/mockup-mobile-hallwilersee.jpg" /> https://serainawilli.ch/Facial-Expression-Database Mon, 13 Mar 2023 07:44:09 +0000 serainawilli https://serainawilli.ch/Facial-Expression-Database Das Gesicht ist ein wichtiges Medium der nonverbalen Kommunikation. Dank des visuellen Ausdrucks kann es erkannt und identifiziert werden. Die Mimik dient dem Ausdruck der Emotionen und des persönlichen Empfindens. Die algorithmische Gesichtserkennung arbeitet mit enormen, stetig zunehmenden Datenmengen und wird durch die boomende technologische Industrie laufend neu definiert. Die Gesichtserkennung der Gegenwart zeigt sich zugleich faszinierend und beängstigend. Die zukunftsorientierte Auseinandersetzung mit der Gesichtserkennung und der Analyse der Mimik generiert einen Ausblick darauf, wie sich die problematische Technologie und die Verwendung von Big Data entwickeln und Platz in der Gesellschaft einnehmen könnten. Die Fiktion generiert Inhalte zum Nachdenken und Hinterfragen für den Betrachter. Facial Expression Database &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; 2021 BA-Diplom, ZHdK Mentor: Cybu Richli <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/2af74e4ae1ae4968d1e3469f3c90c76b86d416e3d0acadcad1d483d8edf0c86c/04slide-seraina_willi.jpg" data-mid="171436822" border="0" data-scale="99" src="https://freight.cargo.site/w/1000/i/2af74e4ae1ae4968d1e3469f3c90c76b86d416e3d0acadcad1d483d8edf0c86c/04slide-seraina_willi.jpg" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/fd6fc1aa80fef200852b7018e5c2cdf30f0d0a263428758bc4e250aadce1b349/01slide-seraina_willi.jpg" data-mid="171436821" border="0" src="https://freight.cargo.site/w/1000/i/fd6fc1aa80fef200852b7018e5c2cdf30f0d0a263428758bc4e250aadce1b349/01slide-seraina_willi.jpg" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/ba1c67b772067ef4f518b49ba970eea0be98b07c9757bb866fb54b7b85da287c/07slide-seraina_willi.jpg" data-mid="171436823" border="0" src="https://freight.cargo.site/w/1000/i/ba1c67b772067ef4f518b49ba970eea0be98b07c9757bb866fb54b7b85da287c/07slide-seraina_willi.jpg" /> https://serainawilli.ch/Mycel Mon, 13 Mar 2023 07:44:10 +0000 serainawilli https://serainawilli.ch/Mycel Diese fiktive App macht Big Data durch radikale Filterung und Vernetzung im direkten User-Umfeld erlebbar. Die dystopische Gestaltung als «Datenkrake» bricht bewusst mit dem kommerziellen Interface-Design, um heutige Überwachung und Datensammlung kritisch zu spiegeln. Mit teilbaren Such-Presets und öffentlichen Profilen wird die Grenze zwischen Marketing und fragwürdiger Moral aufgezeigt. Mycel &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 2020 Projektarbeit, ZHdK Zusammen mit Stefan Hürlemann und Micha Niederhäuser <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/c46a58173c438e3a931bf105dee5f8affb0b5555337827d2622915de273ddb8c/mockup-mycel.png" data-mid="171438613" border="0" src="https://freight.cargo.site/w/1000/i/c46a58173c438e3a931bf105dee5f8affb0b5555337827d2622915de273ddb8c/mockup-mycel.png" /> <img width="2880" height="2036" width_o="2880" height_o="2036" data-src="https://freight.cargo.site/t/original/i/0f06388b949fbc6e314d7f650d86acac6d778d8130bda55c34111cda058d3816/zhdk-vvk-ezxuzu2k.3200x0.jpg" data-mid="171438629" border="0" src="https://freight.cargo.site/w/1000/i/0f06388b949fbc6e314d7f650d86acac6d778d8130bda55c34111cda058d3816/zhdk-vvk-ezxuzu2k.3200x0.jpg" /> <img width="2880" height="2036" width_o="2880" height_o="2036" data-src="https://freight.cargo.site/t/original/i/45baf51d94343d5271a54d2ddbe5a43995029d8d2dcd51afe29cdf166ec45b02/zhdk-vvk-muvoxckx.3200x0.jpg" data-mid="171438630" border="0" src="https://freight.cargo.site/w/1000/i/45baf51d94343d5271a54d2ddbe5a43995029d8d2dcd51afe29cdf166ec45b02/zhdk-vvk-muvoxckx.3200x0.jpg" /> https://serainawilli.ch/10-000-Steps Mon, 13 Mar 2023 07:44:10 +0000 serainawilli https://serainawilli.ch/10-000-Steps Die Weltgesundheitsorganisation (WHO) empfiehlt, um gesund zu bleiben, mindestens 10.000 Schritte pro Tag zurückzulegen. Diese Infografik zeigt meine alltägliche Bewegung von zwei Wochen, dargestellt in einer Grafik, die an eine Laufbahn erinnert. 10.000 Schritte &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; 2018 Projektarbeit, ZHdK <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/0e6dae1958034e273d555b1c3121fb7cd56ecc7f50d7709b20895e0e13c9e8b0/steps-01.png" data-mid="171467887" border="0" src="https://freight.cargo.site/w/1000/i/0e6dae1958034e273d555b1c3121fb7cd56ecc7f50d7709b20895e0e13c9e8b0/steps-01.png" /> <img width="1600" height="1100" width_o="1600" height_o="1100" data-src="https://freight.cargo.site/t/original/i/d1ab9c41e7efadd4cea4197938f0f8feae10d522482ff14ff182a1bb58e537a0/bild1.jpg" data-mid="246406798" border="0" src="https://freight.cargo.site/w/1000/i/d1ab9c41e7efadd4cea4197938f0f8feae10d522482ff14ff182a1bb58e537a0/bild1.jpg" /> <img width="1600" height="1100" width_o="1600" height_o="1100" data-src="https://freight.cargo.site/t/original/i/314a7006a8088aa2a902fc1b324cc0d5f89c0c0849bf8329820016ab58d82e58/bild2.jpg" data-mid="246406799" border="0" src="https://freight.cargo.site/w/1000/i/314a7006a8088aa2a902fc1b324cc0d5f89c0c0849bf8329820016ab58d82e58/bild2.jpg" /> https://serainawilli.ch/Homepage Mon, 13 Mar 2023 07:44:12 +0000 serainawilli https://serainawilli.ch/Homepage