Studio Harris Blondman

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.

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.”

Deconstructing and reconstructing layout, using 3D transitions. Featuring multi-column scrolling.

Online open call announcement. Using movement to evoke notions of duplication and distribution. Bringing back web safe fonts.

Visual identity including wordmark logo, icons, business cards, letterhead, device panels, user manuals, banners, brochures, folders and website. Reintroducing the hard click.

Portfolio with animated, circular navigation.

Microsite showcasing two parallel projects. Using the cursor for previewing and combining images. Introducing mouse mirroring.

Visual identity including wordmark logo, lettermark logo, business cards, letterhead, folder, announcements and microsite.

Archive and portfolio, featuring a collapsible list that serves as the site’s menu. Introducing sticky stacking.

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.

Click-based interactive poster. Inspired by The New Colossus and The Blue Marble.

“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.”

Handheld-first calendar website for a club. Inspired by laser beams and neon bars. Introducing hyperscrolling.

Website and identity for an architecture photographer. Showing panoramic photo series on an endless horizontal grid. Featuring layout zooming and non-responsive responsiveness.

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.”

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.”

Dynamic wordmark logo. Introducing the rotational contrast typeface.

Hahah ahaha hahah aha haha, hahahahahah ahahahahah ahah, aha ha hahahah ahahah ahahahahah ah ahahah ah ahahah ahaha hahaha.

Portfolio as an online exhibition space and archive. Presenting curated selections of images in variable, generative layout. Introducing time-lapse scrolling.

Book about internet art, aesthetics, and offline luxury in a postdigital world.

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.

Documentation website for a designer, musician and artist. Presenting these different activities on the sides of a three-dimensional carousel, joined in the middle.

Experimental digital flyer which explores dynamic typography and readability. Presenting a long, animated text which is revealed, letter by letter, click by click.

Stretchy logo and adaptive layout-based identity and website for an editorial photographer. Featuring cascading thumbnail lists.

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.

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.

Scroll-based kaleidoscopic showcase for a book designer. Using interaction to emphasize the work’s visual details and atmosphere.

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.

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

Minimalist, film-inspired website with a stroboscopic twist on the click. For an artist whose work is based in cinematography and narratology.

Experimental one-pager that explores virtual physicality and the standard scroll behavior of the browser. Featuring an elastic progress indicator. Introducing gravity-scrolling.

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.

Dynamic wordmark logo. Inspired by optics.

For Audiovisual Communications Laboratory/LCAV and Swiss Federal Institute of Technology Lausanne/EPFL

Portfolio website in which the artist’s name is cut and separated, revealing the content.

Our third project ever. Portfolio feed, featuring a yellow wipe transition between projects, and a live search.

Our second project ever. One-pager featuring greedy stickiness. With project titles fighting to stay in the center of the page.

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.