Coming Soon
Redesign of a classroom participation app
Just Arrived
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 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, online branding, 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⁄2
2⁄2
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⁄4
2⁄4
3⁄4
4⁄4
www.gentleforces.com
Website for GentleForces, a creative and social impact company in London
Landing page. Featuring an infinite visual cadavre exquis.
Still Here
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⁄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⁄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.
More Moiré Rainbow AR
Augmented reality filter for Instagram
Experimental face filter featuring interference patterns. Rainbow edition.
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.
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.
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.”
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. Full rebranding for a non-governmental organization that organizes art projects with young people in asylum centers. Featuring a modular visual identity with a word mark and a purple dot.
Objects include a website in eight languages, online branding, 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⁄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
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
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⁄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.
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.
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⁄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⁄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⁄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⁄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.
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⁄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⁄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.
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.”
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.
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.
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.”
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.”
Domenge
Logo for Domenge, a coaching and advise firm in Amsterdam
Dynamic wordmark logo. Introducing the rotational contrast typeface.
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.
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.
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.
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.
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⁄2
2⁄2
Kalenderboek
Illustration for Kalenderboek, a book by Stichting Print in Amsterdam
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⁄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⁄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
Dynamic wordmark logo. Inspired by optics.
For Audiovisual Communications Laboratory/LCAV and Swiss Federal Institute of Technology Lausanne/EPFL
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
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.
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⁄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⁄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.
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⁄2
2⁄2
www.tprb.nl
Website for Tandartspraktijk Rivierenbuurt, a dentist from Amsterdam
Website and identity with faceted logo. Featuring scroll-based gradients.
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⁄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⁄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.