Coming Soon

Online platform for a film production company in Amsterdam


Website for a designer and artist from Rotterdam


Guest participant at a motion design festival in Amsterdam


Website for an artist from The Hague


Website for a stylist and scenographer from Amsterdam


Augmented reality project with two artists from Amsterdam and Tschlin


Visual identity for a non-governmental organization in the Netherlands


Just Arrived

Image - www.entrechienetloup.ch - 1​⁄​5

1​⁄​5

Image - www.entrechienetloup.ch - 2​⁄​5

2​⁄​5

Image - www.entrechienetloup.ch - 3​⁄​5

3​⁄​5

Image - www.entrechienetloup.ch - 4​⁄​5

4​⁄​5

Image - www.entrechienetloup.ch - 5​⁄​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.

Presented at the occasion of the opening of Entre Chien et Loup, a photography exhibition by Michel Bonvin, with architecture by PONT12.


Image - Dead Darlings Design - 1​⁄​3

1​⁄​3

Image - Dead Darlings Design - 2​⁄​3

2​⁄​3

Image - Dead Darlings Design - 3​⁄​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.”


Image - www.stephaniebaechler.com - 1​⁄​3

1​⁄​3

Image - www.stephaniebaechler.com - 2​⁄​3

2​⁄​3

Image - www.stephaniebaechler.com - 3​⁄​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.


Image - Wir Publizieren - 1​⁄​5

1​⁄​5

Image - Wir Publizieren - 2​⁄​5

2​⁄​5

Image - Wir Publizieren - 3​⁄​5

3​⁄​5

Image - Wir Publizieren - 4​⁄​5

4​⁄​5

Image - Wir Publizieren - 5​⁄​5

5​⁄​5

Wir Publizieren

Design partner of Wir Publizieren, 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.


Image - www.illusonic.com - 1​⁄​5

1​⁄​5

Image - www.illusonic.com - 2​⁄​5

2​⁄​5

Image - www.illusonic.com - 3​⁄​5

3​⁄​5

Image - www.illusonic.com - 4​⁄​5

4​⁄​5

Image - www.illusonic.com - 5​⁄​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.


Image - www.betteadriaanse.nl - 1​⁄​5

1​⁄​5

Image - www.betteadriaanse.nl - 2​⁄​5

2​⁄​5

Image - www.betteadriaanse.nl - 3​⁄​5

3​⁄​5

Image - www.betteadriaanse.nl - 4​⁄​5

4​⁄​5

Image - www.betteadriaanse.nl - 5​⁄​5

5​⁄​5

www.betteadriaanse.nl

Website for Bette Adriaanse, a writer and artist from Amsterdam

Portfolio with animated, circular navigation.


Image - www.jazzimcg.com - 1​⁄​3

1​⁄​3

Image - www.jazzimcg.com - 2​⁄​3

2​⁄​3

Image - www.jazzimcg.com - 3​⁄​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.


Image - Thanatorium - 1​⁄​3

1​⁄​3

Image - Thanatorium - 2​⁄​3

2​⁄​3

Image - Thanatorium - 3​⁄​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.


Image - www.envar.ch - 1​⁄​5

1​⁄​5

Image - www.envar.ch - 2​⁄​5

2​⁄​5

Image - www.envar.ch - 3​⁄​5

3​⁄​5

Image - www.envar.ch - 4​⁄​5

4​⁄​5

Image - www.envar.ch - 5​⁄​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.


Image - www.swissdesignmexico.mx - 1​⁄​5

1​⁄​5

Image - www.swissdesignmexico.mx - 2​⁄​5

2​⁄​5

Image - www.swissdesignmexico.mx - 3​⁄​5

3​⁄​5

Image - www.swissdesignmexico.mx - 4​⁄​5

4​⁄​5

Image - www.swissdesignmexico.mx - 5​⁄​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.


Image - Swiss Design Award - 1​⁄​4

1​⁄​4

Image - Swiss Design Award - 2​⁄​4

2​⁄​4

Image - Swiss Design Award - 3​⁄​4

3​⁄​4

Image - Swiss Design Award - 4​⁄​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

Image - www.michelbonvin.ch - 1​⁄​2

1​⁄​2

Image - www.michelbonvin.ch - 2​⁄​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.


Image - Domenge

Domenge

Logo for Domenge, a coaching and advise firm in Amsterdam

Dynamic wordmark logo. Introducing the rotational contrast typeface.


Image - More Hahaha

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.


Image - www.ellenmandemaker.com - 1​⁄​3

1​⁄​3

Image - www.ellenmandemaker.com - 2​⁄​3

2​⁄​3

Image - www.ellenmandemaker.com - 3​⁄​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.


Image - Speakup - 1​⁄​2

1​⁄​2

Image - Speakup - 2​⁄​2

2​⁄​2

Speakup

App and website for Speakup, classroom participation software solution, with EPFL and UNIL


Image - Van meme tot mainstream

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.


Image - Kalenderboek - 1​⁄​2

1​⁄​2

Image - Kalenderboek - 2​⁄​2

2​⁄​2

Kalenderboek

Illustration for Kalenderboek, a book by Stichting Print in Amsterdam


Image - www.juulhondius.com - 1​⁄​6

1​⁄​6

Image - www.juulhondius.com - 2​⁄​6

2​⁄​6

Image - www.juulhondius.com - 3​⁄​6

3​⁄​6

Image - www.juulhondius.com - 4​⁄​6

4​⁄​6

Image - www.juulhondius.com - 5​⁄​6

5​⁄​6

Image - www.juulhondius.com - 6​⁄​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.


Image - www.florisschrama.nl - 1​⁄​4

1​⁄​4

Image - www.florisschrama.nl - 2​⁄​4

2​⁄​4

Image - www.florisschrama.nl - 3​⁄​4

3​⁄​4

Image - www.florisschrama.nl - 4​⁄​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.


Image - Searching for the Cold Spot - 1​⁄​9

1​⁄​9

Image - Searching for the Cold Spot - 2​⁄​9

2​⁄​9

Image - Searching for the Cold Spot - 3​⁄​9

3​⁄​9

Image - Searching for the Cold Spot - 4​⁄​9

4​⁄​9

Image - Searching for the Cold Spot - 5​⁄​9

5​⁄​9

Image - Searching for the Cold Spot - 6​⁄​9

6​⁄​9

Image - Searching for the Cold Spot - 7​⁄​9

7​⁄​9

Image - Searching for the Cold Spot - 8​⁄​9

8​⁄​9

Image - Searching for the Cold Spot - 9​⁄​9

9​⁄​9

Searching for the Cold Spot

Book for Hanna Mattes, an artist from Berlin


Image - Renens Agenda - 1​⁄​8

1​⁄​8

Image - Renens Agenda - 2​⁄​8

2​⁄​8

Image - Renens Agenda - 3​⁄​8

3​⁄​8

Image - Renens Agenda - 4​⁄​8

4​⁄​8

Image - Renens Agenda - 5​⁄​8

5​⁄​8

Image - Renens Agenda - 6​⁄​8

6​⁄​8

Image - Renens Agenda - 7​⁄​8

7​⁄​8

Image - Renens Agenda - 8​⁄​8

8​⁄​8

Renens Agenda

Public information system for the city of Renens


Image - Dear Friend - 1​⁄​5

1​⁄​5

Image - Dear Friend - 2​⁄​5

2​⁄​5

Image - Dear Friend - 3​⁄​5

3​⁄​5

Image - Dear Friend - 4​⁄​5

4​⁄​5

Image - Dear Friend - 5​⁄​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.


Image - www.anoukanouk.com - 1​⁄​6

1​⁄​6

Image - www.anoukanouk.com - 2​⁄​6

2​⁄​6

Image - www.anoukanouk.com - 3​⁄​6

3​⁄​6

Image - www.anoukanouk.com - 4​⁄​6

4​⁄​6

Image - www.anoukanouk.com - 5​⁄​6

5​⁄​6

Image - www.anoukanouk.com - 6​⁄​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.


Image - www.lonnekevanderpalen.com - 1​⁄​6

1​⁄​6

Image - www.lonnekevanderpalen.com - 2​⁄​6

2​⁄​6

Image - www.lonnekevanderpalen.com - 3​⁄​6

3​⁄​6

Image - www.lonnekevanderpalen.com - 4​⁄​6

4​⁄​6

Image - www.lonnekevanderpalen.com - 5​⁄​6

5​⁄​6

Image - www.lonnekevanderpalen.com - 6​⁄​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.


Image - Remember/Imagine - 1​⁄​3

1​⁄​3

Image - Remember/Imagine - 2​⁄​3

2​⁄​3

Image - Remember/Imagine - 3​⁄​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.


Image - www.olivierlamy.com - 1​⁄​4

1​⁄​4

Image - www.olivierlamy.com - 2​⁄​4

2​⁄​4

Image - www.olivierlamy.com - 3​⁄​4

3​⁄​4

Image - www.olivierlamy.com - 4​⁄​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.


Image - www.odettemuijsers.com - 1​⁄​2

1​⁄​2

Image - www.odettemuijsers.com - 2​⁄​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.


Image - www.tprb.nl - 1​⁄​2

1​⁄​2

Image - www.tprb.nl - 2​⁄​2

2​⁄​2

www.tprb.nl

Website for Tandartspraktijk Rivierenbuurt, a dentist from Amsterdam

Website and identity with faceted logo. Featuring scroll-based gradients.


Image - www.hannamattes.com - 1​⁄​5

1​⁄​5

Image - www.hannamattes.com - 2​⁄​5

2​⁄​5

Image - www.hannamattes.com - 3​⁄​5

3​⁄​5

Image - www.hannamattes.com - 4​⁄​5

4​⁄​5

Image - www.hannamattes.com - 5​⁄​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.


Image - Trend Compass - 1​⁄​4

1​⁄​4

Image - Trend Compass - 2​⁄​4

2​⁄​4

Image - Trend Compass - 3​⁄​4

3​⁄​4

Image - Trend Compass - 4​⁄​4

4​⁄​4

Trend Compass

Identity and magazine for Trend Compass, a trend watching organization in Rotterdam


Image - Meanwhile, at Harris Blondman

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.


Image - www.blauw-architecten.nl - 1​⁄​4

1​⁄​4

Image - www.blauw-architecten.nl - 2​⁄​4

2​⁄​4

Image - www.blauw-architecten.nl - 3​⁄​4

3​⁄​4

Image - www.blauw-architecten.nl - 4​⁄​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.


Image - LCAV

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


Image - www.annodijkstra.nl - 1​⁄​3

1​⁄​3

Image - www.annodijkstra.nl - 2​⁄​3

2​⁄​3

Image - www.annodijkstra.nl - 3​⁄​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.


Image - www.christophe-ponceau.com - 1​⁄​2

1​⁄​2

Image - www.christophe-ponceau.com - 2​⁄​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.


Image - www.registosetti.com

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.


Image - www.adrienrovero.com - 1​⁄​2

1​⁄​2

Image - www.adrienrovero.com - 2​⁄​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.