{"id":677,"date":"2026-10-10T19:01:42","date_gmt":"2026-10-10T17:01:42","guid":{"rendered":"https:\/\/swissmediadesign.com\/?post_type=projekt&p=677"},"modified":"2026-10-10T19:01:44","modified_gmt":"2026-10-10T17:01:44","slug":"web-design-taster-challenge","status":"publish","type":"projekt","link":"https:\/\/swissmediadesign.com\/en\/projekt\/webdesign-schnupper-challenge\/","title":{"rendered":"Web design: Taster Challenge"},"content":{"rendered":"

What is a day as an Interactive Media Designer really like? With the Taster Challenge, I built an answer that pupils can try out for themselves. The game is called \u00abAgentur-Challenge<\/a>\u00bb, is available in German only and runs directly in the browser, on a phone or a computer. Over 8 levels, young people build a website for Lara and her bike workshop: they hold the client meeting, choose colours, write the copy, check the code and take the site live. No login, no database, and at the end there is a result to print out.<\/p>\n

Built in-house, without WordPress:<\/strong> The challenge is a static website<\/a> made of HTML, CSS and JavaScript, with no WordPress, no site builder and no ready-made template. A custom build script puts all the pages together and checks the language along the way. More than 400 automated tests click through every level before any change goes live, on phones and on computers.<\/p>\n

8 levels, 8 badges:<\/strong> Each level stands for a real task from the job, from the listener in the client meeting to the colour expert, architect, copywriter, photographer, speed maker and coder, all the way to the AI detective who exposes the details an AI has made up. Anyone who completes a level earns the matching badge and up to three stars. Three short quiz questions per level reinforce the key term it covers.<\/p>\n

Ranks and high score:<\/strong> With every task, players collect points and rise from intern to junior and designer, all the way to web pro. The high score stays saved, even when someone plays the challenge again to beat it. For sharing in the class chat, a result card with name, rank and stars is created right in the browser.<\/p>\n

Lara's website grows as you play:<\/strong> Next to every task, a preview shows what Lara's website currently looks like. Chosen colours, copy and images appear in it straight away. That way, young people see after every step what their decisions change.<\/p>\n

A result on paper to finish:<\/strong> After the eighth level comes the summary with rank, points, high score and stars. The certificate with the player's own name can be printed or saved as a PDF. The challenge takes around 30 to 45 minutes, is free of charge and works both at home and in a careers lesson at school.<\/p>\n

Progress stays in the browser:<\/strong> There is no account, no database, no cookies and no tracking. Name, answers and progress stay on the player's own device. Anyone who wants to switch devices saves their progress as a file. For shared devices in the classroom, there are instructions so that nothing is left behind.<\/p>","protected":false},"excerpt":{"rendered":"

What is a day as an Interactive Media Designer really like? With the Taster Challenge, I built an answer that pupils can try out for themselves. The game is called \u00abAgentur-Challenge<\/a>\u00bb, is available in German only and runs directly in the browser, on a phone or a computer. Over 8 levels, young people build a website for Lara and her bike workshop: they hold the client meeting, choose colours, write the copy, check the code and take the site live. No login, no database, and at the end there is a result to print out.<\/p>","protected":false},"featured_media":692,"template":"","meta":{"smd_kunde":"Swiss Media Design GmbH","smd_branche":"Berufserkundung Interactive Media Designer EFZ, Buchs SG","smd_leistungen":"Webdesign","smd_url":"https:\/\/schnuppern.swissmediadesign.com"},"projekt_kategorie":[4],"class_list":["post-677","projekt","type-projekt","status-publish","has-post-thumbnail","hentry","projekt_kategorie-webdesign"],"_links":{"self":[{"href":"https:\/\/swissmediadesign.com\/en\/wp-json\/wp\/v2\/projekt\/677","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/swissmediadesign.com\/en\/wp-json\/wp\/v2\/projekt"}],"about":[{"href":"https:\/\/swissmediadesign.com\/en\/wp-json\/wp\/v2\/types\/projekt"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/swissmediadesign.com\/en\/wp-json\/wp\/v2\/media\/692"}],"wp:attachment":[{"href":"https:\/\/swissmediadesign.com\/en\/wp-json\/wp\/v2\/media?parent=677"}],"wp:term":[{"taxonomy":"projekt_kategorie","embeddable":true,"href":"https:\/\/swissmediadesign.com\/en\/wp-json\/wp\/v2\/projekt_kategorie?post=677"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}