https://janth.webflow.io/nobel-peace-center

1<!DOCTYPE html><!-- Last Published: Sun Apr 12 2026 10:15:18 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="janth.webflow.io" data-wf-page="62a9123cb43e926f8a61a72c" data-wf-site="5fa02ff60ed7cb3f1c8e2e54"><head><meta charset="utf-8"/><link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>Nobel Peace Center</title><meta content="Nobel Peace Center" property="og:title"/><meta content="Nobel Peace Center" name="twitter:title"/><meta content="width=device-width, initial-scale=1" name="viewport"/><link href="https://cdn.prod.website-files.com/5fa02ff60ed7cb3f1c8e2e54/css/janth.webflow.shared.4e689bc1c.css" rel="stylesheet" type="text/css" integrity="sha384-TmibwcG1YBOOu5CReoDH+pOdiQTDh5piFRtjFl9xWCGfV2fPLPH+gBoRETe/nRzx" crossorigin="anonymous"/><link href="https://fonts.googleapis.com" rel="preconnect"/><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"/>

1<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>

1<script type="text/javascript">WebFont.load({  google: {    families: ["Exo:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic","Open Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic","Lato:100,100italic,300,300italic,400,400italic,700,700italic,900,900italic","Nunito:300,400,500,600,700","Orbitron:300,400,500,600,700","Roboto:300,400,500,600,700"]  }});</script>

1<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>

1<link href="https://cdn.prod.website-files.com/5fa02ff60ed7cb3f1c8e2e54/603516ea55f275417403a155_jt-logo-small.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/5fa02ff60ed7cb3f1c8e2e54/6035163977760a1250f49507_jt-logo-big.png" rel="apple-touch-icon"/><style>
2  body {
3  -moz-font-feature-settings: "liga" on;
4  -moz-osx-font-smoothing: grayscale;
5  -webkit-font-smoothing: antialiased;
6  font-feature-settings: "liga" on;
7  text-rendering: optimizeLegibility;
8}
9</style></head><body class="body"><div class="transitions"><div class="trans-yellow-test"></div><div class="trans-purple-test"></div></div><div class="top-menu-otherpages"><div data-collapse="medium" data-animation="default" data-duration="200" data-doc-height="1" data-easing="ease-in" data-easing2="ease-out" role="banner" class="navigation-2 nav w-nav"><div class="logo-name-right"><a href="https://www.jan-thomassen.com/#hero" class="logolink2 w-nav-brand"><img src="https://cdn.prod.website-files.com/5fa02ff60ed7cb3f1c8e2e54/60206f1fa2659729d485b265_jan-thomassen-logo.svg" width="104" alt="Jan Thomassen Logo" class="logo-image"/></a><div class="top-name mobile"><span class="text-span-3">Jan Thomassen</span> Digital Designer</div><div class="top-name"><span class="text-span-3">Jan Thomassen</span> – Digital Designer</div></div><div data-w-id="dd8c704c-1147-9e4e-26df-915e05a6ff6e" class="close-hamburger-666"></div><div class="navigation-items"><div class="navigation-wrap"><div data-w-id="dd8c704c-1147-9e4e-26df-915e05a6ff70" class="nav-link-div"><a href="https://www.jan-thomassen.com/#sel-works" class="scrolllink2 w-nav-link">works</a><img src="https://cdn.prod.website-files.com/5fa02ff60ed7cb3f1c8e2e54/602082d9a26597b68385e45b_menu-bg-light.svg" loading="lazy" alt="" class="nav-bg-light"/></div><div data-w-id="dd8c704c-1147-9e4e-26df-915e05a6ff74" class="nav-link-div"><a href="https://www.jan-thomassen.com/#about" class="scrolllink2 w-nav-link">about</a><img src="https://cdn.prod.website-files.com/5fa02ff60ed7cb3f1c8e2e54/602082d9a26597b68385e45b_menu-bg-light.svg" loading="lazy" alt="" class="nav-bg-light"/></div><div data-w-id="dd8c704c-1147-9e4e-26df-915e05a6ff78" class="nav-link-div"><a href="https://www.jan-thomassen.com/#lets-connect" class="scrolllink2 w-nav-link">contact</a><img src="https://cdn.prod.website-files.com/5fa02ff60ed7cb3f1c8e2e54/602082d9a26597b68385e45b_menu-bg-light.svg" loading="lazy" alt="" class="nav-bg-light"/></div></div><div data-w-id="dd8c704c-1147-9e4e-26df-915e05a6ff7c" class="hamburger-box"><div class="div-block-34"><div data-w-id="dd8c704c-1147-9e4e-26df-915e05a6ff7e" class="burger-line"></div><div data-w-id="dd8c704c-1147-9e4e-26df-915e05a6ff7f" class="burger-line"></div><div data-w-id="dd8c704c-1147-9e4e-26df-915e05a6ff80" class="burger-line"></div></div><div class="div-block-35"></div></div><div data-w-id="dd8c704c-1147-9e4e-26df-915e05a6ff82" class="linkedin-menu-link"><a href="https://www.linkedin.com/in/ufoninja" target="_blank" class="link-block w-inline-block"></a><img src="https://cdn.prod.website-files.com/5fa02ff60ed7cb3f1c8e2e54/602072e8e425749febbbb124_linkedin-circle.svg" loading="lazy" alt="LinkedIn profile link" height="44" class="linkedin-logo"/></div><div class="html-embed-2 w-embed"><style>
10	.nav {
11  -webkit-backdrop-filter: blur(8px);
12  backdrop-filter: blur(8px);
13  }
14</style></div></div></div><div data-w-id="dd8c704c-1147-9e4e-26df-915e05a6ff86" class="hamburger-menu-wrapper"><div class="hamburger-menu"><a href="https://www.jan-thomassen.com/#sel-works" class="hamburger-links2">WORKS</a><a href="https://www.jan-thomassen.com/#about" class="hamburger-links2">ABOUT</a><a href="https://www.jan-thomassen.com/#lets-connect" class="hamburger-links2">CONTACT</a></div></div></div><div class="wrap-project"><div data-w-id="ca3424d7-5a7c-03c7-1038-1ef13a44edca" class="top-section-p1 npc-top"><div class="title-wrapper-anim"><div style="opacity:0;-webkit-transform:translate3d(-100%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(-100%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(-100%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(-100%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="project-titles"><h1 class="project-title-p1-anim npc-main-title">Nobel Peace Center</h1></div><div style="-webkit-transform:translate3d(0PX, 500PX, 0PX) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0PX, 500PX, 0PX) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0PX, 500PX, 0PX) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0PX, 500PX, 0PX) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform-style:preserve-3d;opacity:0" class="project-titles2"><div class="sub-title-p1-anim1 npc-sub-title"><span class="text-span-2">BeDemocracy</span> - a fully dynamic and interactive exhibition about social media and democracy.</div></div></div></div><div class="section-intro _2 npc"><div class="w-layout-grid challenge-hps"><div id="w-node-c6ef1868-7cc6-9a17-670e-0790d9284ced-8a61a72c" class="challenges"><div class="project-year"><img src="https://cdn.prod.website-files.com/5fa02ff60ed7cb3f1c8e2e54/5fa02ff60ed7cb733c8e2f9c_calendar%20(2).svg" alt="role icon" class="challenges-icon hps"/><div class="challenges-content w-clearfix"><h3 class="project-subheader hps npc1">2014</h3></div></div><div class="challenges"><img src="https://cdn.prod.website-files.com/5fa02ff60ed7cb3f1c8e2e54/5fa02ff60ed7cb810a8e2e9c_alien.svg" alt="role icon" class="challenges-icon hps"/><div class="challenges-content w-clearfix"><h3 class="project-subheader hps npc1">

14Role</h3><div class="role-stripe npc-role">UI-design<br/>Web design</div></div></div><div class="tools-of-trade"><img src="https://cdn.prod.website-files.com/5fa02ff60ed7cb3f1c8e2e54/5fa02ff60ed7cb58af8e2f94_wrench.svg" alt="Tools icon" class="tools-icon hps"/><div class="tools-content w-clearfix"><h3 class="project-subheader hps npc1">Tools </h3><div class="tools-stripe npc-role2">Illustrator<br/>Photoshop<br/>After Effects</div></div></div></div><div id="w-node-d3df5bcd-9f17-8359-97e6-363e939ca2dd-8a61a72c" class="intro"><h2 class="project-header-h2 summary npc-titles">About BeDemocracy</h2><div class="underline-title p1 npc-line"></div><div class="challenge-txt npc-txt">The purpose of the exhibition was to debate how social media affects democracy, as well as people&#x27;s participation and engagement related to political and social issues around the world.<br/><br/>The input from visitors formed the content and expression.</div><h2 class="project-header-h2 summary npc-titles">My role</h2><div class="underline-title p1 npc-line"></div><div class="challenge-txt npc-txt">I was responsible for design of the digital surfaces, and web design for a responsive web page that was associated with the exhibition, while working at Expology.<br/></div></div></div></div><div class="npc-project-video"><div class="npc-case-video"><div class="html-embed npc-video1 w-embed w-iframe"><iframe src="https://player.vimeo.com/video/460463619" width="80%
15" height="80%" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe></div></div></div><div class="section npc-sphere-copy"><div class="wrapper1-copy"><div class="wrapper-full-width"><div class="npc-hero-img"><div class="npc-image-info"><div class="npc-img-txt">Visitors could “like” expressions pointing with their thumbs by using Kinect technology inside the giant sphere.</div></div></div></div></div></div><div class="section hps-logo"><div class="wrapper1 _1"><div class="wrapper-full-width"><div class="w-layout-grid hps-target-user npc-2"><div id="w-node-_4d9e8595-26ba-473f-e863-bcb0eaf8431f-8a61a72c" class="image-box npc-img2"></div><div id="w-node-_4d9e8595-26ba-473f-e863-bcb0eaf84320-8a61a72c" class="text-box"><div class="challenge-txt hps-txt npc-infotxt">Input to the sphere was given by visitors on four thematic walls with case specific questions, the exhibition website and Twitter.</div></div></div></div></div></div><div class="section-npc-resp"><div class="npc-resp-vid"><div class="html-embed npc-resp2-vid2 w-embed w-iframe"><iframe style="position: absolute; top: 0; left: 0;" src="https://player.vimeo.com/video/473835275?background=1" width="100%" 
16height="100%" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe></div></div></div><div class="section npc-image-gallery"><div class="wrapper1 npc-images"><div class="npc-images3"><div class="w-layout-grid npc-images2"><img class="npc-img left" src="https://cdn.prod.website-files.com/5fa02ff60ed7cb3f1c8e2e54/5fa02ff60ed7cb70568e3071_nobel-yellow.jpg" alt="" sizes="(max-width: 479px) 92vw, (max-width: 767px) 90vw, (max-width: 991px) 92vw, 73vw" data-w-id="312a46c1-0145-9fd9-ae1b-5c30c1f9ac04" id="w-node-_312a46c1-0145-9fd9-ae1b-5c30c1f9ac04-8a61a72c" loading="lazy" srcset="https://cdn.prod.website-files.com/5fa02ff60ed7cb3f1c8e2e54/5fa02ff60ed7cb70568e3071_nobel-yellow-p-1080.jpeg 1080w, https://cdn.prod.website-files.com/5fa02ff60ed7cb3f1c8e2e54/5fa02ff60ed7cb70568e3071_nobel-yellow.jpg 1200w"/><img src="https://cdn.prod.website-files.com/5fa02ff60ed7cb3f1c8e2e54/5fa02ff60ed7cb9c398e3070_nobel-blue.jpg" loading="lazy" sizes="(max-width: 479px) 92vw, (max-width: 767px) 90vw, (max-width: 991px) 92vw, 73vw" srcset="https://cdn.prod.website-files.com/5fa02ff60ed7cb3f1c8e2e54/5fa02ff60ed7cb9c398e3070_nobel-blue-p-500.jpeg 500w, https://cdn.prod.website-files.com/5fa02ff60ed7cb3f1c8e2e54/5fa02ff60ed7cb9c398e3070_nobel-blue-p-1080.jpeg 1080w, https://cdn.prod.website-files.com/5fa02ff60ed7cb3f1c8e2e54/5fa02ff60ed7cb9c398e3070_nobel-blue.jpg 1200w" alt="" class="npc-img right"/><img src="https://cdn.prod.website-files.com/5fa02ff60ed7cb3f1c8e2e54/5fa02ff60ed7cb0f1d8e3073_nobel-red.jpg" loading="lazy" sizes="(max-width: 479px) 92vw, (max-width: 767px) 90vw, (max-width: 991px) 92vw, 73vw" srcset="https://cdn.prod.website-files.com/5fa02ff60ed7cb3f1c8e2e54/5fa02ff60ed7cb0f1d8e3073_nobel-red-p-500.jpeg 500w, https://cdn.prod.website-files.com/5fa02ff60ed7cb3f1c8e2e54/5fa02ff60ed7cb0f1d8e3073_nobel-red-p-1080.jpeg 1080w, https://cdn.prod.website-files.com/5fa02ff60ed7cb3f1c8e2e54/5fa02ff60ed7cb0f1d8e3073_nobel-red.jpg 1200w" alt="" class="npc-img left"/><img src="https://cdn.prod.website-files.com/5fa02ff60ed7cb3f1c8e2e54/5fa02ff60ed7cb1fbd8e306e_nobel-green.jpg" loading="lazy" sizes="(max-width: 479px) 92vw, (max-width: 767px) 90vw, (max-width: 991px) 92vw, 73vw" srcset="https://cdn.prod.website-files.com/5fa02ff60ed7cb3f1c8e2e54/5fa02ff60ed7cb1fbd8e306e_nobel-green-p-1080.jpeg 1080w, https://cdn.prod.website-files.com/5fa02ff60ed7cb3f1c8e2e54/5fa02ff60ed7cb1fbd8e306e_nobel-green.jpg 1200w" alt="" class="npc-img r

16ight"/><img src="https://cdn.prod.website-files.com/5fa02ff60ed7cb3f1c8e2e54/5fa02ff60ed7cbe5048e306b_BeDemocracy-203.jpg" loading="lazy" sizes="(max-width: 479px) 92vw, (max-width: 767px) 90vw, (max-width: 991px) 92vw, 73vw" srcset="https://cdn.prod.website-files.com/5fa02ff60ed7cb3f1c8e2e54/5fa02ff60ed7cbe5048e306b_BeDemocracy-203-p-1080.jpeg 1080w, https://cdn.prod.website-files.com/5fa02ff60ed7cb3f1c8e2e54/5fa02ff60ed7cbe5048e306b_BeDemocracy-203-p-1600.jpeg 1600w, https://cdn.prod.website-files.com/5fa02ff60ed7cb3f1c8e2e54/5fa02ff60ed7cbe5048e306b_BeDemocracy-203-p-2000.jpeg 2000w, https://cdn.prod.website-files.com/5fa02ff60ed7cb3f1c8e2e54/5fa02ff60ed7cbe5048e306b_BeDemocracy-203.jpg 2500w" alt="" class="npc-img left"/><img src="https://cdn.prod.website-files.com/5fa02ff60ed7cb3f1c8e2e54/5fa02ff60ed7cb61b88e3078_BeDemocracy-267.jpg" loading="lazy" sizes="(max-width: 479px) 92vw, (max-width: 767px) 90vw, (max-width: 991px) 92vw, 73vw" srcset="https://cdn.prod.website-files.com/5fa02ff60ed7cb3f1c8e2e54/5fa02ff60ed7cb61b88e3078_BeDemocracy-267-p-800.jpeg 800w, https://cdn.prod.website-files.com/5fa02ff60ed7cb3f1c8e2e54/5fa02ff60ed7cb61b88e3078_BeDemocracy-267.jpg 1024w" alt="" class="npc-img right"/><img src="https://cdn.prod.website-files.com/5fa02ff60ed7cb3f1c8e2e54/5fa02ff60ed7cbd8c88e3079_nobel-vaular.jpg" loading="lazy" sizes="(max-width: 479px) 92vw, (max-width: 767px) 90vw, (max-width: 991px) 92vw, 73vw" srcset="https://cdn.prod.website-files.com/5fa02ff60ed7cb3f1c8e2e54/5fa02ff60ed7cbd8c88e3079_nobel-vaular-p-1080.jpeg 1080w, https://cdn.prod.website-files.com/5fa02ff60ed7cb3f1c8e2e54/5fa02ff60ed7cbd8c88e3079_nobel-vaular.jpg 1200w" alt="" class="npc-img left"/><div id="w-node-b708f4f5-f2bb-2d87-6cbf-5e6fce48f7c2-8a61a72c" class="npc-photographer">Images by Oda Hveem</div></div></div></div></div><div class="cs-reflections npc"><div class="cs-reflections2"><div class="cs-reflections3"><h2 class="project-header-h2 summary npc-titles">Reflections</h2><div class="underline-title p1 npc"></div><div class="cs-reflections-txt npc">It was really a great experience to take part of such a noble project. Expology did great work on the concept and the technical part, and Tomorrow Creatives did an outstanding job on the graphic design. <br/><br/>I especially want to remember the effect of applying the 3D depth to the elements at the exhibition.<br/><br/>‍<br/></div></div></div></div><div class="back-to-projects"><div class="projects-wrapper"><div class="projects-shortcut"><h1 class="shortcut-projects-title">Selected Works</h1><div class="underline-title p1 yellow"></div><div class="projects-sc-wrapper"><div class="projects-sc-img"></div><div class="project-sc-txt-box"><h4 class="back-to-projects-title">Cuescore</h4><div class="project-shortcut-description">The World&#x27;s leading Billiards Management System.</div></div><a href="/cuescore" class="projects-sc-link w-inline-block"></a></div><div class="projects-sc-wrapper"><div class="projects-sc-img _2"></div><div class="project-sc-txt-box"><h4 class="back-to-projects-title">Evry</h4><div class="project-shortcut-description">Digital brand identity environment for the biggest IT-company in the Nordics.</div></div><a href="/evry" class="projects-sc-link w-inline-block"></a></div><div class="projects-sc-wrapper"><div class="projects-sc-img _3"></div><div class="project-sc-txt-box"><h4 class="back-to-projects-title">Nobel Peace Center</h4><div class="project-shortcut-description">BeDeomcracy - a fully dynamic and interactive exhibition about social media and democracy.</div></div><a href="/nobel-peace-center" aria-current="page" class="projects-sc-link w-inline-block w--current"></a></div><div class="projects-sc-wrapper"><div class="projects-sc-img _4"></div><div class="project-sc-txt-box"><h4 class="back-to-projects-title">Hjemmepsykologene</h4><div class="project-shortcut-description">Brand Identity + digital prototype for a new online psychologist service.</div></div><a href="/hjemmepsykologene" class="projects-sc-link w-inline-block"></a></div></div></div></div></div><div class="footer"><div class="footer-txt">Jan Thomassen © </div></div>

16<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=5fa02ff60ed7cb3f1c8e2e54" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>

16<script src="https://cdn.prod.website-files.com/5fa02ff60ed7cb3f1c8e2e54/js/webflow.schunk.36b8fb49256177c8.js" type="text/javascript" integrity="sha384-4abIlA5/v7XaW1HMXKBgnUuhnjBYJ/Z9C1OSg4OhmVw9O3QeHJ/qJqFBERCDPv7G" crossorigin="anonymous"></script>

16<script src="https://cdn.prod.website-files.com/5fa02ff60ed7cb3f1c8e2e54/js/webflow.schunk.7b193c7fa2128572.js" type="text/javascript" integrity="sha384-/Cww/Cb7fm8esUlQPpbgRZbb+n2Q057fZCwC6BAQGXunmPT9WDWcHh72YVk+T3qf" crossorigin="anonymous"></script>

16<script src="https://cdn.prod.website-files.com/5fa02ff60ed7cb3f1c8e2e54/js/webflow.58babb51.d603d4bea959babb.js" type="text/javascript" integrity="sha384-wDW5Qq9FQmGZEtjuPIP/K5Ebp5PdQhHrlp17AIAon9iBH/W53BDQ90b1gsDzAgec" crossorigin="anonymous"></script>

16<script>
17$('.works-cover-link,.logolink2,.view-project-link,.hamburger-links2,.scrolllink2,.projects-sc-link,.works-title3').click(function (e) {
18    e.preventDefault();
19    var goTo = this.getAttribute("href");
20
21    setTimeout(function(){
22         window.location = goTo;
23    },800);       
24});
25</script>

25
26
27
28
29<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
30
31</body></html>