Coming Soon
Website for an non-profit association from Genève
Kinetic identity for an Art Space in Ouidah
Website for an architectural design and urbanism practice in Detroit
Just Arrived
1⁄4
2⁄4
3⁄4
4⁄4
www.gentleforces.com
Website for GentleForces, a creative and social impact company in London
Showroom website presenting the vision, creation, design, community, and sustainability offerings of GentleForces. Featuring an infinite visual cadavre exquis.
1⁄6
2⁄6
3⁄6
4⁄6
5⁄6
6⁄6
www.jeremydemester.com
Website for Jeremy Demester, an artist from Ouidah
Multi-level galleries presenting an extensive array of large images and additional information layers. Featuring a temple-based navigation.
1⁄6
2⁄6
3⁄6
4⁄6
5⁄6
6⁄6
Nineties
Visual identity for Nineties, a theater collective from Amsterdam
Fluid, interconnected, high-contrast. Kinetic visual identity for a collaborative collective that creates unconventional theater productions. Featuring a wordmark, color pairs and blobs, and a thumb-friendly website.
Exquisite Corpse
Book and companion website for Jaap Scheeren and Luke Stephenson, two photographers from Amsterdam and London
Flip flap book and slot machine companion website for Exquisite Corpse, a photographic cadavre exquis project by Jaap Scheeren and Luke Stephenson.
Still Here
1⁄6
2⁄6
3⁄6
4⁄6
5⁄6
6⁄6
www.studio3015.co.uk
Online archive for Studio 3015, the graphic design studio of Winchester School of Art, University of Southampton
Showroom and archive website for the practice-led in-house graphic design studio of the Winchester School of Art. Presenting and making accessible a carefully archived collection of education, research, and social projects, with extensive search and filtering capabilities. Featuring multidimensional spreadsheet and interchangeable grid views.
1⁄5
2⁄5
3⁄5
4⁄5
5⁄5
Reshape
Newspaper for reSHAPE in London
Newspaper for the first edition of reSHAPE, an event to inform and inspire people about the nature of the social sciences, humanities and arts.
Organized by Aspect Social Sciences, Arts & Humanities Network and The British Academy.
1⁄9
2⁄9
3⁄9
4⁄9
5⁄9
6⁄9
7⁄9
8⁄9
9⁄9
Défilé HEAD 2022
Campaign and website for Défilé HEAD 2022, a fashion show in Geneva
Pluriform, dynamic, accessible, image-based. Campaign for an annual fashion show. Featuring a kinetic, image-based, modular visual identity with sliding slices of images.
Objects include building banners, window signage, posters, backdrops, ads, press materials, various small print, T-shirts, screen-based signage, social media, motion graphics and a website.
koffiemusic.com
Website for Koffie, a band from Amsterdam
1⁄5
2⁄5
3⁄5
4⁄5
5⁄5
www.hannamattes.com
Website for Hanna Mattes, an artist from Berlin
Minimalist, film-inspired website with a stroboscopic twist on the click. For an artist whose work is based in cinematography and narratology.
1⁄3
2⁄3
3⁄3
Hyper, Link, Block, Chain
Essay for MacGuffin, an international design magazine
An interlinked stream-of-consciousness miscellany of anecdotes, headlines and clippings from online articles, which traces some of the progression from hyperlink to blockchain, by way of its direct and indirect, older and recent, virtual and actual spinoffs and side effects.
1⁄6
2⁄6
3⁄6
4⁄6
5⁄6
6⁄6
Bau Air
Identity, campaign and motion graphics for Bau, a dance and performance platform in Amsterdam
Identity family for Bau Air, Bau Air Dote, Bau Air Greenhouse, and Bau Lab, for use in motion graphics campaigns. Reflecting on rhythm, dance, performance, and the stage.
1⁄4
2⁄4
3⁄4
4⁄4
wiwo.studio
Identity and website for wiwo.studio, a collective network of creatives within audiovisual art in Amsterdam
Visual identity including wordmark logo and microsite.
Money, Must Be Funny
Talk at KABK, an art school in The Hague
Talk about money with students and alumnx.
1⁄4
2⁄4
3⁄4
4⁄4
More Love
Screen-based celebration card
1⁄4
2⁄4
3⁄4
4⁄4
blommers-schumm.com
Website for Blommers/Schumm, a photographer duo from Amsterdam
Portfolio site showing that great material doesn’t need much design.
1⁄13
2⁄13
3⁄13
4⁄13
5⁄13
6⁄13
7⁄13
8⁄13
9⁄13
10⁄13
11⁄13
12⁄13
13⁄13
Défilé HEAD 2021
Campaign and website for Défilé HEAD 2021, a fashion show in Geneva
Layered, tactile, accessible, image-based. Campaign for an annual fashion show. Featuring a kinetic, image-based, modular visual identity with hand-drawn doodles on texts.
Objects include building banners, window signage, posters, backdrops, ads, press materials, various small print, T-shirts, screen-based signage, social media, motion graphics and a website.
1⁄4
2⁄4
3⁄4
4⁄4
www.sexyland.world
Website for Sexyland World, a club in Amsterdam
Website for Sexyland World, the new project by Sexyland. Featuring edgy shapes and colorful events.
1⁄3
2⁄3
3⁄3
www.entrepreneurshipmapping.com
Website for the School of Economics and Political Science, a university in London
Online tool mapping social sciences resources for entrepreneurs. Using shortest path algorithms, collated content clustering, and on-the-fly multidimensional filtering.
1⁄2
2⁄2
Within Without
Various print and screen-based designs for Carré, a theater in Amsterdam
Visual communication for Nick Verstand’s performance Within Without at Royal Theater Carré.
1⁄9
2⁄9
3⁄9
4⁄9
5⁄9
6⁄9
7⁄9
8⁄9
9⁄9
The Intimacy Machine
Digital art work with Apian, an international, collaborative humanities research initiative
Presenting and making accessible a meticulously curated collection of highly specific research data. Featuring a magnetic magnifying matrix, crawly menu buttons, stretchy line graphs, and lots of data.
“The Intimacy Machine is a digital artwork and web platform exploring the age-old interspecies relationship between bees and humans. It presents a multi-dimensional artist-led ethnographic study on the effect of emerging for-profit technologies utilized within the world of beekeeping. The work points to the broader implications of these interventions across the larger agricultural industry, and offers a blueprint or call for technology that takes into account the perspective of bees and knowledge collected over thousands of years of human and bee relationships. How can technology open up opportunities for more intimate and thorough interspecies relationships?”
1⁄5
2⁄5
3⁄5
4⁄5
5⁄5
www.wesselbaarda.com
Website for Wessel Baarda, an artist and image maker from The Hague
Portfolio. Introducing non-breaking line wrapping.
1⁄7
2⁄7
3⁄7
4⁄7
5⁄7
6⁄7
7⁄7
www.defile-head.ch
Website for HEAD Genève, an art school in Geneva
Showcasing the fashion department’s work and graduation show online. Featuring a scroll-based slide fashion show.
1⁄4
2⁄4
3⁄4
4⁄4
www.maf.studio
Website for MAF Studio, a scenography and experience design studio in Amsterdam
Portfolio for a design studio specialized in spatial storytelling. Featuring scroll-drifting images.
1⁄3
2⁄3
3⁄3
www.remarkablepeople.gr
Website for Submarine, a production company in Amsterdam
Concept and art direction for an online platform, containing interactive documentary films by Menelaos Karamaghiolis. Featuring a stretchy thumbnail grid with shutter curtain category selection, and bonus material.
1⁄2
2⁄2
thewe.online
Online performance for Cindy Moorman, an artist from Amsterdam
Participatory, generative, digital art piece. Mixing individual voice recordings into a collective sound piece.
More Moiré Rainbow AR
Augmented reality filter for Instagram
Experimental face filter featuring interference patterns. Rainbow edition.
1⁄5
2⁄5
3⁄5
4⁄5
5⁄5
www.nicolemartens.nl
Website for Nicole Martens, a designer and artist from Rotterdam
Rhizomatic, encyclopedic portfolio with comprehensive sorting and searching options. Featuring near-infinite multipanels, and a reading ambition modulator.
1⁄6
2⁄6
3⁄6
4⁄6
5⁄6
6⁄6
www.apian.ch
Website for Apian, an international, collaborative humanities research initiative
Blog and project portfolio. Featuring shifting surfaces, sliding wipers, and sweeping sidenotes.
1⁄4
2⁄4
3⁄4
4⁄4
Queer Currents
Identity and website for Queer Currents, an artistic platform curating LGBTQIA+ makers and events in Amsterdam
Featuring an animated logo and a deconstructed color spectrum. Reflecting on (non-)normativity of letter shapes and on the rainbow as a symbolic and graphic unit.
1⁄7
2⁄7
3⁄7
4⁄7
5⁄7
6⁄7
7⁄7
www.torreshanhausen.ch
Website for Torres Hanhausen, a design studio in Mexico City
Portfolio and archive, presenting a large amount of work as a Choose Your Own Adventure. Featuring automatic sliding door previews.
More Moiré AR
Augmented reality filter for Instagram
Experimental face filter featuring blue interference patterns.
Skeuotrash
Essay for MacGuffin, an international design magazine
Reconstruction of a half-remembered conversation about graphical user interface design and trash.
1⁄4
2⁄4
3⁄4
4⁄4
De Vrolijkheid
Visual identity for De Vrolijkheid, an NGO in the Netherlands
Open, supportive, simple, happy. Modular visual identity for a non-governmental organization that organizes art projects with young people in asylum centers. Featuring a wordmark and a purple dot.
Objects include a website in eight languages, social media, business cards, letterheads, stationary, forms, templates, posters, brochures, location signage, flags, backdrops, step and repeat banners, a flyer generator, motion graphics, AR filters, infographics, maps, powerpoint presentations, annual reports and various small items such as stickers, stamps, pens, buttons, and various clothing items such as T-shirts, facemasks and bags.
1⁄5
2⁄5
3⁄5
4⁄5
5⁄5
The Lunar System
Book for Hanna Mattes, an artist from Berlin
1⁄2
2⁄2
Design in Motion Festival
Guest participant at DEMO, a motion design festival in Amsterdam
Amsterdam Central Station
Thursday, 7 November 2019
0:00–23:59
“A festival celebrating the finest motion from the finest studios, designers, upcoming talents and art academies from all around the world. Showcasing work for 24 hours on all 80 digital screens located in Amsterdam Central train station.”
1⁄6
2⁄6
3⁄6
4⁄6
5⁄6
6⁄6
www.vliscoandco.com
Website for Vlisco&co, a network of young creative talent across Africa
Online project documentation and creative portfolios. Featuring serialized narrative cover pages, layered patterns and images, and shape-shifting grids and menus.
1⁄4
2⁄4
3⁄4
4⁄4
www.maartenspruyt.com
Website for Maarten Spruyt, a stylist and exhibition designer from Amsterdam
Archive presenting a large amount of work in an infinite parallax. Featuring sliding gradients.
1⁄7
2⁄7
3⁄7
4⁄7
5⁄7
6⁄7
7⁄7
www.jeronimusvanpelt.nl
Website for Jeronimus van Pelt, an artist from The Hague
Onepager presenting photographic work. Focusing on blur. Featuring a detached accordion menu and subtle golden details.
Grote Nederlandse Kunstkalender 2020
Illustration for GNKK 2020, a calendar by Trichis Publishing in Rotterdam
1⁄5
2⁄5
3⁄5
4⁄5
5⁄5
www.entrechienetloup.ch
Website for Entre Chien et Loup, an exhibition in Chavannes-près-Renens
Online exhibition companion. Presenting large-scale architecture photography, in overview and close-up. Featuring tiled deep-zooming. Introducing fixed-ratio responsiveness.
1⁄3
2⁄3
3⁄3
www.stephaniebaechler.com
Website for Stéphanie Baechler, an Amsterdam-based artist
Deconstructing and reconstructing layout in a 3D space. Featuring multi-column scrolling.
www.willemvanalbeslo.nl
Website for Willem van Albeslo, an illustrator from Amsterdam
1⁄9
2⁄9
3⁄9
4⁄9
5⁄9
6⁄9
7⁄9
8⁄9
9⁄9
Searching for the Cold Spot
Book for Hanna Mattes, an artist from Berlin
Art book with photos and an essay.
1⁄3
2⁄3
3⁄3
Dead Darlings Design
Anonymous art auction at HNI in Rotterdam
Het Nieuwe Instituut/HNI
Sunday, 10 February 2019
3:00–6:00 PM
www.hahhahhhahhhah.com
Testing model for a website. Purchased by 里奥凡 (Fan Liao).
“With a temporary archive installation, Het Nieuwe Instituut speculates on the possible contents of an archive for design and digital culture from the Netherlands. Who will save what—and how, and why—for future generations? Together with its visitors, Speculative Design Archive uncovers the value of both acknowledged masterpieces and forgotten treasures.”
“As part of the Speculative Design Archive, the Dead Darlings collective organises an anonymous auction of a number of objects that have been put forward by archive creators themselves. Each blow of the auctioneer’s gavel confirms the variation in interpretations of the ‘value’ of archival pieces.”
“During all parts of our design process, we work directly in code to make hundreds of smaller and bigger sketches and models. We make these to design visual elements, try out movements and interactions, develop layouts and content structures, find technical solutions. In the studio, we refer to these tests as variations. We work on them in an iterative way, and pay close attention to coincidences and mistakes that occur, as those often lead to new forms and ideas. Many variations end up not being used because they don’t survive selection or are technically impossible, some find a place in another project, but most never leave the studio. This is one of these variations, executed as a stand-alone object.”
1⁄4
2⁄4
3⁄4
4⁄4
Swiss Design Award
Awarded a Swiss Design Award for a selection of screen-based designs
“Studio Harris Blondman produces highly appealing websites by calling into question conventional modes of interaction such as scrolling and clicking, and playfully turning them on their head. User friendliness is however always at the forefront. The content of the pages is fittingly presented in a unique way in each project.”
Van meme tot mainstream
Book for Nadine Roestenburg and MU, an art space in Eindhoven
Essays about internet art, aesthetics and offline luxury in a post-digital world.
Domenge
Logo for Domenge, a coaching and advise firm in Amsterdam
Kinetic wordmark logo. Introducing the rotational contrast typeface.
1⁄3
2⁄3
3⁄3
www.sexyland.amsterdam
Website for Sexyland, a club in Amsterdam
Handheld-first calendar website for a club. Inspired by laser beams and neon bars. Introducing hyperscrolling.
More Hahaha
Screen-based celebration card
Hahah ahaha hahah aha haha, hahahahahah ahahahahah ahah, aha ha hahahah ahahah ahahahahah ah ahahah ah ahahah ahaha hahaha.
1⁄6
2⁄6
3⁄6
4⁄6
5⁄6
6⁄6
www.juulhondius.com
Website for Juul Hondius, an artist from Amsterdam
Website for an artist whose pictures and films are based on journalism and news photography. Starts in the middle of the page. Featuring an editorial portfolio with extensively customizable layout and a newspaper-inspired blog.
1⁄2
2⁄2
Kalenderboek
Illustration for Kalenderboek, a book by Stichting Print in Amsterdam
1⁄4
2⁄4
3⁄4
4⁄4
www.florisschrama.nl
Website for Floris Schrama, a designer, musician and artist from The Hague
Documentation website for a designer, musician and artist. Presenting these different activities on the sides of a three-dimensional carousel, joined in the middle.
1⁄5
2⁄5
3⁄5
4⁄5
5⁄5
Wir Publizieren
Design partner of a research project and museum exhibition in Bern, with HKB and HfK Bremen
Online open call announcement. Using movement to evoke notions of duplication and distribution. Bringing back web safe fonts.
The Hmm
Guest curating for The Hmm, a digital visual culture platform
Baut
Wednesday, 28 March 2018
8:00–11:00 PM
“This month we asked Studio Harris Blondman which images they think deserve a closer look. Think of them as your guide through a crazy world saturated with images.”
1⁄2
2⁄2
www.michelbonvin.ch
Website for Michel Bonvin, a photographer from Lausanne
Website and identity for an architecture photographer. Showing panoramic photo series on an endless horizontal grid. Featuring layout zooming and non-responsive responsiveness.
1⁄8
2⁄8
3⁄8
4⁄8
5⁄8
6⁄8
7⁄8
8⁄8
Renens Agenda
Public information system for the city of Renens
1⁄3
2⁄3
3⁄3
www.ellenmandemaker.com
Website for Ellen Mandermaker, an artist from Slappeterp
Portfolio as an online exhibition space and archive. Presenting curated selections of images in variable, generative layout. Introducing time-lapse scrolling.
1⁄4
2⁄4
3⁄4
4⁄4
Experimental Screen-based Design
Talk at HNI in Rotterdam
Het Nieuwe Instituut/HNI
Thursday, 8 March 2018
7:30–9:00 PM
“In this Design Dialogue, Studio Harris Blondman, Studio Moniker and Future Corp explore the interface between graphic design and interaction design. The discussion is headed by Andrea van Pol.”
1⁄2
2⁄2
Speakup
App and website for Speakup, a classroom participation software solution, with EPFL and UNIL
LCAV
Logo for LCAV and EPFL communication and audiovisual laboratory in Lausanne
Kinetic wordmark logo. Inspired by optics.
For Audiovisual Communications Laboratory/LCAV and Swiss Federal Institute of Technology Lausanne/EPFL
1⁄5
2⁄5
3⁄5
4⁄5
5⁄5
www.illusonic.com
Identity and website for Illusonic, an audio technology company in Uster
Visual identity including wordmark logo, icons, business cards, letterhead, device panels, user manuals, banners, brochures, folders and website. Reintroducing the hard click.
1⁄4
2⁄4
3⁄4
4⁄4
Trend Compass
Identity and magazine for Trend Compass, a trend watching organization in Rotterdam
1⁄6
2⁄6
3⁄6
4⁄6
5⁄6
6⁄6
www.anoukanouk.com
Identity and website for Anouk Schneider, a photographer from Geneva
Stretchy logo and adaptive layout-based identity and website for an editorial photographer. Featuring cascading thumbnail lists.
1⁄5
2⁄5
3⁄5
4⁄5
5⁄5
www.betteadriaanse.nl
Website for Bette Adriaanse, a writer and artist from Amsterdam
Portfolio with animated, circular navigation.
1⁄3
2⁄3
3⁄3
Thanatorium
Identity for Thanatorium, a funeral service practice in Geneva
Visual identity including wordmark logo, lettermark logo, business cards, letterhead, folder, announcements and microsite.
1⁄5
2⁄5
3⁄5
4⁄5
5⁄5
Dear Friend
Digital New Year card
Experimental digital flyer which explores dynamic typography and readability. Presenting a long, animated text which is revealed, letter by letter, click by click.
1⁄3
2⁄3
3⁄3
Remember/Imagine
Visual essay for Probe, an online exhibition space
Text and visual essay with animated 3d anamorphisms. About evolution, artificial intelligence and machine vision. Part of an art work made for a machine. For an exhibition space which only exists in the form of online photographic documentation. In collaboration with Louisa Zahareas.
1⁄3
2⁄3
3⁄3
www.jazzimcg.com
Website for Jazzi McGilbert, a creative director from Los Angeles
Microsite showcasing two parallel projects. Using the cursor for previewing and combining images. Introducing mouse mirroring.
Room with a View
Illustrated essay for MacGuffin, an international design magazine
Future reminiscences about the impact of Airbnb on interior design and the bedroom.
1⁄5
2⁄5
3⁄5
4⁄5
5⁄5
www.envar.ch
Website for Envar, an architecture firm in Nyon
Archive and portfolio, featuring a collapsible list that serves as the site’s menu. Introducing sticky stacking.
1⁄2
2⁄2
www.odettemuijsers.com
Website for Odette Muijsers, an artist from Amsterdam
Microblog and portfolio for an artist. Using a scroll-based zoom feature to show details as well as a full view of each work, in a single interface and without clicking.
1⁄5
2⁄5
3⁄5
4⁄5
5⁄5
www.swissdesignmexico.mx
Website for Swiss Design Mexico, a design festival in Mexico City
Online program and archive. Connecting related events, participants and partners via endlessly stacking sliding panels. Featuring live search, and content filtering by year and category.
1⁄6
2⁄6
3⁄6
4⁄6
5⁄6
6⁄6
www.lonnekevanderpalen.com
Website for Lonneke Van Der Palen, a photographer from Amsterdam
Showroom website for a photographer. Providing clear navigation of a large number of photo series. Featuring a large array of images, scroll-snapping, and customizable layouts for each gallery.
1⁄2
2⁄2
World Wide Welcome
Interactive poster for Fanfare, a graphic design platform in Amsterdam
Click-based interactive poster. Inspired by The New Colossus and The Blue Marble.
Meanwhile, at Harris Blondman
Experimental online newsletter (archive)
Experimental one-pager that explores virtual physicality and the standard scroll behavior of the browser. Featuring an elastic progress indicator. Introducing gravity-scrolling.
1⁄3
2⁄3
3⁄3
www.annodijkstra.nl
Website for Anno Dijkstra, a sculptor from Amsterdam
Portfolio website in which the artist’s name is cut and separated, revealing the content.
1⁄4
2⁄4
3⁄4
4⁄4
www.blauw-architecten.nl
Identity and website for Blauw, an architecture firm in Utrecht
Website and identity for an architecture studio. Rethinking the classic grid-based website format, and how to hierarchically structure and reveal content. Introducing reverse keyword-filtering.
1⁄4
2⁄4
3⁄4
4⁄4
www.olivierlamy.com
Website for Olivier Lamy, a book designer from Brussels
Scroll-based kaleidoscopic showcase for a book designer. Using interaction to emphasize the work’s visual details and atmosphere.
1⁄2
2⁄2
www.christophe-ponceau.com
Website for Christophe Ponceau, a scenographer and landscape architect from Paris
Our third project ever. Portfolio feed, featuring a yellow wipe transition between projects, and a live search.
www.registosetti.com
Website for Régis Tosetti, a designer and art director from Paris
Our second project ever. One-pager featuring greedy stickiness. With project titles fighting to stay in the center of the page.
1⁄2
2⁄2
www.adrienrovero.com
Website for Adrien Rovero, a designer from Lausanne
Our first project ever. Showroom and archive website for a product designer and scenographer. Using navigational elements to create visual identity and page structure. Featuring a green scanner bar.
Now Gone
1⁄2
2⁄2
So Far, Sofa
Photography project by Max Siedentopf, an artist from London
“An ongoing photo series started during the Covid19 pandamic. The project aims to bring people from all around world together who are stuck at home on their sofas to build the longest sofa in the world.”
1⁄4
2⁄4
3⁄4
4⁄4
www.ivesfifth.com
Website for Diamanda La Berge Dramm, a musician from Amsterdam
Digital liner notes to an album and concert series of Charles Ives’ Fifth Violin Sonata. Featuring a music player that shows Ives’ original score, with informative intermezzos, and a click-based bullet-time mode.
1⁄5
2⁄5
3⁄5
4⁄5
5⁄5
www.construct10061.com
Website for Timberland, a global lifestyle and footwear company from Stratham
Project website for an experimental designer collaboration in multiple editions. Featuring sticky narratives and image pop-ups in texts.
1⁄2
2⁄2
www.tprb.nl
Website for Tandartspraktijk Rivierenbuurt, a dentist from Amsterdam
Website and identity with faceted logo. Featuring scroll-based gradients.