Design et développement, du premier flux au site en ligne
Je conçois les interfaces dans Figma, Framer, Webflow et Sketch, et je développe le front-end en HTML, CSS, Tailwind CSS, React, Next.js et PHP. Prenez l’une des deux moitiés seule, ou les deux, auquel cas rien ne se perd au passage puisqu’il n’y a pas de relais.
Design UI/UX
6 services
Interfaces web et applications réactives conçues dans Figma : landing pages, sites vitrines et écrans de produit construits sur une grille, une échelle typographique et un système d'espacement rigoureux.
- Maquettes de pages responsives dans Figma, du desktop au mobile
- Design d'écrans pour landing pages, sites marketing et applications web
- Structure typographique, espacements et composants prêts pour l'intégration
Création de design systems dans Figma : bibliothèques de composants, tokens et documentation pour permettre à votre équipe de livrer des interfaces cohérentes sans tout reconstruire à chaque sprint.
- Bibliothèque de composants Figma avec variantes et auto layout
- Tokens de couleur, typographie et espacement documentés pour les développeurs
- Guides d'utilisation pour que les nouveaux écrans restent alignés sur le système
Design UI d'applications mobiles iOS et Android dans Figma : modèles de navigation, états interactifs et composants conformes aux directives natives de chaque plateforme.
- Maquettes d'écrans iOS et Android dans Figma
- Prototype interactif pour les tests utilisateurs et les revues de parties prenantes
- Bibliothèque de composants avec états, cas limites et assets d'icônes
Tableaux de bord complexes, tableaux de données, paramètres et parcours utilisateurs conçus dans Figma pour des applications web où la clarté face à des volumes de données denses fidélise les utilisateurs.
- Design de tableaux de bord et de visualisation de données
- Formulaires complexes, panneaux de configuration et flux multi-étapes
- États vides, de chargement, d'erreur et de succès pour chaque vue
Parcours utilisateurs, wireframes et prototypes pour tester la structure et valider l'idée dans Figma avant d'écrire la moindre ligne de code.
- Wireframes basse fidélité pour valider la structure avant le design visuel
- Diagrammes de parcours utilisateur cartographiant chaque écran et décision
- Prototypes cliquables pour recueillir les retours d'utilisateurs et de parties prenantes
Une analyse méthodique de votre produit actuel : points de friction, causes identifiées et plan d'action priorisé sans exiger une refonte complète.
- Évaluation heuristique des parcours et écrans stratégiques les plus visités
- Rapport détaillé avec capture d'écran, problème identifié et justification
- Plan d'action priorisé, classé selon le ratio impact / effort
Développement sur mesure
6 services
Sites et applications web développés sur mesure en React, Next.js et Tailwind CSS : sans modèle rigide, avec un code source clair et immédiatement lisible par vos développeurs.
- Front-end sur mesure en React, Next.js et Tailwind CSS
- Responsive, accessible et testé sur tous les navigateurs avant mise en ligne
- Code source livré sur votre dépôt, pensé pour être maintenu par votre équipe
Intégration de maquettes en code front-end (HTML, CSS, Tailwind, React et Next.js) pour que le site final corresponde rigoureusement au fichier Figma sans dérive.
- Intégration front-end en HTML, CSS et Tailwind CSS fidèle au design
- Composants React et Next.js pour produits interactifs
- Recette responsive et tests multi-navigateurs avant mise en ligne
Une page à fort impact de bout en bout : structure, design responsive, intégration sur la plateforme adaptée et suivi des événements pour mesurer les conversions.
- Design de la page dans Figma, décliné du desktop au mobile
- Intégration rapide et responsive sur Next.js, Webflow ou Framer
- Tracking et événements configurés dans votre outil d'analyse
Refonte complète de site web préservant vos positions SEO, modernisant le design visuel et optimisant le code pour la vitesse, l'accessibilité et l'évolutivité.
- Refonte visuelle complète dans Figma, de l'ordinateur au mobile
- Développement front-end sur React, Next.js, Webflow ou Tailwind CSS
- Plan de redirections d'URL et stratégie de maintien du référencement
Sites Webflow sur mesure selon les standards Client-First : structure de classes propre, collections CMS, responsive soigné et animations administrables.
- Intégration Webflow sur mesure selon la méthodologie Client-First
- Collections CMS configurées pour blog, équipe, ressources et cas clients
- Animations fluides, mise en page responsive et prise en main de l'éditeur
Sites marketing et landing pages ultra-rapides conçus sur Framer : composants interactifs, animations soignées et édition visuelle intuitive pour startups réactives.
- Site Framer sur mesure avec déclinaisons responsives fluides
- Composants interactifs, effets de survol et animations au scroll
- Configuration du CMS Framer pour blogs, actualités et changelogs
Comment je travaille
01 - Découverte
Un court appel ou un brief écrit pour comprendre le produit, ses utilisateurs, les écrans concernés et la définition du résultat attendu, avant tout travail de design.
02 - Design
Parcours utilisateurs et wireframes d'abord, puis interface haute fidélité dans Figma, validés avec vous à chaque étape plutôt que dévoilés à la fin.
03 - Développement
Pour les projets qui le nécessitent, le design validé est intégré en code front-end fonctionnel (HTML, CSS, Tailwind CSS, React ou Next.js), responsive dès le départ.
04 - Livraison
Fichiers Figma organisés, composants et tokens documentés, et une intégration fidèle au design, avec tout le nécessaire pour que vos développeurs prennent le relais.
Questions fréquentes
Combien coûte un projet de design UI/UX ?
Chaque projet fait l'objet d'un devis sur mesure, car une landing page et un produit SaaS multi-écrans ne représentent pas la même charge de travail. Décrivez-moi le périmètre, les écrans prévus et vos délais, et vous obtiendrez un tarif forfaitaire pour un livrable défini plutôt qu'un taux horaire indéterminé.
Combien de temps prend un projet de design ?
Cela dépend du nombre d'écrans et du degré de maturité des décisions produit : une simple landing page et un produit multi-écrans sont des missions différentes. Le planning est convenu lors du brief et inscrit dans le cahier des charges avant de démarrer, fixé avant tout engagement plutôt qu'estimé en cours de route.
Développez-vous également le site en plus de le concevoir ?
Oui. Je développe le front-end en HTML, CSS, Tailwind CSS, React et Next.js ; pour les projets qui le demandent, la maquette Figma validée est livrée sous forme d'intégration fonctionnelle et responsive plutôt qu'un simple fichier à interpréter. Les missions de design seul conviennent tout autant si vous disposez déjà de développeurs.
Travaillez-vous avec des clients hors d'Inde ?
Oui. Je suis basé à Ahmedabad, Gujarat, en Inde, et je travaille à distance avec des fondateurs et de petites équipes à l'international, en assurant un chevauchement horaire suffisant pour les points et revues. L'ensemble du travail et des échanges se fait en anglais.
Que reçois-je à la fin d'un projet ?
Des fichiers Figma structurés avec composants et tokens (couleurs, typographie, espacements) documentés, un prototype cliquable si le projet le requiert, et pour les projets avec intégration, le code front-end responsive testé sur tous les navigateurs.
Pouvez-vous refondre un produit existant plutôt que de repartir de zéro ?
Oui, et c'est souvent la meilleure approche. Une refonte commence par l'analyse des écrans existants pour cibler directement les éléments qui freinent vos utilisateurs, sans reconstruire inutilement ce qui fonctionne déjà bien.
Comment démarrer ?
Envoyez quelques lignes sur votre produit, le périmètre et vos délais via la page de contact ou par e-mail. Je lis chaque message et réponds généralement sous deux jours ouvrés. La première étape consiste en un court échange ou un brief écrit avant de débuter.
Un projet en tête ? Parlons-en.
Contact