Coming Soon
Website for a designer and artist from Rotterdam
Workshop, publication and exhibition design for a non-governmental organization in Amsterdam
Online platform for a film production company in Amsterdam
Just Arrived
1⁄3
2⁄3
3⁄3
www.stephaniebaechler.com
Website for Stéphanie Baechler, an Amsterdam-based artist
Deconstructing and reconstructing layout, using 3D transitions. Featuring multi-column scrolling.
1⁄5
2⁄5
3⁄5
4⁄5
5⁄5
Wir Publizieren
Design partner of Wir Publizieren, a research project and museum exhibition in Bern
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⁄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⁄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
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.”
Still Here
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 Het Nieuwe Instituut in Rotterdam
Het Nieuwe Instituut
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
Domenge
Logo for Domenge, a coaching and advise firm in Amsterdam
Dynamic wordmark logo. Introducing the rotational contrast typeface.
www.willemvanalbeslo.nl
Website for Willem van Albeslo, an illustrator from Amsterdam
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⁄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⁄2
2⁄2
Speakup
App and website for Speakup, classroom participation software solution, with EPFL and UNIL
Van meme tot mainstream
Book for Nadine Roestenburg and MU, an art space in Eindhoven
Book about internet art, aesthetics, and offline luxury in a postdigital world.
1⁄2
2⁄2
Kalenderboek
Illustration for Kalenderboek, a book by Stichting Print in Amsterdam
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⁄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⁄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
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⁄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⁄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⁄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⁄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⁄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.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⁄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⁄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⁄4
2⁄4
3⁄4
4⁄4
Trend Compass
Identity and magazine for Trend Compass, a trend watching organization in Rotterdam
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⁄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.
LCAV
Logo for LCAV and EPFL communication and audiovisual laboratory in Lausanne
Dynamic wordmark logo. Inspired by optics.
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⁄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.