Skip to content
FHD

Founding designer · Paris

I turn product ambiguity
into systems.

I’m François-Henri Dupuich, designer based in Paris. I work across interface design, design systems and product delivery, with performance constraints in mind.

  • +10 Years XP
  • design systems
  • branding
  • dataviz
  • motion
scroll ↓
01Manifesto

Interface, system, delivery.

Good product design does not stop at the screen. I work through the interface, the tokens and rules beneath it, and the constraints that decide whether a product can ship, scale, and stay coherent.

I learned to design under tight resources: smaller teams, limited assets, real performance budgets. That made code, tooling and AI part of the craft. This showcase follows the same principle: lean, fast, measured.

02Dataviz · live

Turning abstract finance into something you can read.

This interactive chart breaks a balance into net invested capital and gains. It makes a counter-intuitive case visible: net invested capital can go negative while the balance remains positive. Switch scenarios, then hover any point to see why.

BalanceNet investedGainsLosses

Saving, then a large withdrawal. Net invested capital crosses zero and goes negative: the stake has been recovered, and the remaining balance is gain.

1 · Compounding2 · Flat performance3 · Unrealized loss4 · Stake recovered5 · Withdrawals > deposits

The second chart models a long-horizon projection with a progressive-derisking path. Toggle the strategy to compare a steadier route with a higher-risk curve; the probability cone, IRR cards and risk score update in real time.

25-year projection · €3,000 + €84/mo
Risk score: 3.5 / 10
Progressive derisking on
Lower risk at horizon
Without derisking · at horizon
7.50%/yr€86,800
With derisking · at horizon
4.90%/yr€57,400
Best case · 10% · +8.5%/yr
Expected · 90% · +6.2%/yr
Worst case · 2% · −2.89%/yr
Total contributions
03Motion design · in code

Product motion built in code.

Motion inserts for an investment app release: interface states, transitions and live charts built with Recharts. They were authored in React and Remotion, the same language as the product, then exported here as video.

Allocationanimated chart
Projectionscenario curve
Resourcesloading state
Settingsinterface motion
Iconsicon motion
Document uploadupload flow
04Design systems & ops

Design systems for the interface and the way teams work.

Interface system

Tokens, variants, property-first naming, Storybook and Chromatic: a design system treated as a product, not a folder of components.

Team system

Design ops for handoff, tooling, rituals and quality checks: the habits that make design usable inside product cycles.

Alba — the design system I built and run at Nalo. Real tokens, components and theming, here as living code rather than screenshots. Flip the theme to watch the token set re-map:

Alba
tokens → components, themed live
action/primary
#c15429
action/accent
#8f320d
bg/secondary
#efe3d7
text/default
#112122
status/success
#00826a
border/default
#d3d4d3
Button · 5 variants
PrimarySecondaryTertiaryGhostDanger
SuccessBrandInfo
Rethink Sans
27 type styles
05Branding & identities

Identities for products, brands and tech tools.

Brand and art direction across product identities, open-source tooling and community projects. The work spans polished launches and small technical ecosystems, with a feel for how developer culture should look and sound.

kaskad
kaskadDA · brand · web · 2023
Black Sales
Black Salesbrand · product
Plé
Pléidentity
Plume
Plumeidentity
beroé
beroébrand

Also: legacy marks for Snatch & Zou (Rust CLI download tools), multilayer-perceptron (Erlang), and PluXML community templates.

06Technical UI · track record

Technical interfaces where legibility is non-negotiable.

SNCF real-time station display redesign

Real-time passenger displays for railway stations, designed around hierarchy, distance and stress. In dense public environments, legibility is not a polish layer. It is the product.

  • AI-assisted ideation · RGAA 4
    gaming product
  • Design system + design-to-dev
    public broadcast
  • Design system from scratch
    fintech app
07Selected work

Selected work.

Ten years across product, design systems, brand and open source. In Libre mode this section becomes the fast path: scan the grid and follow whatever catches your eye.

Parions Sport
Parions Sportproduct · gaming
France TV
France TVproduct · design system · broadcast
SNCF — station UX
SNCF — station UXtechnical UI
Brevo — design ops
Brevo — design opssystems · ops
Cityscoot
Cityscootproduct · mobility
AKT
AKTproduct · fintech
kaskad
kaskadbranding
Black Sales
Black Salesbranding
Plé
Plébranding
beroé
beroébranding
Snatch
Snatchopen-source · Rust CLI
perceptron
perceptronopen-source · Erlang
08Contact

Need a founding designer with range?

Looking for a founding or first designer who can own the product surface, the system beneath it and the shipping rhythm around it? Let’s talk.