CHẠM / VERBE / TOUCHERUNE IDÉE DEVIENT UN PRODUIT AU CONTACT.

DesignCode

Portrait de la fondatrice de Chạm Studio

Une touche humaine,
de l’idée au produit.

Chạm, c’est ma façon de faire le lien entre design et technologie pour donner vie à des produits numériques utiles, à partir d’une idée parfois encore très simple.

J’accompagne le projet de bout en bout : cadrage de l’idée, conception de l’expérience et de l’interface, développement, finalisation et mise en ligne.

DISPONIBLE POUR COLLABORERcontact@cham-studio.fr Défiler

JE CONÇOIS DES INTERFACESRÉFLÉCHIES ET J’EN FAISDE VRAIS PRODUITS.ON NE FAIT PAS QUE LIRE CHẠM.ON LE TOUCHE.

03 · À PROPOS
DESIGN × CODE

Je conçois des interfaces et des applications web où le soin visuel compte autant que ce qui se passe sous le capot. Le détail qui rend une page agréable à utiliser m’intéresse autant que le code qui la fait tourner.

PHOTO 01 · EN FABRICATION

Un moment du processus — esquisser, prototyper ou construire.

2017LES PREMIÈRES PAGES
J’ai découvert le développement web à 17 ans, en bricolant mes premières pages. La curiosité d’abord : changer une ligne, rafraîchir, et voir une idée devenir quelque chose d’utilisable.
2021UN MÉTIER PREND FORME
Une formation intensive et des projets menés jusqu’au bout ont fait de cette curiosité un vrai choix de carrière. C’est là qu’une passion est devenue une pratique.

PHOTO 02 · COLLABORATION

PHOTO 03 · EN SITUATION

MAINTENANT · EN COURS

Apprendre fait partie
de la pratique.

Depuis, je continue d’apprendre, côté dev comme côté design, parce que le domaine bouge vite — et ça fait partie du plaisir. Ce qui me motive, c’est de construire des solutions vraiment utiles aux personnes qui s’en servent, avec un code propre et une interface soignée.

Au quotidien, je travaille avec des outils d’IA agentique pour aller plus vite, du prototype au refactoring, sans jamais perdre la main sur la qualité du code et l’architecture.

CLAUDE CODE
CODEX
ANTIGRAVITY

LE PROCHAIN CHAPITRE
POURRAIT ÊTRE LE NÔTRE.

Un travail qui a du sens. Des idées ambitieuses. Une communication claire.

J’ai envie de collaborer sur des projets qui ont du sens et de l’ambition, avec une communication claire à chaque étape. Si c’est le vôtre, écrivez-moi

04 / 05PROJETS CHOISISDESIGN × CODE

GLISSER POUR EXPLORER

Projets choisis

Quelques projets choisis.
De la première idée au produit qui fonctionne.

IMIN Event

DESIGN PRODUIT / DÉVELOPPEMENT FULLSTACK

Du premier parcours utilisateur au produit qui fonctionne. Une expérience événementielle façonnée par le design et le code.

Le problème

Do&go avait déjà son application événementielle sur iOS, Android et le web. Mais l’interface paraissait brute et datée, l’ergonomie n’avait jamais vraiment été pensée, et les mises à jour ramenaient régulièrement leur lot d’erreurs.

L’approche design × code

J’ai repris seule le design dans Figma, en posant un design system, puis je l’ai intégré moi-même en Flutter ; l’équipe a relu la maquette. En parallèle, nous avons mis en place à plusieurs des tests, des mesures de performance et un back-office web pour suivre l’application et repérer les erreurs d’une version à l’autre.

Stack tech & design

Design

Figma
Design system

Code

Flutter
Dart
Riverpod
Node.js
Redis
Firebase
Material 3

Résultat

L’application, refondue et refactorisée, est en pleine phase de tests avant sa mise à jour. Les premiers retours parlent d’une interface plus agréable et d’une expérience améliorée.

Conversation Copilot

DESIGN D’INTERFACE / DÉVELOPPEMENT

Une interface pour des conversations plus claires. Comment un design réfléchi fait entrer l’IA dans le travail de tous les jours.

Le problème

Un outil que je me suis construit, surtout pour mes réunions. Les solutions existantes ne couvraient pas tout ce dont j’avais besoin, et leur ergonomie laissait à désirer.

L’approche design × code

Comme j’en suis à la fois la conceptrice et la seule utilisatrice, je passe directement de l’idée au concept, puis au code. Pour la transcription en temps réel, j’ai choisi d’afficher un maximum d’erreurs plutôt que de les cacher. Quand quelque chose casse, je vois tout de suite quoi corriger. Un mois de travail jusqu’ici, et le chantier continue.

Stack tech & design

Design

Figma
Design system

Code

React
TypeScript
Python (FastAPI)
PostgreSQL
Deepgram

Résultat

Pas encore en production. L’application est en phase de test et je n’ai pas encore de chiffres à partager.

Airsen

UX / APPLICATION WEB

Une application web explorée par l’expérience utilisateur, le design d’interface et le souci du détail.

Le problème

Les informations sur la qualité de l’air sont éparpillées entre trois API. Airsen les trie et les rassemble dans une seule application, avec une carte interactive de plus de 35 000 communes, des alertes personnalisables et un forum communautaire.

L’approche design × code

J’ai encadré une équipe de trois développeurs. Tout l’enjeu UX était de rendre lisible une information très dense, sur des écrans concrets. Passer d’abord par Figma, avec un design system, a aidé l’équipe à cerner le périmètre avant d’écrire la moindre ligne de code.

Stack tech & design

Design

Figma
Design system

Code

Java 21
Spring Boot
Angular
TypeScript
MariaDB
Redis
Docker

Résultat

Pas encore lancée. L’application est toujours en développement.

01
Design produit et UX
Des parcours, des prototypes et des interfaces pensés pour la façon dont on utilise vraiment un produit.
02
Développement fullstack
Des interfaces responsives, des API et les systèmes qui font d’un design réfléchi un produit qui fonctionne.
03
Interaction et finitions
Le mouvement, l’accessibilité et les petites réactions qui rendent une interface attentive.

Outils

Design

Figma
Prototypage
Design systems

Code

React
Next.js
Node.js
TypeScript
Tailwind CSS

ENGAGEONS LA CONVERSATION

Une touche humaine,de l’idée au produit.

JE CONÇOIS DES INTERFACESRÉFLÉCHIES ET J’EN FAISDE VRAIS PRODUITS.ON NE FAIT PAS QUE LIRE CHẠM.ON LE TOUCHE.

Je construis là où le visuelrencontre ce qui tourne sous le capot.

Projets choisis

IMIN Event

Le problème

L’approche design × code

Stack tech & design

Design

Code

Résultat

Conversation Copilot

Le problème

L’approche design × code

Stack tech & design

Design

Code

Résultat

Airsen

Le problème

L’approche design × code

Stack tech & design

Design

Code

Résultat

De la première idéeau dernier détail.

Design produit et UX

Développement fullstack

Interaction et finitions

Outils

Design

Code

LES GRANDES IDÉESLES GRANDES IDÉESCOMMENCENT PARUNE TOUCHE HUMAINEUNE TOUCHE HUMAINE

Une touche humaine,
de l’idée au produit.

LES GRANDES IDÉES COMMENCENT PARUNE TOUCHE HUMAINE