Studio Harris Blondman

Portfolio and archive, presenting a large amount of work as a Choose Your Own Adventure. Featuring automatic sliding door previews.

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

Experimental face filter featuring blue interference patterns.

Reconstruction of a half-remembered conversation about graphical user interface design and trash.

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, 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, T-shirts, hoodies and bags.

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.

Online project documentation and creative portfolios. Featuring serialized narrative cover pages, layered patterns and images, and shape-shifting grids and menus.

Archive presenting a large amount of work in an infinite parallax. Featuring sliding gradients.

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

Onepager presenting photographic work. Focusing on blur. Featuring a detached accordion menu and subtle golden details.

Online exhibition companion. Presenting large-scale architecture photography, in overview and close-up. Featuring tiled deep-zooming. Introducing fixed-ratio responsiveness.

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 in a 3D space. 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.

Project website for an experimental designer collaboration in multiple editions. Featuring sticky narratives and image pop-ups in texts.

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

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

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.

Essays about internet art, aesthetics and offline luxury in a post-digital 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.

Art book with photos and an essay.

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.

Dynamic wordmark logo. Inspired by optics.

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

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.

Future reminiscences about the impact of Airbnb on interior design and the bedroom.

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.

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

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

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

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

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.