Media . Technology
As bold as one
  • Identity
  • .
  • Experience
  • .
  • Product
Technology
Bank made simple
  • Identity
  • .
  • Experience
  • .
  • Product
Arts and Culture . Fashion & Luxury . Retail
Nordic Altar
  • Identity
  • .
  • Experience
  • .
  • Product
Media
Remix the infinite
  • Identity
  • .
  • Experience
  • .
  • Product
<div class="project islarge" id="project-tomwood" project-url="https://bleed.no/work/tomwood" project-title="Tom Wood" project-category="Identity,Experience,Product" project-keywords="Fashion &amp; Luxury"> <div class="positioner"> <div class="wrap"> <div class="content"> <div class="project-image-container"> <a href="https://bleed.no/work/tomwood"> <img src="https://s3-eu-west-1.amazonaws.com/bleed/work/tm_1.jpg" class="ori-hor" imgsize="2000x1209" alt=""> </a> </div> </div> </div> <div class="project-info-overlay"> <div class="project-main-category">Fashion &amp; Luxury</div> <div class="project-title"> <a href="https://bleed.no/work/tomwood"> Fashion is capitalism&#039;s favorite child </a> </div> <div class="project-keywords"> <ul class="categories txt-meta-mono"> <div class="positioner full"> <li class="key canBeActive">Identity</li> <li class="sep">.</li> <li class="key canBeActive">Experience</li> <li class="sep">.</li> <li class="key canBeActive">Product</li> </div> </ul> </div> </div> </div> </div> <div class="project islarge" id="project-neudoerfler-identity" project-url="https://bleed.no/work/neudoerfler-identity" project-title="Neudoerfler Identity" project-category="Identity" project-keywords="Retail"> <div class="positioner"> <div class="wrap"> <div class="content"> <div class="project-image-container"> <a href="https://bleed.no/work/neudoerfler-identity"> <img src="https://s3-eu-west-1.amazonaws.com/bleed/work/ND_branding_01.jpg" class="ori-hor" imgsize="1080x1080" alt=""> </a> </div> </div> </div> <div class="project-info-overlay"> <div class="project-main-category">Retail</div> <div class="project-title"> <a href="https://bleed.no/work/neudoerfler-identity"> Less Work, More Flow. </a> </div> <div class="project-keywords"> <ul class="categories txt-meta-mono"> <div class="positioner full"> <li class="key canBeActive">Identity</li> <li class="sep">.</li> <li class="key">Experience</li> <li class="sep">.</li> <li class="key">Product</li> </div> </ul> </div> </div> </div> </div> <div class="project islarge" id="project-stroeck" project-url="https://bleed.no/work/stroeck" project-title="Ströck" project-category="Identity,Product" project-keywords="Food"> <div class="positioner"> <div class="wrap"> <div class="content"> <div class="project-image-container"> <a href="https://bleed.no/work/stroeck"> <img src="https://s3-eu-west-1.amazonaws.com/bleed/work/stroeck_assembly2.jpg" class="ori-hor" imgsize="1920x1280" alt=""> </a> </div> </div> </div> <div class="project-info-overlay"> <div class="project-main-category">Food</div> <div class="project-title"> <a href="https://bleed.no/work/stroeck"> Handmade passion </a> </div> <div class="project-keywords"> <ul class="categories txt-meta-mono"> <div class="positioner full"> <li class="key canBeActive">Identity</li> <li class="sep">.</li> <li class="key">Experience</li> <li class="sep">.</li> <li class="key canBeActive">Product</li> </div> </ul> </div> </div> </div> </div> <div class="project islarge" id="project-mikme" project-url="https://bleed.no/work/mikme" project-title="Mikme" project-category="Identity,Experience,Product" project-keywords="Media.Technology"> <div class="positioner"> <div class="wrap"> <div class="content"> <div class="project-image-container"> <a href="https://bleed.no/work/mikme"> <img src="https://s3-eu-west-1.amazonaws.com/bleed/work/mikme_cut_green.jpg" class="ori-hor" imgsize="1920x1282" alt=""> </a> </div> </div> </div> <div class="project-info-overlay"> <div class="project-main-category">Media . Technology</div> <div class="project-title"> <a href="https://bleed.no/work/mikme"> Sound &amp; vibration </a> </div> <div class="project-keywords"> <ul class="categories txt-meta-mono"> <div class="positioner full"> <li class="key canBeActive">Identity</li> <li class="sep">.</li> <li class="key canBeActive">Experience</li> <li class="sep">.</li> <li class="key canBeActive">Product</li> </div> </ul> </div> </div> </div> </div> <div class="project islarge" id="project-eikund" project-url="https://bleed.no/work/eikund" project-title="Eikund" project-category="Identity,Product" project-keywords="Arts and Culture.Retail"> <div class="positioner"> <div class="wrap"> <div class="content"> <div class="project-image-container"> <a href="https://bleed.no/work/eikund"> <img src="https://s3-eu-west-1.amazonaws.com/bleed/work/05_Posters.jpg" class="ori-hor" imgsize="2000x1200" alt=""> </a> </div> </div> </div> <div class="project-info-overlay"> <div class="project-main-category">Arts and Culture . Retail</div> <div class="project-title"> <a href="https://bleed.no/work/eikund"> Sculptural Nature </a> </div> <div class="project-keywords"> <ul class="categories txt-meta-mono"> <div class="positioner full"> <li class="key canBeActive">Identity</li> <li class="sep">.</li> <li class="key">Experience</li> <li class="sep">.</li> <li class="key canBeActive">Product</li> </div> </ul> </div> </div> </div> </div> <div class="project" id="project-a-few-good-things" project-url="https://bleed.no/work/a-few-good-things" project-title="A Few Good Things" project-category="Identity,Experience" project-keywords="Arts and Culture"> <div class="positioner"> <div class="wrap"> <div class="content"> <div class="video-thumb-container"> <div class="positioner full"> <div class="video-crop"></div> <a href="https://bleed.no/work/a-few-good-things"> <video playsinline autoplay muted loop class="color-light"> <source src="https://s3-eu-west-1.amazonaws.com/bleed/video/AFGT_card2.webmhd.webm" type="video/webm"> <source src="https://s3-eu-west-1.amazonaws.com/bleed/video/AFGT_card2.mov" type="video/mp4"> </video> </a> </div> </div> </div> </div> <div class="project-info-overlay"> <div class="project-main-category">Arts and Culture</div> <div class="project-title"> <a href="https://bleed.no/work/a-few-good-things"> Good things are connected </a> </div> <div class="project-keywords"> <ul class="categories txt-meta-mono"> <div class="positioner full"> <li class="key canBeActive">Identity</li> <li class="sep">.</li> <li class="key canBeActive">Experience</li> <li class="sep">.</li> <li class="key">Product</li> </div> </ul> </div> </div> </div> </div> <div class="project islarge" id="project-håndverk" project-url="https://bleed.no/work/håndverk" project-title="Håndverk+" project-category="Identity,Product" project-keywords="Arts and Culture"> <div class="positioner"> <div class="wrap"> <div class="content"> <div class="project-image-container"> <a href="https://bleed.no/work/håndverk"> <img src="https://s3-eu-west-1.amazonaws.com/bleed/work/h_layup5.jpg" class="ori-hor" imgsize="2000x1200" alt=""> </a> </div> </div> </div> <div class="project-info-overlay"> <div class="project-main-category">Arts and Culture</div> <div class="project-title"> <a href="https://bleed.no/work/håndverk"> Egress, Re-think, Push. </a> </div> <div class="project-keywords"> <ul class="categories txt-meta-mono"> <div class="positioner full"> <li class="key canBeActive">Identity</li> <li class="sep">.</li> <li class="key">Experience</li> <li class="sep">.</li> <li class="key canBeActive">Product</li> </div> </ul> </div> </div> </div> </div> <div class="project" id="project-grafill" project-url="https://bleed.no/work/grafill" project-title="Grafill" project-category="Identity,Experience" project-keywords="Arts and Culture.Media"> <div class="positioner"> <div class="wrap"> <div class="content"> <div class="video-thumb-container"> <div class="positioner full"> <div class="video-crop"></div> <a href="https://bleed.no/work/grafill"> <video playsinline autoplay muted loop poster="https://s3-eu-west-1.amazonaws.com/bleed/work/grafill_g_anim_wide.jpg" class="color-dark"> <source src="https://s3-eu-west-1.amazonaws.com/bleed/video/Grafill-G-Anim-Wide.webmvp8.webm" type="video/webm"> <source src="https://s3-eu-west-1.amazonaws.com/bleed/video/grafill_g_anim_wide.mp4" type="video/mp4"> </video> </a> </div> </div> </div> </div> <div class="project-info-overlay"> <div class="project-main-category">Arts and Culture . Media</div> <div class="project-title"> <a href="https://bleed.no/work/grafill"> A new space for design </a> </div> <div class="project-keywords"> <ul class="categories txt-meta-mono"> <div class="positioner full"> <li class="key canBeActive">Identity</li> <li class="sep">.</li> <li class="key canBeActive">Experience</li> <li class="sep">.</li> <li class="key">Product</li> </div> </ul> </div> </div> </div> </div> <div class="project" id="project-blank-architects" project-url="https://bleed.no/work/blank-architects" project-title=" Blank Architects" project-category="Identity,Product" project-keywords="Architecture"> <div class="positioner"> <div class="wrap"> <div class="content"> <div class="video-thumb-container"> <div class="positioner full"> <div class="video-crop"></div> <a href="https://bleed.no/work/blank-architects"> <video playsinline autoplay muted loop poster="https://s3-eu-west-1.amazonaws.com/bleed/work/architecture-04.gif" class="color-light"> <source src="https://s3-eu-west-1.amazonaws.com/bleed/video/blank03.webmhd.webm" type="video/webm"> <source src="https://s3-eu-west-1.amazonaws.com/bleed/video/blank03.mp4" type="video/mp4"> </video> </a> </div> </div> </div> </div> <div class="project-info-overlay"> <div class="project-main-category">Architecture</div> <div class="project-title"> <a href="https://bleed.no/work/blank-architects"> Blank is the new blank </a> </div> <div class="project-keywords"> <ul class="categories txt-meta-mono"> <div class="positioner full"> <li class="key canBeActive">Identity</li> <li class="sep">.</li> <li class="key">Experience</li> <li class="sep">.</li> <li class="key canBeActive">Product</li> </div> </ul> </div> </div> </div> </div> <div class="project islarge" id="project-nuitetjour" project-url="https://bleed.no/work/nuitetjour" project-title="Nuit et Jour Tom Wood" project-category="Identity,Product" project-keywords="Fashion &amp; Luxury"> <div class="positioner"> <div class="wrap"> <div class="content"> <div class="project-image-container"> <a href="https://bleed.no/work/nuitetjour"> <img src="https://s3-eu-west-1.amazonaws.com/bleed/work/tomwood_18.jpg" class="ori-hor" imgsize="2940x2028" alt=""> </a> </div> </div> </div> <div class="project-info-overlay"> <div class="project-main-category">Fashion &amp; Luxury</div> <div class="project-title"> <a href="https://bleed.no/work/nuitetjour"> Nuit et Jour Tomwood </a> </div> <div class="project-keywords"> <ul class="categories txt-meta-mono"> <div class="positioner full"> <li class="key canBeActive">Identity</li> <li class="sep">.</li> <li class="key">Experience</li> <li class="sep">.</li> <li class="key canBeActive">Product</li> </div> </ul> </div> </div> </div> </div> <div class="project islarge" id="project-anthropos" project-url="https://bleed.no/work/anthropos" project-title="Anthropos" project-category="Product" project-keywords="Arts and Culture"> <div class="positioner"> <div class="wrap"> <div class="content"> <div class="project-image-container"> <a href="https://bleed.no/work/anthropos"> <img src="https://s3-eu-west-1.amazonaws.com/bleed/work/Ant00.jpg" class="ori-hor" imgsize="737x491" alt=""> </a> </div> </div> </div> <div class="project-info-overlay"> <div class="project-main-category">Arts and Culture</div> <div class="project-title"> <a href="https://bleed.no/work/anthropos"> Submissive Habitatus </a> </div> <div class="project-keywords"> <ul class="categories txt-meta-mono"> <div class="positioner full"> <li class="key">Identity</li> <li class="sep">.</li> <li class="key">Experience</li> <li class="sep">.</li> <li class="key canBeActive">Product</li> </div> </ul> </div> </div> </div> </div> <div class="project islarge" id="project-vaudeville" project-url="https://bleed.no/work/vaudeville" project-title="Vaudeville" project-category="Identity" project-keywords="Fashion &amp; Luxury.Retail"> <div class="positioner"> <div class="wrap"> <div class="content"> <div class="project-image-container"> <a href="https://bleed.no/work/vaudeville"> <img src="https://s3-eu-west-1.amazonaws.com/bleed/work/ISW0415_web.jpg" class="ori-hor" imgsize="1600x1068" alt=""> </a> </div> </div> </div> <div class="project-info-overlay"> <div class="project-main-category">Fashion &amp; Luxury . Retail</div> <div class="project-title"> <a href="https://bleed.no/work/vaudeville"> Live like a Vaudeville </a> </div> <div class="project-keywords"> <ul class="categories txt-meta-mono"> <div class="positioner full"> <li class="key canBeActive">Identity</li> <li class="sep">.</li> <li class="key">Experience</li> <li class="sep">.</li> <li class="key">Product</li> </div> </ul> </div> </div> </div> </div> <div class="project" id="project-opplysningskontoret-for-frukt-og-grønt" project-url="https://bleed.no/work/opplysningskontoret-for-frukt-og-grønt" project-title="OFG" project-category="Identity,Experience" project-keywords="Food"> <div class="positioner"> <div class="wrap"> <div class="content"> <div class="video-thumb-container"> <div class="positioner full"> <div class="video-crop"></div> <a href="https://bleed.no/work/opplysningskontoret-for-frukt-og-grønt"> <video playsinline autoplay muted loop class="color-light"> <source src="https://s3-eu-west-1.amazonaws.com/bleed/video/OFG_web_01.1.webmhd.webm" type="video/webm"> <source src="https://s3-eu-west-1.amazonaws.com/bleed/video/OFG_web_01.1.mp4.mp4" type="video/mp4"> </video> </a> </div> </div> </div> </div> <div class="project-info-overlay"> <div class="project-main-category">Food</div> <div class="project-title"> <a href="https://bleed.no/work/opplysningskontoret-for-frukt-og-grønt"> Green is gold </a> </div> <div class="project-keywords"> <ul class="categories txt-meta-mono"> <div class="positioner full"> <li class="key canBeActive">Identity</li> <li class="sep">.</li> <li class="key canBeActive">Experience</li> <li class="sep">.</li> <li class="key">Product</li> </div> </ul> </div> </div> </div> </div> <div class="project islarge" id="project-supreme-roastworks" project-url="https://bleed.no/work/supreme-roastworks" project-title="Supreme Roastworks" project-category="Identity,Product" project-keywords="Food"> <div class="positioner"> <div class="wrap"> <div class="content"> <div class="project-image-container"> <a href="https://bleed.no/work/supreme-roastworks"> <img src="https://s3-eu-west-1.amazonaws.com/bleed/work/SRW_pack3.jpg" class="ori-hor" imgsize="1998x1333" alt=""> </a> </div> </div> </div> <div class="project-info-overlay"> <div class="project-main-category">Food</div> <div class="project-title"> <a href="https://bleed.no/work/supreme-roastworks"> No fuss, just great coffee </a> </div> <div class="project-keywords"> <ul class="categories txt-meta-mono"> <div class="positioner full"> <li class="key canBeActive">Identity</li> <li class="sep">.</li> <li class="key">Experience</li> <li class="sep">.</li> <li class="key canBeActive">Product</li> </div> </ul> </div> </div> </div> </div> <div class="project islarge" id="project-newslab" project-url="https://bleed.no/work/newslab" project-title="Newslab" project-category="Identity,Experience" project-keywords="Media.Technology"> <div class="positioner"> <div class="wrap"> <div class="content"> <div class="project-image-container"> <a href="https://bleed.no/work/newslab"> <img src="https://s3-eu-west-1.amazonaws.com/bleed/work/00-Thumbnail-slideshow.gif" class="ori-hor" imgsize="2000x1200" alt=""> </a> </div> </div> </div> <div class="project-info-overlay"> <div class="project-main-category">Media . Technology</div> <div class="project-title"> <a href="https://bleed.no/work/newslab"> Through the noise of information </a> </div> <div class="project-keywords"> <ul class="categories txt-meta-mono"> <div class="positioner full"> <li class="key canBeActive">Identity</li> <li class="sep">.</li> <li class="key canBeActive">Experience</li> <li class="sep">.</li> <li class="key">Product</li> </div> </ul> </div> </div> </div> </div> <div class="project" id="project-clicher" project-url="https://bleed.no/work/clicher" project-title="Clicher" project-category="Identity,Experience,Product" project-keywords="Arts and Culture"> <div class="positioner"> <div class="wrap"> <div class="content"> <div class="video-thumb-container"> <div class="positioner full"> <div class="video-crop"></div> <a href="https://bleed.no/work/clicher"> <video playsinline autoplay muted loop poster="https://s3-eu-west-1.amazonaws.com/bleed/work/clicher_thumbnail.jpg" class="color-dark"> <source src="https://s3-eu-west-1.amazonaws.com/bleed/video/clicher_thumbnail.webm" type="video/webm"> <source src="https://s3-eu-west-1.amazonaws.com/bleed/video/clicher_thumbnail.mp4" type="video/mp4"> </video> </a> </div> </div> </div> </div> <div class="project-info-overlay"> <div class="project-main-category">Arts and Culture</div> <div class="project-title"> <a href="https://bleed.no/work/clicher"> Clicher is a french word </a> </div> <div class="project-keywords"> <ul class="categories txt-meta-mono"> <div class="positioner full"> <li class="key canBeActive">Identity</li> <li class="sep">.</li> <li class="key canBeActive">Experience</li> <li class="sep">.</li> <li class="key canBeActive">Product</li> </div> </ul> </div> </div> </div> </div> <div class="project islarge islargenoflex" id="project-monier" project-url="https://bleed.no/work/monier" project-title="Monier" project-category="Identity,Experience" project-keywords="Architecture"> <div class="positioner"> <div class="wrap"> <div class="content"> <div class="project-image-container"> <a href="https://bleed.no/work/monier"> <img src="https://s3-eu-west-1.amazonaws.com/bleed/work/monier-2.jpg" class="ori-hor" imgsize="1600x495" alt=""> </a> </div> </div> </div> <div class="project-info-overlay"> <div class="project-main-category">Architecture</div> <div class="project-title"> <a href="https://bleed.no/work/monier"> Flexibility in tempo </a> </div> <div class="project-keywords"> <ul class="categories txt-meta-mono"> <div class="positioner full"> <li class="key canBeActive">Identity</li> <li class="sep">.</li> <li class="key canBeActive">Experience</li> <li class="sep">.</li> <li class="key">Product</li> </div> </ul> </div> </div> </div> </div> <div class="project islarge" id="project-aker-brygge" project-url="https://bleed.no/work/aker-brygge" project-title="Aker Brygge" project-category="Identity,Experience" project-keywords="Retail"> <div class="positioner"> <div class="wrap"> <div class="content"> <div class="project-image-container"> <a href="https://bleed.no/work/aker-brygge"> <img src="https://s3-eu-west-1.amazonaws.com/bleed/work/10-large-2x-copy.gif" class="ori-hor" imgsize="1800x1000" alt=""> </a> </div> </div> </div> <div class="project-info-overlay"> <div class="project-main-category">Retail</div> <div class="project-title"> <a href="https://bleed.no/work/aker-brygge"> Shopping is my cardio </a> </div> <div class="project-keywords"> <ul class="categories txt-meta-mono"> <div class="positioner full"> <li class="key canBeActive">Identity</li> <li class="sep">.</li> <li class="key canBeActive">Experience</li> <li class="sep">.</li> <li class="key">Product</li> </div> </ul> </div> </div> </div> </div> <div class="project" id="project-romlab" project-url="https://bleed.no/work/romlab" project-title="Romlab" project-category="Identity,Experience" project-keywords="Architecture"> <div class="positioner"> <div class="wrap"> <div class="content"> <div class="video-thumb-container"> <div class="positioner full"> <div class="video-crop"></div> <a href="https://bleed.no/work/romlab"> <video playsinline autoplay muted loop class="color-dark"> <source src="https://s3-eu-west-1.amazonaws.com/bleed/video/romlab_anim.webmhd.webm" type="video/webm"> <source src="https://s3-eu-west-1.amazonaws.com/bleed/video/romlab_anim.mp4" type="video/mp4"> </video> </a> </div> </div> </div> </div> <div class="project-info-overlay"> <div class="project-main-category">Architecture</div> <div class="project-title"> <a href="https://bleed.no/work/romlab"> Tetris anyone? </a> </div> <div class="project-keywords"> <ul class="categories txt-meta-mono"> <div class="positioner full"> <li class="key canBeActive">Identity</li> <li class="sep">.</li> <li class="key canBeActive">Experience</li> <li class="sep">.</li> <li class="key">Product</li> </div> </ul> </div> </div> </div> </div> <div class="project" id="project-holidu" project-url="https://bleed.no/work/holidu" project-title="Holidu" project-category="Identity,Experience,Product" project-keywords="Travel"> <div class="positioner"> <div class="wrap"> <div class="content"> <div class="video-thumb-container"> <div class="positioner full"> <div class="video-crop"></div> <a href="https://bleed.no/work/holidu"> <video playsinline autoplay muted loop poster="https://s3-eu-west-1.amazonaws.com/bleed/work/holidu_animation-fallback.jpg" class="color-dark"> <source src="https://s3-eu-west-1.amazonaws.com/bleed/video/holidu_animation_new.webmhd.webm" type="video/webm"> <source src="https://s3-eu-west-1.amazonaws.com/bleed/video/holidu_animation_new.mp4" type="video/mp4"> </video> </a> </div> </div> </div> </div> <div class="project-info-overlay"> <div class="project-main-category">Travel</div> <div class="project-title"> <a href="https://bleed.no/work/holidu"> Holidu – Where do you want to go? </a> </div> <div class="project-keywords"> <ul class="categories txt-meta-mono"> <div class="positioner full"> <li class="key canBeActive">Identity</li> <li class="sep">.</li> <li class="key canBeActive">Experience</li> <li class="sep">.</li> <li class="key canBeActive">Product</li> </div> </ul> </div> </div> </div> </div> <div class="project islarge" id="project-urban-future" project-url="https://bleed.no/work/urban-future" project-title="Urban future" project-category="Identity,Experience" project-keywords="Arts and Culture"> <div class="positioner"> <div class="wrap"> <div class="content"> <div class="project-image-container"> <a href="https://bleed.no/work/urban-future"> <img src="https://s3-eu-west-1.amazonaws.com/bleed/work/urbanfuture_videotest_01.jpg" class="ori-hor" imgsize="1920x1080" alt=""> </a> </div> </div> </div> <div class="project-info-overlay"> <div class="project-main-category">Arts and Culture</div> <div class="project-title"> <a href="https://bleed.no/work/urban-future"> How do we want to live in the future? </a> </div> <div class="project-keywords"> <ul class="categories txt-meta-mono"> <div class="positioner full"> <li class="key canBeActive">Identity</li> <li class="sep">.</li> <li class="key canBeActive">Experience</li> <li class="sep">.</li> <li class="key">Product</li> </div> </ul> </div> </div> </div> </div> <div class="project" id="project-visit-norway" project-url="https://bleed.no/work/visit-norway" project-title="Visit Norway" project-category="Identity,Experience,Product" project-keywords="Travel"> <div class="positioner"> <div class="wrap"> <div class="content"> <div class="video-thumb-container"> <div class="positioner full"> <div class="video-crop"></div> <a href="https://bleed.no/work/visit-norway"> <video playsinline autoplay muted loop class="color-light"> <source src="https://s3-eu-west-1.amazonaws.com/bleed/video/VN_summer-Converted.webmhd.webm" type="video/webm"> <source src="https://s3-eu-west-1.amazonaws.com/bleed/video/VN_summer.m4v" type="video/mp4"> </video> </a> </div> </div> </div> </div> <div class="project-info-overlay"> <div class="project-main-category">Travel</div> <div class="project-title"> <a href="https://bleed.no/work/visit-norway"> Visit Norway — Next generation tourism </a> </div> <div class="project-keywords"> <ul class="categories txt-meta-mono"> <div class="positioner full"> <li class="key canBeActive">Identity</li> <li class="sep">.</li> <li class="key canBeActive">Experience</li> <li class="sep">.</li> <li class="key canBeActive">Product</li> </div> </ul> </div> </div> </div> </div> <div class="project" id="project-the-bleed-body" project-url="https://bleed.no/work/the-bleed-body" project-title="The Bleed Body" project-category="Experience" project-keywords="Arts and Culture.Technology"> <div class="positioner"> <div class="wrap"> <div class="content"> <div class="video-thumb-container"> <div class="positioner full"> <div class="video-crop"></div> <a href="https://bleed.no/work/the-bleed-body"> <video playsinline autoplay muted loop poster="https://s3-eu-west-1.amazonaws.com/bleed/work/spinoza_01.jpg" class="color-dark"> <source src="https://s3-eu-west-1.amazonaws.com/bleed/video/spinoza_introvideo.webm" type="video/webm"> <source src="https://s3-eu-west-1.amazonaws.com/bleed/video/spinoza_introvideo.mp4" type="video/mp4"> </video> </a> </div> </div> </div> </div> <div class="project-info-overlay"> <div class="project-main-category">Arts and Culture . Technology</div> <div class="project-title"> <a href="https://bleed.no/work/the-bleed-body"> Where does a body end? </a> </div> <div class="project-keywords"> <ul class="categories txt-meta-mono"> <div class="positioner full"> <li class="key">Identity</li> <li class="sep">.</li> <li class="key canBeActive">Experience</li> <li class="sep">.</li> <li class="key">Product</li> </div> </ul> </div> </div> </div> </div> <div class="project islarge" id="project-nrk-tv" project-url="https://bleed.no/work/nrk-tv" project-title="NRK" project-category="Identity,Experience,Product" project-keywords="Media"> <div class="positioner"> <div class="wrap"> <div class="content"> <div class="project-image-container"> <a href="https://bleed.no/work/nrk-tv"> <img src="https://s3-eu-west-1.amazonaws.com/bleed/work/nrk-00626.jpg" class="ori-hor" imgsize="3000x2000" alt=""> </a> </div> </div> </div> <div class="project-info-overlay"> <div class="project-main-category">Media</div> <div class="project-title"> <a href="https://bleed.no/work/nrk-tv"> NRK brands and interactions </a> </div> <div class="project-keywords"> <ul class="categories txt-meta-mono"> <div class="positioner full"> <li class="key canBeActive">Identity</li> <li class="sep">.</li> <li class="key canBeActive">Experience</li> <li class="sep">.</li> <li class="key canBeActive">Product</li> </div> </ul> </div> </div> </div> </div> <div class="project" id="project-fwends" project-url="https://bleed.no/work/fwends" project-title="Fwends" project-category="Identity,Experience" project-keywords="Technology"> <div class="positioner"> <div class="wrap"> <div class="content"> <div class="video-thumb-container"> <div class="positioner full"> <div class="video-crop"></div> <a href="https://bleed.no/work/fwends"> <video playsinline autoplay muted loop poster="https://s3-eu-west-1.amazonaws.com/bleed/work/Fwends_SoMe_docu.jpg" class="color-light"> <source src="https://s3-eu-west-1.amazonaws.com/bleed/video/fwends_logoclip_cropped.mp4" type="video/webm"> <source src="https://s3-eu-west-1.amazonaws.com/bleed/video/fwends_logoclip_cropped.mp4" type="video/mp4"> </video> </a> </div> </div> </div> </div> <div class="project-info-overlay"> <div class="project-main-category">Technology</div> <div class="project-title"> <a href="https://bleed.no/work/fwends"> Expeditions into the Digital. </a> </div> <div class="project-keywords"> <ul class="categories txt-meta-mono"> <div class="positioner full"> <li class="key canBeActive">Identity</li> <li class="sep">.</li> <li class="key canBeActive">Experience</li> <li class="sep">.</li> <li class="key">Product</li> </div> </ul> </div> </div> </div> </div> <div class="project" id="project-intraspace" project-url="https://bleed.no/work/intraspace" project-title="Intraspace" project-category="Identity" project-keywords="Architecture.Arts and Culture"> <div class="positioner"> <div class="wrap"> <div class="content"> <div class="video-thumb-container"> <div class="positioner full"> <div class="video-crop"></div> <a href="https://bleed.no/work/intraspace"> <video playsinline autoplay muted loop poster="https://s3-eu-west-1.amazonaws.com/bleed/work/intraspace_typography_still.jpg" class="color-dark"> <source src="https://s3-eu-west-1.amazonaws.com/bleed/video/intraspace_anim_landscape_800px.webmhd.webm" type="video/webm"> <source src="https://s3-eu-west-1.amazonaws.com/bleed/video/intraspace_anim_landscape_800px.mp4" type="video/mp4"> </video> </a> </div> </div> </div> </div> <div class="project-info-overlay"> <div class="project-main-category">Architecture . Arts and Culture</div> <div class="project-title"> <a href="https://bleed.no/work/intraspace"> Practicing virtual conditions </a> </div> <div class="project-keywords"> <ul class="categories txt-meta-mono"> <div class="positioner full"> <li class="key canBeActive">Identity</li> <li class="sep">.</li> <li class="key">Experience</li> <li class="sep">.</li> <li class="key">Product</li> </div> </ul> </div> </div> </div> </div> <div class="project islarge" id="project-telenor" project-url="https://bleed.no/work/telenor" project-title="Telenor" project-category="Identity,Experience,Product" project-keywords="Media.Technology"> <div class="positioner"> <div class="wrap"> <div class="content"> <div class="project-image-container"> <a href="https://bleed.no/work/telenor"> <img src="https://s3-eu-west-1.amazonaws.com/bleed/work/telenor.png" class="ori-hor" imgsize="4346x2588" alt=""> </a> </div> </div> </div> <div class="project-info-overlay"> <div class="project-main-category">Media . Technology</div> <div class="project-title"> <a href="https://bleed.no/work/telenor"> Brands, services, products and interactions </a> </div> <div class="project-keywords"> <ul class="categories txt-meta-mono"> <div class="positioner full"> <li class="key canBeActive">Identity</li> <li class="sep">.</li> <li class="key canBeActive">Experience</li> <li class="sep">.</li> <li class="key canBeActive">Product</li> </div> </ul> </div> </div> </div> </div> <div class="project" id="project-retour" project-url="https://bleed.no/work/retour" project-title="Retour" project-category="Identity" project-keywords="Arts and Culture"> <div class="positioner"> <div class="wrap"> <div class="content"> <div class="video-thumb-container"> <div class="positioner full"> <div class="video-crop"></div> <a href="https://bleed.no/work/retour"> <video playsinline autoplay muted loop poster="https://s3-eu-west-1.amazonaws.com/bleed/work/Retour_animlogo.png" class="color-dark"> <source src="https://s3-eu-west-1.amazonaws.com/bleed/video/Retour_animlogo.webm" type="video/webm"> <source src="https://s3-eu-west-1.amazonaws.com/bleed/video/Retour_animlogo.mp4" type="video/mp4"> </video> </a> </div> </div> </div> </div> <div class="project-info-overlay"> <div class="project-main-category">Arts and Culture</div> <div class="project-title"> <a href="https://bleed.no/work/retour"> Maintain the balance for the future </a> </div> <div class="project-keywords"> <ul class="categories txt-meta-mono"> <div class="positioner full"> <li class="key canBeActive">Identity</li> <li class="sep">.</li> <li class="key">Experience</li> <li class="sep">.</li> <li class="key">Product</li> </div> </ul> </div> </div> </div> </div> <div class="project islarge" id="project-norwegian-taxi" project-url="https://bleed.no/work/norwegian-taxi" project-title="Norwegian Taxi" project-category="Identity,Experience" project-keywords="Travel.Technology"> <div class="positioner"> <div class="wrap"> <div class="content"> <div class="project-image-container"> <a href="https://bleed.no/work/norwegian-taxi"> <img src="https://s3-eu-west-1.amazonaws.com/bleed/work/nw_hp.jpg" class="ori-hor" imgsize="2000x1068" alt=""> </a> </div> </div> </div> <div class="project-info-overlay"> <div class="project-main-category">Travel . Technology</div> <div class="project-title"> <a href="https://bleed.no/work/norwegian-taxi"> Norwegian is where? </a> </div> <div class="project-keywords"> <ul class="categories txt-meta-mono"> <div class="positioner full"> <li class="key canBeActive">Identity</li> <li class="sep">.</li> <li class="key canBeActive">Experience</li> <li class="sep">.</li> <li class="key">Product</li> </div> </ul> </div> </div> </div> </div> <div class="project" id="project-fluid-totality" project-url="https://bleed.no/work/fluid-totality" project-title="Fluid Totality" project-category="Product" project-keywords="Architecture.Arts and Culture"> <div class="positioner"> <div class="wrap"> <div class="content"> <div class="video-thumb-container"> <div class="positioner full"> <div class="video-crop"></div> <a href="https://bleed.no/work/fluid-totality"> <video playsinline autoplay muted loop poster="https://s3-eu-west-1.amazonaws.com/bleed/work/fluidtotality_animation-fallback.jpg" class="color-light"> <source src="https://s3-eu-west-1.amazonaws.com/bleed/video/fluidtotality_animation.webmhd.webm" type="video/webm"> <source src="https://s3-eu-west-1.amazonaws.com/bleed/video/fluidtotality_animation.mp4" type="video/mp4"> </video> </a> </div> </div> </div> </div> <div class="project-info-overlay"> <div class="project-main-category">Architecture . Arts and Culture</div> <div class="project-title"> <a href="https://bleed.no/work/fluid-totality"> Fluid Totality </a> </div> <div class="project-keywords"> <ul class="categories txt-meta-mono"> <div class="positioner full"> <li class="key">Identity</li> <li class="sep">.</li> <li class="key">Experience</li> <li class="sep">.</li> <li class="key canBeActive">Product</li> </div> </ul> </div> </div> </div> </div> <div class="project islarge" id="project-refutures" project-url="https://bleed.no/work/refutures" project-title="Re:Futures" project-category="Product" project-keywords="Architecture"> <div class="positioner"> <div class="wrap"> <div class="content"> <div class="project-image-container"> <a href="https://bleed.no/work/refutures"> <img src="https://s3-eu-west-1.amazonaws.com/bleed/work/RF_thumb.jpg" class="ori-hor" imgsize="2271x1773" alt=""> </a> </div> </div> </div> <div class="project-info-overlay"> <div class="project-main-category">Architecture</div> <div class="project-title"> <a href="https://bleed.no/work/refutures"> Shiny prospects </a> </div> <div class="project-keywords"> <ul class="categories txt-meta-mono"> <div class="positioner full"> <li class="key">Identity</li> <li class="sep">.</li> <li class="key">Experience</li> <li class="sep">.</li> <li class="key canBeActive">Product</li> </div> </ul> </div> </div> </div> </div> <div class="project islarge islargenoflex" id="project-riksteatret" project-url="https://bleed.no/work/riksteatret" project-title="Riksteatret" project-category="Identity,Experience" project-keywords="Arts and Culture"> <div class="positioner"> <div class="wrap"> <div class="content"> <div class="project-image-container"> <a href="https://bleed.no/work/riksteatret"> <img src="https://s3-eu-west-1.amazonaws.com/bleed/work/riks-10_170305_103328.gif" class="ori-hor" imgsize="1600x737" alt=""> </a> </div> </div> </div> <div class="project-info-overlay"> <div class="project-main-category">Arts and Culture</div> <div class="project-title"> <a href="https://bleed.no/work/riksteatret"> All the world is a stage </a> </div> <div class="project-keywords"> <ul class="categories txt-meta-mono"> <div class="positioner full"> <li class="key canBeActive">Identity</li> <li class="sep">.</li> <li class="key canBeActive">Experience</li> <li class="sep">.</li> <li class="key">Product</li> </div> </ul> </div> </div> </div> </div> <div class="project islarge" id="project-coop-himmelblau" project-url="https://bleed.no/work/coop-himmelblau" project-title="Coop Himmelb(l)au" project-category="Experience" project-keywords="Architecture"> <div class="positioner"> <div class="wrap"> <div class="content"> <div class="project-image-container"> <a href="https://bleed.no/work/coop-himmelblau"> <img src="https://s3-eu-west-1.amazonaws.com/bleed/work/chbl_storm.jpg" class="ori-hor" imgsize="1682x1201" alt=""> </a> </div> </div> </div> <div class="project-info-overlay"> <div class="project-main-category">Architecture</div> <div class="project-title"> <a href="https://bleed.no/work/coop-himmelblau"> The architecture of clouds </a> </div> <div class="project-keywords"> <ul class="categories txt-meta-mono"> <div class="positioner full"> <li class="key">Identity</li> <li class="sep">.</li> <li class="key canBeActive">Experience</li> <li class="sep">.</li> <li class="key">Product</li> </div> </ul> </div> </div> </div> </div> <div class="project islarge" id="project-bildungscampus-sonnwendviertel" project-url="https://bleed.no/work/bildungscampus-sonnwendviertel" project-title="Bildungscampus Sonnwendviertel" project-category="Experience" project-keywords="Architecture.Arts and Culture"> <div class="positioner"> <div class="wrap"> <div class="content"> <div class="project-image-container"> <a href="https://bleed.no/work/bildungscampus-sonnwendviertel"> <img src="https://s3-eu-west-1.amazonaws.com/bleed/work/campus_drawing_01.jpg" class="ori-hor" imgsize="2000x1120" alt=""> </a> </div> </div> </div> <div class="project-info-overlay"> <div class="project-main-category">Architecture . Arts and Culture</div> <div class="project-title"> <a href="https://bleed.no/work/bildungscampus-sonnwendviertel"> Learn something new every day </a> </div> <div class="project-keywords"> <ul class="categories txt-meta-mono"> <div class="positioner full"> <li class="key">Identity</li> <li class="sep">.</li> <li class="key canBeActive">Experience</li> <li class="sep">.</li> <li class="key">Product</li> </div> </ul> </div> </div> </div> </div> <div class="project islarge" id="project-art-on-demand" project-url="https://bleed.no/work/art-on-demand" project-title="Art on Demand" project-category="Identity,Product" project-keywords="Arts and Culture"> <div class="positioner"> <div class="wrap"> <div class="content"> <div class="project-image-container"> <a href="https://bleed.no/work/art-on-demand"> <img src="https://s3-eu-west-1.amazonaws.com/bleed/work/AOD_1.jpg" class="ori-hor" imgsize="1700x871" alt=""> </a> </div> </div> </div> <div class="project-info-overlay"> <div class="project-main-category">Arts and Culture</div> <div class="project-title"> <a href="https://bleed.no/work/art-on-demand"> Art is the weapon </a> </div> <div class="project-keywords"> <ul class="categories txt-meta-mono"> <div class="positioner full"> <li class="key canBeActive">Identity</li> <li class="sep">.</li> <li class="key">Experience</li> <li class="sep">.</li> <li class="key canBeActive">Product</li> </div> </ul> </div> </div> </div> </div> <div class="project islarge" id="project-nrk-tv-app" project-url="https://bleed.no/work/nrk-tv-app" project-title="NRK TV App" project-category="Experience" project-keywords="Media"> <div class="positioner"> <div class="wrap"> <div class="content"> <div class="project-image-container"> <a href="https://bleed.no/work/nrk-tv-app"> <img src="https://s3-eu-west-1.amazonaws.com/bleed/work/NRK-PRES1.jpg" class="ori-hor" imgsize="1600x1000" alt=""> </a> </div> </div> </div> <div class="project-info-overlay"> <div class="project-main-category">Media</div> <div class="project-title"> <a href="https://bleed.no/work/nrk-tv-app"> Television’s off but you won’t shut up </a> </div> <div class="project-keywords"> <ul class="categories txt-meta-mono"> <div class="positioner full"> <li class="key">Identity</li> <li class="sep">.</li> <li class="key canBeActive">Experience</li> <li class="sep">.</li> <li class="key">Product</li> </div> </ul> </div> </div> </div> </div> <div class="project islarge islargenoflex" id="project-nordisk-film-og-tv-fond" project-url="https://bleed.no/work/nordisk-film-og-tv-fond" project-title="Nordisk Film og TV Fond" project-category="Experience" project-keywords="Media"> <div class="positioner"> <div class="wrap"> <div class="content"> <div class="project-image-container"> <a href="https://bleed.no/work/nordisk-film-og-tv-fond"> <img src="https://s3-eu-west-1.amazonaws.com/bleed/work/NORDISK_1.png" class="ori-hor" imgsize="1577x624" alt=""> </a> </div> </div> </div> <div class="project-info-overlay"> <div class="project-main-category">Media</div> <div class="project-title"> <a href="https://bleed.no/work/nordisk-film-og-tv-fond"> Everything I learned, I learned from the movies </a> </div> <div class="project-keywords"> <ul class="categories txt-meta-mono"> <div class="positioner full"> <li class="key">Identity</li> <li class="sep">.</li> <li class="key canBeActive">Experience</li> <li class="sep">.</li> <li class="key">Product</li> </div> </ul> </div> </div> </div> </div> <div class="project islarge" id="project-comoyo" project-url="https://bleed.no/work/comoyo" project-title="Comoyo" project-category="Identity,Experience,Product" project-keywords="Media.Technology"> <div class="positioner"> <div class="wrap"> <div class="content"> <div class="project-image-container"> <a href="https://bleed.no/work/comoyo"> <img src="https://s3-eu-west-1.amazonaws.com/bleed/work/27_Comoyo.jpg" class="ori-hor" imgsize="1514x1367" alt=""> </a> </div> </div> </div> <div class="project-info-overlay"> <div class="project-main-category">Media . Technology</div> <div class="project-title"> <a href="https://bleed.no/work/comoyo"> Say it with a smile! </a> </div> <div class="project-keywords"> <ul class="categories txt-meta-mono"> <div class="positioner full"> <li class="key canBeActive">Identity</li> <li class="sep">.</li> <li class="key canBeActive">Experience</li> <li class="sep">.</li> <li class="key canBeActive">Product</li> </div> </ul> </div> </div> </div> </div> <div class="project islarge" id="project-innovasjon-norge" project-url="https://bleed.no/work/innovasjon-norge" project-title="Innovation Norway" project-category="Identity" project-keywords="Arts and Culture.Travel.Technology"> <div class="positioner"> <div class="wrap"> <div class="content"> <div class="project-image-container"> <a href="https://bleed.no/work/innovasjon-norge"> <img src="https://s3-eu-west-1.amazonaws.com/bleed/work/IN_mock_05.jpg" class="ori-hor" imgsize="1600x983" alt=""> </a> </div> </div> </div> <div class="project-info-overlay"> <div class="project-main-category">Arts and Culture . Travel . Technology</div> <div class="project-title"> <a href="https://bleed.no/work/innovasjon-norge"> Innovation is the only way to win </a> </div> <div class="project-keywords"> <ul class="categories txt-meta-mono"> <div class="positioner full"> <li class="key canBeActive">Identity</li> <li class="sep">.</li> <li class="key">Experience</li> <li class="sep">.</li> <li class="key">Product</li> </div> </ul> </div> </div> </div> </div> <div class="project islarge" id="project-myspace" project-url="https://bleed.no/work/myspace" project-title="Myspace" project-category="Identity" project-keywords="Media"> <div class="positioner"> <div class="wrap"> <div class="content"> <div class="project-image-container"> <a href="https://bleed.no/work/myspace"> <img src="https://s3-eu-west-1.amazonaws.com/bleed/work/myspace_detail.jpg" class="ori-hor" imgsize="1058x945" alt=""> </a> </div> </div> </div> <div class="project-info-overlay"> <div class="project-main-category">Media</div> <div class="project-title"> <a href="https://bleed.no/work/myspace"> Create — Curate — Celebrate </a> </div> <div class="project-keywords"> <ul class="categories txt-meta-mono"> <div class="positioner full"> <li class="key canBeActive">Identity</li> <li class="sep">.</li> <li class="key">Experience</li> <li class="sep">.</li> <li class="key">Product</li> </div> </ul> </div> </div> </div> </div> <div class="project islarge" id="project-julie-josephine" project-url="https://bleed.no/work/julie-josephine" project-title="Julie Josephine" project-category="Identity" project-keywords="Fashion &amp; Luxury"> <div class="positioner"> <div class="wrap"> <div class="content"> <div class="project-image-container"> <a href="https://bleed.no/work/julie-josephine"> <img src="https://s3-eu-west-1.amazonaws.com/bleed/work/JJ_thumb.jpg" class="ori-hor" imgsize="1656x1080" alt=""> </a> </div> </div> </div> <div class="project-info-overlay"> <div class="project-main-category">Fashion &amp; Luxury</div> <div class="project-title"> <a href="https://bleed.no/work/julie-josephine"> It is all about reflection </a> </div> <div class="project-keywords"> <ul class="categories txt-meta-mono"> <div class="positioner full"> <li class="key canBeActive">Identity</li> <li class="sep">.</li> <li class="key">Experience</li> <li class="sep">.</li> <li class="key">Product</li> </div> </ul> </div> </div> </div> </div> <div class="project islarge" id="project-andreas-kleiberg" project-url="https://bleed.no/work/andreas-kleiberg" project-title="Andreas Kleiberg" project-category="Identity" project-keywords="Arts and Culture"> <div class="positioner"> <div class="wrap"> <div class="content"> <div class="project-image-container"> <a href="https://bleed.no/work/andreas-kleiberg"> <img src="https://s3-eu-west-1.amazonaws.com/bleed/work/kleiberg_18.jpg" class="ori-hor" imgsize="1680x1050" alt=""> </a> </div> </div> </div> <div class="project-info-overlay"> <div class="project-main-category">Arts and Culture</div> <div class="project-title"> <a href="https://bleed.no/work/andreas-kleiberg"> Andreas Kleiberg </a> </div> <div class="project-keywords"> <ul class="categories txt-meta-mono"> <div class="positioner full"> <li class="key canBeActive">Identity</li> <li class="sep">.</li> <li class="key">Experience</li> <li class="sep">.</li> <li class="key">Product</li> </div> </ul> </div> </div> </div> </div> <div class="project" id="project-hunger" project-url="https://bleed.no/work/hunger" project-title="Hunger" project-category="Product" project-keywords="Arts and Culture.Media"> <div class="positioner"> <div class="wrap"> <div class="content"> <div class="video-thumb-container"> <div class="positioner full"> <div class="video-crop"></div> <a href="https://bleed.no/work/hunger"> <video playsinline autoplay muted loop poster="https://s3-eu-west-1.amazonaws.com/bleed/work/Hunger-fallback.jpg" class="color-dark"> <source src="https://s3-eu-west-1.amazonaws.com/bleed/video/Hunger-a“-the-book-SD.webmhd.webm" type="video/webm"> <source src="https://s3-eu-west-1.amazonaws.com/bleed/video/Hunger-–-the-book-SD.mp4" type="video/mp4"> </video> </a> </div> </div> </div> </div> <div class="project-info-overlay"> <div class="project-main-category">Arts and Culture . Media</div> <div class="project-title"> <a href="https://bleed.no/work/hunger"> Hunger – 10 years Bleed </a> </div> <div class="project-keywords"> <ul class="categories txt-meta-mono"> <div class="positioner full"> <li class="key">Identity</li> <li class="sep">.</li> <li class="key">Experience</li> <li class="sep">.</li> <li class="key canBeActive">Product</li> </div> </ul> </div> </div> </div> </div> <div class="project islarge" id="project-formulæ" project-url="https://bleed.no/work/formulæ" project-title="Formulæ" project-category="Identity" project-keywords="Fashion &amp; Luxury"> <div class="positioner"> <div class="wrap"> <div class="content"> <div class="project-image-container"> <a href="https://bleed.no/work/formulæ"> <img src="https://s3-eu-west-1.amazonaws.com/bleed/work/formulae-1.jpg" class="ori-hor" imgsize="1600x1030" alt=""> </a> </div> </div> </div> <div class="project-info-overlay"> <div class="project-main-category">Fashion &amp; Luxury</div> <div class="project-title"> <a href="https://bleed.no/work/formulæ"> A woman who doesn&#039;t wear perfume has no future </a> </div> <div class="project-keywords"> <ul class="categories txt-meta-mono"> <div class="positioner full"> <li class="key canBeActive">Identity</li> <li class="sep">.</li> <li class="key">Experience</li> <li class="sep">.</li> <li class="key">Product</li> </div> </ul> </div> </div> </div> </div>