Studio Harris Blondman

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

www.thehmm.nl

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.

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.