My name is Maxime Benoit. I’m a years old
graphic designer and web developer, building design systems, websites, and
digital assets for the web. My approach is straightforward: nothing added
just to look modern, nothing kept because it’s fashionable. I keep what
helps and remove what gets in the way, so the result is fast to understand,
easy to use, and built strictly for its purpose. I do not make website using
recycled WordPress themes held together by plugins you don’t need. Every
project comes with a system designed specifically for you: lighter,
cleaner, and pleasant to use. So editing your content feels effortless
instead of like fighting another bloated dashboard.
Selected projects:
campaign overview & review application
stripe ready e-commerce website on top of kirby CMS
svelte based invoice & quote generator
brower based HTML email sender
collateral edition full branding
weather data generative artwork
hypnotic loop animation
recursive composition of ellipses
generativ wire-mesh pattern
eroded letter path processing script
1 /
9
"CORA", Campaign Overview and Review Application, is a platform that streamlines collaboration between developers, project managers, and clients during HTML5 banner development. It provides a clean dashboard for browsing banner campaigns across versions, languages, and sizes. The platform is secured by role-based access, and offers an overview page for PMs to access and see available projects all at once, as well as a more complete panel for managing HTML5 bundles.
A self-hosted online shop starter built with Kirby CMS and Stripe Checkout. It lets you add products, track stock, and review orders in the Kirby admin panel without needing a complex e-commerce platform. The checkout flow handles payment through Stripe, then saves the order and sends a receipt email automatically. It’s a simple, flexible base you can customize as your store grows.
A Svelte invoice/quote builder with a live A4 preview. Fill basic informations, add line items, and see totals update instantly. Modifications are constantly « browser-saved », avoiding the loss of work in progress after reloading or closing the browser tab. The final document can be saved as JSON and reloaded later for further editing. No database involved, making it a very portable little tool.
Simple interface using the PHPMailer library to send emails from a PHP server. This tool kind of reinvents the wheel by being just an email sender inside the browser. It was built for a client to make sending HTML emails to a moderate number of recipients easier. Coming along with the tool: a template for building responsive emails, media-query-free, based only on a table-based strategy.
Branding and e-commerce website design and production for Collateral Edition. Built on my own Kirby e-commerce solution, the site is tailored to the client’s needs. Payments can be fully handled by Stripe or bypassed via a switch in the admin panel. A custom hook stores newsletter subscribers emails, awaiting for a more definitive solution. Matomo is used for analytics. Font: BB System Pro by Bold Studio. Website still in production.
1 /
3
Here comes the mandatory weather application demonstration. But this one comes with a little tweak, as it uses the data from the OpenWeather API to generate a specific composition. I’m using a hash technique, rather than a simple random function, to transform the data into more constant values. Generate a new composition by entering a new zip code as root seed (French only).
A browser-based animation that displays a loop of concentric ellipses, each made of multiple strokes. The elements are generated and styled using vanilla JavaScript and CSS transforms. GSAP is used for animation control. Next step: rewrite it in Swift and turn it into a macOS screensaver.
It started as an experiment to better grasp recursivity using JavaScript. It then evolved into a small generated study/artwork of nested layouts and visual rhythm. Nothing is used here beyond plain HTML, vanilla JS, and CSS, keeping the setup lightweight and easy to tweak.
Recreating a chain-link fence pattern in p5.js using a simple distorted grid and alternating bezier strokes. Perlin noise offsets each node for subtle drift. The sketch is generative, so a new ordered wire pattern appears on every reload. It’s also responsive, so nodes are added or removed based on viewport size without generating an entire new composition.
Processing script (Java) that generates an eroded version of an input letter. This script was originally created to help design a custom font for a running outfit brand. It’s heavily inspired by the work of André Burnier and the way he uses the Geomerative library by Ricard Marxer to transform letter paths. The modified letter can be saved as an .svg, fine-tuned if needed, then added to typographic software such as Glyphs to produce the final product. Still a work in progress.
"This website is so raw. Are you not a designer?" It does have a rough
aesthetic, and it’s meant to be that way. It serves its purpose, loads
really fast, and doesn’t throw you into a roller coaster of JavaScript
animations after every user interaction. That’s how I like things when I’m
my own client: clear and simple, stripped of unnecessary decoration, and
especially not tied to any of today’s aesthetic trends.