Images, PDF documents, videos, and graphics are interconnected and hosted on her server, enabling easy sharing.
Different, dedicated domain names identify each project/website.
A series of mini-websites for artist Ana María Gómez López, using a low-tech, hand-coded approach based on a network of hyperlinks. The websites connect to the main repository and showcase her work practice.
Archive Graflings
2023
Coding, Design, Tool
Archive, Art
Astro, Laravel
Frontend editor allows content manipulation from the platform directly.
Items can be selected to create a customised artwork collection for PDF export.
A web-to-print export function permits the selection of displayed information for each artwork.
The sorting system enables reordering the expanding collection by date, artist, and category.
A collection management tool for in-office use by the art collector duo Friedrich and Johanna Grafling. Archive Graflings is an inventory system that allows them to organise, share, and keep track of their collection.
Each entry is thoroughly referenced and supported by additional resources, review citations, and legal and paralegal references.
The archive features a colour-coded filtering system that allows users to browse its contents easily.
A growing archive for Assisted Lab, a research group exploring cultural influences on assisted dying discourse. The archive continually evolves and welcomes contributions from scholars, healthcare professionals, patients, and artists worldwide.
Atelier Luma
2023
Image optimization script by Ivan Murit
Coding, Design, Identity, Research
Design, Education, Research
Docker
Statically generated pages to minimise server calls.
The image optimisation script by Ivan Murit and total image weight open only upon user click.
Various elements (menu, filters, images, etc.) are arranged following basic HTML code logic, from left to right, with line breaks based on browser size.
Images are displayed in a single size, maintaining their original format across all screen sizes
A defined number of elements per page with pagination to limit page weight and loading time.
An environmentally friendly research platform for Atelier Luma, the design research program of LUMA Arles. The platform is engineered and designed to resonate with their bioregional and ecologically focused design practices.
A zoom function allows you to enlarge the entire grid and watch the artwork from one camera to the next.
The website’s structure mimics a 9-slot grid surveillance screen.
An online exhibition website structured as a video surveillance monitor for the art installation While We Were Gone. Due to the pandemic-induced closure, Château Béla used hotel CCTV cameras to capture the artworks and make them accessible online until it could reopen.
Upon double-click, a higher-quadrant image is loaded for a true optical zoom.
A master menu contains information, contact, legal and credit pages, avoiding the addition of sub-pages.
Minimal typographic interference puts detailed artwork views at the centre.
A new website for contemporary art gallery Bomma, engineered to capture the craftsmanship and attention to detail that support each artwork and production.
The content is meticulously organised and unfolds in a structured, tabular format.
The website indexes their extensive list of projects dating back to 1986.
A new website for Brunet Saunier & Associés, an architecture agency specialising in the design of healthcare buildings.
Strict grid layout for both list and grid views
Soft loading of images with a blur effect
Custom slideshow with a small image list preview
A website for cadet capela, a multi-space art gallery based in Paris. The website blends list and image views, showcasing artwork images, detailed artist biographies, and an extensive exhibition archive.
Each theme page presents competition catalogue pages in sequential order.
Intentionally blank pages suggest missing collection segments.
A functional annotation system enables navigation between entries or themes.
The competition entries are listed by year, theme and jury.
A message-in-a-bottle website for the Call for Lost Entries platform, aiming to complete the archive of The Shinkenchiku Residential Design Competition. The website seeks to collect competition entries that did not win awards (and were not published).
A new e-shop for Censored, an independent feminist magazine. The website’s triptych structure presents different issues of the magazine over time and outlines the strength of their network.
A playful contextual cursor for selecting menu items and different tags.
Transition resembling a command-line interface when sorting the table.
A new website for the Centre Wallonie Bruxelles, featuring multiple lists, indexes, and an extensive tagging system to navigate through their dense programming and creative initiatives.
The home page is built around an infinite grid navigation pan.
The text content is separated from the images in a separate panel.
A signature green round button acts as the menu of the website.
A new website for Concorde architects, featuring playful panning navigation to explore their architectural, public space, and urban planning projects.
Conditions of a Necessity
2024
Coding, Design
Art, Education
Kirby, PHP
Structured as a table of contents, the site mirrors the format of a book, with chapters and indexes.
Each entry contains texts and images about the students’ practice and process.
Three index pages provide specific previews by retrieving content from other pages.
A website for Conditions of a Necessity, a creative program uniting graduating students during the pandemic. The website features exhibitions, research, and other works from these gatherings.
A custom sound player embodying the platform’s identity.
The split-screen structure allows simultaneous reading of the soundtrack and scripted interviews.
Ever-changing colour combos activated on hover.
An online radio station for Contreforme, dedicated to exploring designers’ working environments through interviews, combined with a corpus of references for each episode.
A list of tags allows to scan the text according to the selected keyword.
The homepage features a student interview introduction video.
Detailed steps for reporting inappropriate conduct in the regulation section.
A gradient colour code is set to indicate the different levels of titles in the index
An interactive code of conduct for the Design Academy Eindhoven. The website acts as a handbook for the school community, augmented with definitions, chapter navigation, and an interactive list of common keywords.
Custom script endlessly animates the colour and lines components of the identity.
Grid-based hierarchical indexes with newspaper-sized titles.
A multi-user backend platform with access for each member to update the content.
A colorful new website for DCA, the French Association for the Development of Contemporary Art Centers. This content-rich platform serves as the national network uniting 54 contemporary art centers across France.
All content unfolds in a tabular structure: texts, audio player, information, cover slideshows…
After one minute of inactivity, a screen saver appears, displaying the passage of time.
An advanced search function offers infinite combinations and cross-references between filter data.
An online radio website for *Duuu, a radio dedicated to contemporary creation. The tabular-structured website functions as an archive with three different navigation modes.
The featured artists and authors are listed alphabetically within their respective categories.
By clicking on the googly eyes, an extract from the artist’s pages is randomly displayed on the page.
The content is available in both French and English, a simple click stretches one version to another.
A website-index for ElaineAlain, supporting and promoting the visibility of the French art scene to international audiences. This platform (or the eponymous Instagram account) offers perspectives from art critics, artists, writers, and curators.
Eugène Architectes
2024
Website Conception by Olivier Talbot, Design by Building Paris.
Coding
Architecture, Archive
Next.js, Sanity
A timeline cursor helps navigate and understand the different periods of restoration projects and their historical relevance.
On scroll, large-sized headlines appear to indicate the years and periods, blending over the content.
The website landing occurs by selecting a date at random.
An interactive timeline for Eugène Architecture, an architectural firm specialising in the restoration of historic monuments from various periods.
Navigate through the calendar by scrolling or swiping, and pick a date that you believe will mark the official release day.
Dates that are already been chosen are marked with a coloured badge.
A temporary webpage designed as an online raffle to prompt the release of F451’s website. Friends and visitors were invited to place bets on the website’s official launch date.
Festival 13
Festival 12
Festival 11
Spreadsheet-inspired structure
The content follows a clear structure grouped by artist or exhibition
An image-rich layout drives the navigation
A website for Fitzpatrick Gallery, highlighting past, current, and upcoming exhibitions in their new Parisian space.
The simple scroll structure provides a seamless image backdrop, spanning the entire page width.
The website combines the photographer’s recent work, filtered into five key categories
A website for the photographer Florian Braakman, who draws inspiration from the dynamic cityscape of Rotterdam.
A playful drag-and-drop menu that rotates through the colours of the identity.
A banner acts as a bookmark for essential events and additional content.
A new identity and website for Galerie RDV, an art space in Nantes promoting contemporary art and community events.
The website menu indexes the different projects, arranged by typology.
Each project opens coloured modal boxes, allowing different material typologies to be fed in.
Reset and random functions allow users to browse unstructured content.
An online potpourri of Johanna & Friedrich Grafling’s activities over the last years. A modular pop-up system allows for organic browsing through their diverse and frequently updated content.
Graphisme en France
2022
Design in collaboration with Simon Bouvier, Fanny Hamelin and Antoine Elsensohn
Coding, Design, Print, Tool
Design, Research
Paged.js, Web-to-print
The different templates were designed to be visually compatible with each other, regardless of the tool used.
Tools in use: Paged.js 0.3.5
Adobe Indesign 17.4
Libre Office Text Document 7.4.1.2
Microsoft Excel 16.64
An experimental editorial approach for the twenty-eighth edition of the annual publication Graphisme en France, published by the CNAP. Each section of the book was formatted using a different editing tool or software to mirror the theme: graphic design, tools, and research.
Houses of Tove Jansson
2023
Design by The Community
Coding
Art
Next.js, Sanity
A mini-site for the exhibition Houses of Tove Jansson. The website gathers documentation on the exhibition, participating artists, and information on Tove Jansson’s cultural significance.
A clean layout, paired with a monospaced font, directing attention towards the imagery.
Subtle, interactive elements and ASCII graphics disrupt the linear structure.
A portfolio tool allows to select and upload images upon logging in.
A long scroll feed showcasing images created by JEUDI.WANG, a studio dedicated to CGI creation in collaboration with architects, artists, and designers.
The website gathers exhibitions and events since 2014.
Each exhibition page has an assigned colour, affecting the colour of the titles, the menu and tiles before the images load on the grid.
A website to display various exhibitions and curatorial projects initiated by the German art association Kunstverein Wiesen.
Le Labo Store
2021
Design in collaboration with Le Labo Store.
Coding, Design
Fashion, Shop
The menu structure is built using nested lists, with main categories left-aligned and subcategories arranged to the right
Image loading is enhanced by presenting enlarged 2x3 pixel images during loading times
Products are displayed against unified grey backgrounds, forming a harmonious and visually pleasing grid
A webshop redesign for the Le Labo Store, a passionate fashion retailer offering a mixed selection of high fashion, streetwear, and outerwear brands.
The navigation is centred on nested panels that open from left to right, enabling content organisation and imbrication.
The flexible structure allows the website to grow and change organically, meeting various communication needs.
A modular panel system for Le Septantecinq school to grow organically. Based in Brussels, Le Septantecinq is a school of art and design offering a bachelor’s degree in four orientations: Graphic Design, Printed Images, Painting, and Photography.
An online repository for the project manual.vision by the artist, writer, and researcher Ana María Gómez López. The webpage presents her research on ocular germination through a series of image and text-based instructions.
Marie Rime
2019
Coding, Design
Art, Design
The homepage grid adjusts dynamically based on the number of images per project, showcasing image series projects and unique pieces
The Project pages seek a balance between project images and accompanying research materials.
A mixed-media portfolio website for the photographer and costume designer Marie Rime, inspired by the colorful folklore and traditions of her Swiss homeland.
Asynchronous scrolling enables navigation through images and texts.
The artists’ texts are displayed randomly each time the site is refreshed.
A website for Ndayé Kouagou, an author, performer, and video artist. His artistic practice revolves around language, exploring the power, meaning, sound, and form of words.
Non-Extractive Architecture Directory
directory.nonextractivearchitecture.org
2023
Project initiated by Space Caviar and re:act institute
Coding, Design
Architecture, Archive
Web-to-print
This evolving online directory aims to serve as a continually growing resource.
Website launch (Images by Space Caviar and Filippo Rossi)
Each case study can be exported as a pdf.
Each entry can be geographically filtered and categorised under six ‘ways of practice’: Timeless Ways of Building, Material Origins, The Politics of Construction, The Long Now, Building as a Last Resort, and Systems Architecture
A directory for Non-Extractive Architecture, collecting projects that explore the relationship between built and natural environments, technology, politics, and the architect’s role in transformation. The website is structured as a triptych, allowing users to view and sort over 1,000 entries.
Sorting system to classify by typology
Simple structure with text spaces enriched by various links
A mini-website serving as an index for the various iterations of the Non-Extractive Architecture project over the past years.
Non-Extractive Architecture Exhibition
2021
Project initiated by Space Caviar, Graphic Identity by Experimental Jetset
Coding, Design, Installation, Print, Tool
Architecture, Research
Web-to-print
130 templates accommodated designs from 1*1/2 A4 to 9*6 A4 grids.
The rastering effect size was optimised for optimal viewing 1.5 meters from the wall.
An exhibition for Non-Extractive Architecture designed as an “open-door design studio,” where the public could witness the research process from the residency program. The modular exhibition space allowed ongoing development and reorganixation of research. Using the Exhibition Format Editor, an A3 paper grid was gradually filled and printed on-site to cover the walls of Palazzo delle Zattere before and during the exhibition.
Two viewing modes with a tidy 4-column image grid and a complete project index.
A new portfolio website for Normal Studio, a design agency promoting elementary design. The website documents their hands-on practice through projects for large manufacturers and more experimental, smaller-scale designs.
Object and Image
2020
Project initiated by Delany Boutkan and Mikaela Steby Stenfalk, Supported by Stimuleringsfonds NL.
Coding, Design, Research
Art, Research
Minimap, inspired by code editor interfaces, offers a preview of the imbrications of the texts.
The page opens on the last contribution to date.
A frontend editor enables direct writing and commenting from the initial essay.
An online publishing platform for collaborative and speculative essays on the design discipline, preservation, and representation in museums as of 2020. Inspired by grassroots publishing and platforms such as Google Docs or Etherpad, Object and Image seeks a balance between spontaneous collaborative writing and online publishing.
OtherNetwork
2023
Project initiated by Cookies together with Institut für Auslandsbeziehungen. Collaboration with Yeelena De Bels, Hannah Broucaret, Simon Bouvier and Geoffrey Oliaro
Coding, Design, Identity, Research
Archive, Art, Research
Docker, Kirby, Next.js
The website is organised around three network levels: Global, City, and Entry.
Each node within the network is displayed based on connections, collaborations, and relationships rather than physical proximity.
Each network can be filtered by sub-category and features an advanced search function.
A form is provided for visitors interested in joining the network.
The platform hosts OtherNetwork’s original content, including a travelling exhibition series and regular satellite events in selected partner cities worldwide.
Editorial pages are available in several languages, including Yorùbá.
A table navigation view allows for easy browsing of the extensive database.
An online platform for the experimental and emerging cultural institution, OtherNetwork. This platform explores connections between independent art spaces through interconnected networks and visualisations.
Parallel-Parallel
2020
Design and project initiative of Dorothee Dähler and Yeliz Secerli
Coding
Design
The cursor is duplicated in both sections of the split-screen structure. It allows you to click, scroll and navigate either on the left or right of the screen.
The rest of the website is a simple succession of slideshows to scroll through.
A digital gallery of unfinished graphic design works halted by the Covid-19 pandemic. The mirrored split-screen structure relays the idea of a parallel online world.
The filters and search bar work similarly to a cmd + f, displaying all results and allowing easy navigation between them.
Two access options are available: by work and by artist, which changes how the database is displayed.
Le Générateur de Performances, inspired by the concept of a slot machine, randomly selects three keywords from the database and matches them with corresponding artworks.
An online archive for the research program Performance Sources that highlights Le Génerateur’s extensive multimedia collection history. The platform offers advanced search functions alongside creative and unconventional methods to access content.
One page slim grid layout enriched with multiple links
An index for Finnish journalist and author Pihla Hintikka. The webpage lists books, articles, and projects organised by category.
Proof of Words
2023
Design by Fanny Hamelin and Léo Guibert
Coding, Tool
Design
Next.js, Sanity, Stripe
Extensive type testing features that provide a thorough look at the intricate details of the different typefaces.
Structured in a tabular layout, the different pages accommodate various types of content while maintaining organisation and clarity.
A meticulously customised cart and interface to match their custom licensing methods.
An online type foundry for Proof of Words, offering extensive type testing features, made-to-measure licensing methods, and comprehensive documentation for their growing collection of typefaces.
Switch between a list view for archive projects and a dynamic slideshow for selected and recent projects.
A new website for Remco van Bladel’s design studio, outlining his experimental publishing practice through a portfolio of multidisciplinary design projects.
The Art of Critique
theartofcritique.rietveldacademie.nl
2020
Designed by Giulia Bierens de Haan
Coding
Art
The navigation is based on an interactive canvas window housing a filtering system and images of the featured artworks.
The various categories allow the collections’ artworks to be cross-referenced systematically and unexpectedly.
The indexes include absurdly precise categories such as artworks transported by road freight, works created by artists named Sarah, or all artworks measuring 31 x 46 cm.
A digital exhibition platform for The Art of Critique, created as an online extension of the exhibition Image Power at the Frans Hals Museum.
The images are independent from the text and scroll automatically.
The main column slides from right to left, unveiling complete event details.
A new website for the Théâtre de Gennevilliers (T2G), a French national dramatic center. The website is divided into a split screen of image series and informative texts.
Items can be sorted using an advanced filtering system and dedicated tags.
A dedicated “Features” section is designed for in-depth analysis of carefully chosen topics.
Each cover occupies the optimal size within a grey square, ensuring a uniform grid layout.
An online archive of Uncover, Exposing the Book within Fashion. The platform uses fashion ephemera to rediscover publications, magazines, and lookbooks relevant to fashion publishing over time.
<view-source>
2024
PROGRAM/ME Gallery
Realisation supported by Fanny Hamelin
Set Design supported by Lola Tuall
Images by Aurélien Mole, Adrien Penpenic, and PROGRAM/ME
Coding, Design, Installation
Design
Four different cameras were used: Quentin’s Screen, Domitille’s Screen, and two views from the gallery.
A script, displayed as subtitles on the live stream, described each process step.
The setup reanacted our work environment.
For two days, we set up our office at the PROGRAM/ME gallery, turning the launch of our website into a performance. The design and programming were live-streamed, letting viewers and passersby spy on the different sets of our working process.
Flexible modular grid to allow for dynamic arrangements and fluid balance within the collections pages
The lightbox for zoomed-in products blends into the website background.
A webshop for Korean fashion designer Yie Kim. Departing from classic e-shop codes, the website incorporates graphic details and navigation elements that disrupt the conventional structure.
One-Tailed
2019
Technical support Giacomo Nanni, Cyril de Kock, Rick Wouters
Images by Peter Cox
Coding, Installation, Research
Design
Python
Screen showing the different scripts used to track fish movements and video tracking device.
Overview of the installation
An interactive installation as a gentle act of anarchy against online tracking procedures. One-Tailed critiques these practices by mimicking human cursor actions using the movements of fish in a tank. These fish movements are misinterpreted as human activity, generating false data for web operators.
