Baptiste Garcia,

An unreal poster within a real poster, an improbable mise en scène of this mise en abyme, a virtual "photograph" of reality dissolving, refracted in the ripples of water.

This project, in collaboration with Solène Lautridou (Graphic Designer), highlights the paradox of digital creation striving for photorealism by imitating real physical and optical phenomena.

Published in Approche C magazine (tombolo presses ).

Creation of a new interface and complete restyling of the Napoleonica platform to showcase both the foundation’s historic and recent collections.

Demo of typographic choices in context.

These choices require meticulous precision in layout, aligning with the archival rigor of the researchers.

A two-panel layout — one for navigation tools through the collections and the other for browsing the user-selected items — clarifies navigation and highlights the content once displayed.

The Game of Life is a cellular automaton — now recognized as a mathematical simulation game — created by John Horton Conway in 1970.

— If a cell has exactly two live neighbors, it remains in its current state in the next step.
— If a cell has exactly three live neighbors, it will be alive in the next step.
— If a cell has fewer than two or more than three live neighbors, it will be dead in the next step.

I came across this “zero-player game” during my research for my thesis and set myself the challenge of developing my own version of the Game of Life in JavaScript:

In the Game of Life, various structures can emerge over time —  stable structures, oscillators, spaceships, and others. In my demo, users can create a glider (most common spaceship) by clicking, rather than waiting for one to form randomly, to observe its impact on other structures. (Try it above!)

This carte blanche granted by Le Bow Vosgien, a scenographer with a unique profile offering various services related to the performing arts, materialized into a virtual and narrative stroll that showcases the story of the young craftsman and his work.

The project, carried out with the participation of Khanh Robert (3D artist) and Léo Durand (UI/UX design), called upon all of our shared skills in 3D, interface design, as well as front-end development.

Graphic and ergonomic update for the promotional and informational website of the open-source framework CubicWeb, focused on the semantic web, along with its associated technical blog.

Graphic elements, such as colors and hexagonal patterns, reference the original logo and the company behind the project.

The project also involves redesigning the technical blog associated with the framework, reusing elements from the main site — such as the color palette, typography, and layout template — to maintain coherence between the two sites.

Complete creative freedom for designing business cards for Logilab, a company offering services (development and training) focused on the semantic web. Several creative directions were explored and presented to the client, allowing them to select the most relevant approach before printing.

Extensive editorial, ergonomic, and visual overhaul of the France Archives archival research platform. This project included conducting UX workshops with both the public and professionals to address the needs of all users.

A thorough process of refining and consolidating ideas was then carried out before creating the first graphic mockups for all page types and content categories on the site.

During the process, the project, like all websites under the “République Française” brand, was redirected to align with the arrival of the state design system. The entire design had to be readjusted to comply with the new DSFR design system.

UX/UI redesign of a website promoting an annual conference series on the semantic web, tailored for industry professionals.

The navigation was designed around a vertical timeline, allowing users to view the schedule of upcoming conferences as well as key dates for the entire event.

Old logo / New logo

One of the design challenges was to preserve the original visual identity, which was already well recognized by the target audience, while combining an aesthetic that reflects a scholarly and technical environment with limited iconography available.

The site is reusable for all future editions and offers access to archives of previous editions in the same format.

One of my professors at the Beaux-Arts once asked me to design and produce the catalog for an exhibition he was organizing around his digital works.

I set out to develop a tool where a precisely designed layout grid allows the text to be randomly generated, while still following a few simple rules.

This tool enabled me to generate several layout versions, five of which were selected and integrated into one of five uniquely designed covers, created manually rather than procedurally.

Proposal for a radical redesign of Logilab's visual identity. The goal was to showcase all aspects of the company through an appealing and accessible interface.

The resulting prototype brings together various levels of information, ranging from a general presentation of the company, to a training catalog, and a gallery of selected projects.

Each section is distinguished by its color scheme while maintaining a cohesive overall identity.

The idea of creating a stretchable typeface came to me while studying variable fonts. Some of these fonts allow width adjustments by modifying a variable in either CSS or JS to create effects on a webpage or web application.

Using basic CSS principles like flexboxes, grids, and mix-blend modes, I began to consider the various challenges I would need to solve to create this typeface. For example, how to stretch a curve without distorting the design in an unsightly way? How to create an angled line that maintains the same width regardless of inclination? All of this using only HTML blocks and CSS properties.

These constraints shaped the stylistic direction of the font design, replacing angled lines with curves, for example. (It’s possible to create curves, including strokes with varying thickness, that stretch without distortion—but not angled lines).