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.
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.
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.
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.
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 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.
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.
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.
If we’re happy in our dreams, does that count?
2022
Design, Identity, Print
Art, Research
A visual identity for the first episode of the traveling OtherNetwork exhibition. OtherNetwork, initially an online-based project, launched its traveling exhibition with an invitation from the Institut für Auslandsbeziehungen to the Foundation for Contemporary Art-Ghana, hosted in their gallery in Stuttgart.
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.
Products are closely integrated with content, contributing to the classic and clean e-shop design.
Design based on modular cards that can be augmented with different variables.
Instant search feature for seamless browsing.
A design system and newsletter for the online shop of Miista, a fashion-forward clothing and footwear company based in London.
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.
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.
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.
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.
<view-source>
2024
view-source
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.
Villa Arson
2020
Collaboration with Manon Bruet and Sarah Vadé
Design, Identity
Art, Design, Education
The calendar changes dynamically according to the volume of events, displaying either the coming month’s schedule during periods of low activity, or a day-by-day view during peak seasons.
The right section functions as an image editing table, blending archival images, iPhone photos, and communication document scans….
The image bank and colours evolve with the seasons and events.
A bookmark can be integrated to indicate key moments and spotlight important information.
A website and visual identity proposal for Villa Arson, a contemporary art center and graduate school in Nice, France.
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.
