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.
