[{"data":1,"prerenderedAt":249},["ShallowReactive",2],{"projects":3},[4,49,70,97,116,149,175,203,224],{"id":5,"title":6,"client":7,"description":8,"extension":9,"media":10,"meta":38,"services":39,"stem":44,"team":45,"type":46,"url":47,"__hash__":48},"projects\u002Fprojects\u002F01.nebod.yml","New European Bauhaus on the Danube","Stiftung HfG Ulm","The New European Bauhaus on the Danube (NEBoD) is a cross-border research initiative exploring the cultural and spatial diversity of the Danube region. As part of its foundation phase, I was commissioned to design and develop its first digital presence — a platform that introduces the network, its people, and its projects, while also establishing a visual identity that balances academic credibility with creative dynamism. Central to the concept is an interactive map that transforms the Danube into both a navigational tool and symbolic framework. Users can explore projects and research activities embedded in specific geographic contexts, creating a spatial narrative that reflects the region’s fluid, hybrid character.","yml",[11,15,18,21,24,27,30,34],{"url":12,"alt":13,"small":14},"nebod\u002Fbrand.jpg","NEBoD logo printed on a white sheet lying under shallow, rippling water, with the Danube drawn as a wavy line between the letters",true,{"url":16,"alt":17,"small":14},"nebod\u002Fship.jpg","Paper boat folded from a NEBoD-branded sheet floating on dark, sunlit water",{"url":19,"alt":20},"nebod\u002Fnebod-1.webp","Smartphone showing the NEBoD website, lying on a rusty metal grate",{"url":22,"alt":23},"nebod\u002Fnebod-2.webp","NEBoD homepage with an introduction to the initiative next to a satellite view of the Danube",{"url":25,"alt":26},"nebod\u002Fnebod-3.webp","NEBoD about page with a large statement on partnership and collaboration above a photo of the logo",{"url":28,"alt":29,"small":14},"nebod\u002Fnetwork.mp4","Animated network graph of circles, squares and triangles connected by lines, representing the NEBoD network",{"url":31,"alt":32,"small":14,"aspect":33},"nebod\u002Fgenerative.mp4","Generative layout of green colour blocks crossed by a yellow line tracing the course of the Danube","2442\u002F1310",{"url":35,"alt":36,"aspect":37},"nebod\u002Fkarte.mp4","Interactive map of Central and Southeastern Europe with the Danube highlighted in yellow and project locations marked along it","2398\u002F1344",{},[40,41,42,43],"Branding","Design","Craft CMS Development","Custom Map","projects\u002F01.nebod",null,"Freelance","https:\u002F\u002Fnebod.eu","19YXHRVtSCDVdXy_VJDRakV1xjkjygTRzvdxAssMvTM",{"id":50,"title":51,"client":52,"description":53,"extension":9,"media":54,"meta":64,"services":65,"stem":67,"team":45,"type":46,"url":68,"__hash__":69},"projects\u002Fprojects\u002F02.blankstudios.yml","BLANK studios","BLANK studios \u002F Florian Grill","Website for a rental photography studio in central Hamburg run by photographer Florian Grill. Designed to support photographers and production teams, the site presents all essential information clearly and efficiently — including the studio’s floor plan, available equipment, booking details, and technical specifications. The goal was to streamline the planning process for potential clients and enable quick bookings.",[55,58,61],{"url":56,"alt":57},"blank-studios\u002Fstudio.png","Isometric line drawing of the BLANK studios floor plan with labelled areas",{"url":59,"alt":60,"small":14},"blank-studios\u002Ftypo.png","BLANK studios website section describing the 650 m² studio in large type",{"url":62,"alt":63,"small":14},"blank-studios\u002Fliste.png","BLANK studios equipment list, with the current item highlighted",{},[41,66],"Next.js Development","projects\u002F02.blankstudios","https:\u002F\u002Fblankstudios.de","su0VCalGUOcPqrhFGegEfpIqW9lea_TmvUF08Xh_dqs",{"id":71,"title":72,"client":72,"description":73,"extension":9,"media":74,"meta":91,"services":92,"stem":94,"team":45,"type":46,"url":95,"__hash__":96},"projects\u002Fprojects\u002F03.floriangrill.yml","Florian Grill","Portfolio for Hamburg-based photographer Florian Grill showcasing his works of photography and motion. Built on Payload CMS, the site is statically pre-rendered and leverages virtualization techniques to deliver fast page loads and smooth performance, even when handling high-resolution, image-heavy galleries.",[75,78,82,85,88],{"url":76,"alt":77},"florian-grill\u002Fhero.png","Florian Grill homepage with the name in large bold type above a portrait photograph",{"url":79,"alt":80,"aspect":81},"florian-grill\u002Fvideo.mp4","Scrolling through a grid of close-up beauty portraits on the Florian Grill website","3024\u002F1702",{"url":83,"alt":84},"florian-grill\u002Fgrid.png","Florian Grill project page showing a grid of editorial portraits",{"url":86,"alt":87,"small":14},"florian-grill\u002Fgallery.png","Florian Grill gallery page with two fashion photos of a model in a transparent coat filled with flowers and trinkets",{"url":89,"alt":90,"small":14},"florian-grill\u002Fabout.png","Florian Grill about page listing contact details, studio address, representation and clients",{},[40,93,66],"Website Design","projects\u002F03.floriangrill","https:\u002F\u002Ffloriangrill.com","89jWzTP07-Qcd7-GKmuap3GdOF3fheQhryyCrGhj_Oc",{"id":98,"title":99,"client":100,"description":101,"extension":9,"media":102,"meta":110,"services":111,"stem":113,"team":45,"type":46,"url":114,"__hash__":115},"projects\u002Fprojects\u002F04.render-studio.yml","Render Studio","Blickfang Designmesse","Blickfang is Europe’s largest design shopping event and an international platform showcasing well-crafted products from independent designers. As part of their content marketing strategy, Blickfang provides vendors with branded video materials for social media promotion. To streamline the production of over 140 videos per exhibition, a custom tool was developed to enable employees to render videos on demand. Motion design was initially done in After Effects and then converted into special Lottie files, which are then used by Render Studio.",[103,107],{"url":104,"alt":105,"aspect":106},"render-studio\u002Fvideo.mp4","Render Studio web app in dark mode, listing video formats for Vienna, Zurich and Munich","1920\u002F1080",{"url":108,"alt":109,"aspect":81},"render-studio\u002Fstuttgart.mp4","Rendered advertisement for the Blickfang design fair at Liederhalle Stuttgart",{},[112,66],"Motion Design","projects\u002F04.render-studio","https:\u002F\u002Frenderer.6000k.de","fhe3ox-E_dmm5sOn9Ja9amIwQXrn3IVRJbno2CuT3JE",{"id":117,"title":118,"client":45,"description":119,"extension":9,"media":120,"meta":143,"services":45,"stem":144,"team":145,"type":147,"url":45,"__hash__":148},"projects\u002Fprojects\u002F05.museum-of-mistakes.yml","Museum of Mistakes (MA Thesis)","The Museum of Mistakes is a virtual exhibition and platform dedicated to rethinking our relationship with failure in the context of design and creativity. Rather than viewing mistakes as costly setbacks, this project explores their potential as vital learning moments and sources of “negative knowledge.” Through interviews, experiments, and research, we examined how error tolerance shapes innovation and how fear of failure often limits creative freedom. The digital experience invites designers to confront and share their own failures, fostering a dialogue that challenges the stigma of mistakes and promotes a more nuanced, constructive view of imperfection in the creative process.",[121,124,127,130,133,136,139],{"url":122,"alt":123,"aspect":106},"museum-of-mistakes\u002F3d.mp4","3D animation of a classical temple built from wooden toy blocks, with loose blocks scattered around it",{"url":125,"alt":126,"small":14},"museum-of-mistakes\u002F01.jpg","Laptop on a black table showing the Museum of Mistakes website",{"url":128,"alt":129,"small":14},"museum-of-mistakes\u002F02.jpg","Hands holding a tablet that shows the Museum of Mistakes website with 3D wooden blocks",{"url":131,"alt":132},"museum-of-mistakes\u002F03.jpg","Three Museum of Mistakes posters hanging from a copper rail with clips",{"url":134,"alt":135},"museum-of-mistakes\u002F05.jpg","Hands holding an open Museum of Mistakes publication with a photo of a branded pencil",{"url":137,"alt":138},"museum-of-mistakes\u002F06.jpg","Open Museum of Mistakes publication lying in dramatic light and shadow",{"url":140,"alt":141,"aspect":142,"playable":14},"museum-of-mistakes\u002Ftrailer.mp4","Trailer for the Museum of Mistakes website, moving through 3D rooms, exhibits and editorial pages","1792\u002F1120",{},"projects\u002F05.museum-of-mistakes",[146],"Seda Hancer","Master Thesis","sD7k-Rk0rEh3Xaf5fzS2P5a3a9bKPEGZTc3AqmhlK88",{"id":150,"title":151,"client":152,"description":153,"extension":9,"media":154,"meta":165,"services":166,"stem":169,"team":170,"type":173,"url":45,"__hash__":174},"projects\u002Fprojects\u002F06.saba.yml","saba","Ipso gemeinnützige Gesellschaft mbH","Brand identity for saba, a digital platform offering psychosocial support to individuals with refugee or migration backgrounds. Developed for humanitarian organization IPSO, the app is an interface to speak face-to-face to certified counselors and overcome trauma. A key element of the identity is the audiovisual logo, which includes a calming soundscape designed to reduce anxiety. This subtle, ambient audio is used in the app’s virtual waiting room before video sessions, setting a tone of reassurance and emotional grounding.",[155,159,162],{"url":156,"alt":157,"small":14,"aspect":158},"saba\u002Fsaba-1.webp","saba logo: a green half-sun made of rounded segments next to the wordmark","1440\u002F960",{"url":160,"alt":161,"playable":14,"small":14},"saba\u002Fsound-logo.mp4","Animated saba logo mark appearing segment by segment",{"url":163,"alt":164},"saba\u002Fsaba-3.webp","Three smartphone screens of the saba app showing onboarding, treatment progress and the first treatment step",{},[40,167,168],"Laravel Development","Sound Design","projects\u002F06.saba",[171,172],"webhub","fernao digital","Commercial","oqa7vf2dtTAXIRbRGX1GfLFPOzMDG1-t-JI1u6FT5aw",{"id":176,"title":177,"client":177,"description":178,"extension":9,"media":179,"meta":195,"services":196,"stem":197,"team":198,"type":173,"url":201,"__hash__":202},"projects\u002Fprojects\u002F07.jgffm.yml","Jüdische Gemeinde Frankfurt am Main","Website developed using Craft CMS, based on an existing design. A key feature is a complex color-coding system that visually organizes a wide range of activities and departments. An interactive, self-hosted map provides intuitive spatial access to institutions and locations within the community. The site supports multiple languages, including right-to-left scripts such as Hebrew, and includes calendar and event views in both the Gregorian and Jewish calendar systems.",[180,183,186,189,192],{"url":181,"alt":182},"jgffm\u002Fjgffm-hero.png","Jüdische Gemeinde Frankfurt website header",{"url":184,"alt":185,"small":14},"jgffm\u002Fjgffm-events.png","Jüdische Gemeinde Frankfurt culture and events page with a concert photo behind the headline",{"url":187,"alt":188,"small":14},"jgffm\u002Fjgffm-he.png","Hebrew version of the Jüdische Gemeinde Frankfurt website with right-to-left text and accordions",{"url":190,"alt":191,"small":14},"jgffm\u002Fjgffm-calendar.png","Hebrew calendar for July 2025 with Jewish holidays and a list of upcoming events",{"url":193,"alt":194,"aspect":81,"small":14},"jgffm\u002Fmap.mp4","Interactive map of Frankfurt with blue location pins and clusters for community institutions",{},[42,43],"projects\u002F07.jgffm",[171,199,200],"CHIVES","NONOT STUDIO","https:\u002F\u002Fjg-ffm.de","3Lnj3uODX0q_fc5J4fd0p0FcNKIb0ewEgSlzVuX0zBA",{"id":204,"title":205,"client":206,"description":207,"extension":9,"media":208,"meta":218,"services":219,"stem":221,"team":45,"type":173,"url":222,"__hash__":223},"projects\u002Fprojects\u002F08.physio-bastian.yml","Physio Bastian","Physiotherapie Bastian","Sleek landing page for a Rostock-based physio­therapy practice that specializes in neurological and neuro­paediatric treatments. The design builds on the practice’s existing visual identity and features custom-drawn icons as well as a self-hosted interactive map.",[209,212,215],{"url":210,"alt":211,"aspect":81},"physio-bastian\u002Fhero.mp4","Physio Bastian homepage introducing holistic physiotherapy in Rostock next to a large logo mark",{"url":213,"alt":214,"small":14},"physio-bastian\u002Ficons.svg","Set of white line icons for physiotherapy treatments on an orange background",{"url":216,"alt":217,"small":14},"physio-bastian\u002Fservices.png","Physio Bastian services section on neurological and neuropaediatric treatment with a card for physiotherapy for children",{},[93,42,43,220],"Custom Icons","projects\u002F08.physio-bastian","https:\u002F\u002Fphysio-bastian.de","wcxG3Q74dKvokFSS7xDnzBWkpFhc9l8vUQiEkGpOTYU",{"id":225,"title":226,"client":45,"description":227,"extension":9,"media":228,"meta":241,"services":242,"stem":245,"team":246,"type":173,"url":247,"__hash__":248},"projects\u002Fprojects\u002F09.powerup.yml","PowerUp","Focused on reducing administrative overhead, the app enables users to track time, prepare payroll, and manage day-to-day operations without the need for complex processes or training. A core focus of mine was the development of interactive planning tools, including a project assignment planner and an absence planner, designed to give teams a clear overview of workloads, availability, and scheduling.",[229,232,235,238],{"url":230,"alt":231},"powerup\u002Fbrand.png","White PowerUp logo on a blue background",{"url":233,"alt":234,"small":14},"powerup\u002Fdashboard.png","PowerUp dashboard showing time entries, holiday allowance and company vehicle details",{"url":236,"alt":237,"small":14},"powerup\u002Ftimesheet.png","PowerUp weekly timesheet with colour-coded entries for work, travel time and breaks",{"url":239,"alt":240,"aspect":81},"powerup\u002Fplanner.mp4","PowerUp resource planner with an employee timeline above a kanban board of projects",{},[40,243,167,244],"UI\u002FUX","Website","projects\u002F09.powerup",[171],"https:\u002F\u002Fpower-up.app","xt4_a2RJ1V1HqDK-X1zn2-7K5EtyPS9RcL7HtAiXXq4",1793039841760]