DESIGN GRAPHIQUE

& UX/UI
De Canva à Figma : devenir un Designer Freelance qui facture en milliers

■■■■■■■■■■■■■■■■■■■■■■■■■■■■

Identité visuelle · Maquettes web & mobile · Figma · Canva Pro · Niche & Positionnement

Anderson Razafimamonjy

Fort-Dauphin, Madagascar — 2026

Design Graphique & UX/UI —1— Anderson Razafimamonjy

 TABLE DES MATIÈRES

Introduction Le design freelance : un métier créatif à très haute valeur

Chapitre 1 Comprendre le design graphique et l'UX/UI

Chapitre 2 Maîtriser Canva Pro : le point d'entrée idéal

Chapitre 3 Passer à Figma : l'outil des professionnels

Chapitre 4 L'identité visuelle : logos, chartes et systèmes

Chapitre 5 Maquettes web et mobile : wireframes et prototypes

Chapitre 6 Construire ton portfolio et trouver tes niches

Chapitre 7 Fixer tes tarifs et décrocher des projets à 1000€+

Conclusion Ton plan d'action sur 10 semaines

Design Graphique & UX/UI —2— Anderson Razafimamonjy

 INTRODUCTION

Le Design Freelance : un Métier à Très Haute

Valeur
Le design graphique et l'UX/UI sont parmi les compétences les mieux rémunérées du
monde digital. Un designer freelance bien positionné dans une niche peut facturer entre
500€ et 5 000€ par projet — et les clients sont mondiaux : start-ups, e-commerce,
coachs, agences SaaS.

La bonne nouvelle : tu n'as pas besoin d'un diplôme de 5 ans. Avec Canva Pro comme
point d'entrée, Figma comme outil professionnel, un portfolio soigné et une niche claire,
tu peux facturer tes premiers projets en 10 semaines de travail sérieux.

■ Ce guide te mène de zéro à ton premier projet payé en design. Tu apprendras les
fondamentaux du design graphique, la maîtrise de Figma et Canva, la création d'identités
visuelles, les maquettes web et mobile, et comment te positionner pour facturer des projets à 1
000€ et plus.

Ce que tu vas apprendre :

■ Les principes fondamentaux du design graphique et de l'UX/UI

■ Maîtriser Canva Pro pour les livrables rapides et clients accessibles

■ Passer à Figma : l'outil standard de l'industrie pour les maquettes pro

■ Créer une identité visuelle complète (logo, charte, système de design)

■ Concevoir des wireframes et prototypes interactifs pour le web et le mobile

■ Construire un portfolio qui convainc et se positionner dans une niche rentable

■ Fixer des tarifs à la hauteur de ton expertise et décrocher des projets premium

Design Graphique & UX/UI —3— Anderson Razafimamonjy

 CHAPITRE 1

Comprendre le Design Graphique et l'UX/UI

Avant de toucher un outil, comprendre la distinction entre design graphique et UX/UI est
fondamental. Ce sont deux disciplines complémentaires mais avec des objectifs, des livrables et des
clients différents.

Design Graphique vs UX/UI : les différences clés

Critère Design Graphique UX/UI Design

Faciliter l'usage, résoudre des

Objectif Communiquer visuellement, séduire
problèmes

Logos, affiches, brochures, posts social Wireframes, maquettes, prototypes

Livrables
media interactifs

Outils phares Canva, Illustrator, Photoshop Figma, Adobe XD, Sketch

Start-ups, apps mobile, SaaS,

Clients typiques PME, artisans, associations, boutiques
agences web

Tarifs moyens 200€ – 800€ / projet 800€ – 5000€ / projet

Difficulté
Accessible (2-4 semaines pour débuter) Intermédiaire (6-12 semaines)
d'apprentissage

Les 5 principes fondamentaux du design

Créer une hiérarchie visuelle claire. Ce qui est important doit être vu en
Contraste
premier. Couleur, taille, poids typographique.

Chaque élément doit être aligné avec intention. L'alignement crée la structure
Alignement
et le professionnalisme.

Répéter les éléments visuels (couleurs, polices, formes) pour créer une
Répétition
cohérence et une identité reconnaissable.

Les éléments liés doivent être proches. L'espace vide (white space) est un
Proximité
outil de design, pas un vide à remplir.

Design Graphique & UX/UI —4— Anderson Razafimamonjy

 Guider l'oeil du lecteur : titre → sous-titre → corps → CTA. L'ordre de lecture
Hiérarchie
doit être intuitif et immédiat.

La psychologie des couleurs en design

Couleur Perception Secteurs typiques

Bleu Confiance, sérité, professionnalisme Banque, tech, médecine, SaaS

Vert Nature, santé, croissance, éco Bio, bien-être, environnement

Rouge Urgence, passion, énergie, danger Promo, food, sport, énergie

Orange Créativité, chaleur, accessibilité E-commerce, coaching, éducation

Violet Luxe, créativité, spiritualité Beauté, cosmétique, luxe

Noir Sophistication, élégance, pouvoir Mode, luxe, high-tech

Blanc Pureté, minimalisme, espace Santé, Apple, design minimaliste

Design Graphique & UX/UI —5— Anderson Razafimamonjy

 CHAPITRE 2

Maîtriser Canva Pro : le Point d'Entrée Idéal

Canva est la plateforme de design la plus utilisée au monde par les non-designers et les freelances
débutants. Avec Canva Pro, tu as accès à des milliers de templates, des outils de branding avancés
et une bibliothèque de ressources professionnelles. C'est le meilleur point de départ.

Ce que tu peux vendre avec Canva Pro

Temps de
Livrable Prix de vente
production

Logo simple + variations 2-4h 50 000 – 150 000 Ar

Kit réseaux sociaux (10 templates) 3-5h 80 000 – 200 000 Ar

Présentation (10-20 slides) 2-4h 60 000 – 150 000 Ar

Brochure / Flyer (recto-verso) 2-3h 40 000 – 100 000 Ar

Charte de marque (couleurs + typos) 3-6h 100 000 – 250 000 Ar

CV design professionnel 1-2h 20 000 – 50 000 Ar

Menu restaurant / carte produits 2-4h 50 000 – 120 000 Ar

Les 10 fonctionnalités Canva Pro à maîtriser absolument

■ Brand Kit — Enregistrer les couleurs, polices et logos du client pour cohérence totale

■ Background Remover — Supprimer l'arrière-plan d'une photo en 1 clic

■ Magic Resize — Adapter un design à tous les formats réseaux en secondes

■ Smart Mockups — Présenter un design sur un t-shirt, une tasse, un écran

■ Bulk Create — Générer 50 posts avec des données différentes automatiquement

■ Content Planner — Planifier et publier directement sur les réseaux sociaux

■ Grille et alignement automatique — Précision professionnelle sans effort

■ Bibliothèque d'images premium — Millions de photos et d'illustrations libres

■ Animations — Créer des visuels animés pour Stories et posts

■ Partage équipe — Collaborer avec le client sur son propre espace de marque

Design Graphique & UX/UI —6— Anderson Razafimamonjy

 ■ Stratégie débutant : commence par Canva Pro pour tes 3 premiers mois. C'est suffisant pour
décrocher des clients locaux et régionaux (hôtels, restaurants, ONG, boutiques à Fort-Dauphin).
Ensuite seulement, ajoute Figma à ta stack.

Design Graphique & UX/UI —7— Anderson Razafimamonjy

 CHAPITRE 3

Passer à Figma : l'Outil des Professionnels

Figma est le standard mondial du design UX/UI. Gratuit pour commencer, collaboratif en temps réel,
disponible dans le navigateur — c'est l'outil qu'utilisent les designers de Google, Airbnb, Stripe et
toutes les start-ups qui comptent. Maîtriser Figma, c'est parler le même langage que les clients
premium.

Les concepts fondamentaux de Figma

L'équivalent des "artboards". Chaque écran, chaque page de site est un

Frames
Frame. Tailles prédéfinies pour iPhone, Android, Desktop, etc.

Eléments réutilisables (boutons, cartes, navbars). Modifier le composant

Components
principal met à jour toutes ses instances — gain de temps énorme.

Permet à un élément de s'adapter automatiquement à son contenu.

Auto Layout
Indispensable pour créer des designs réactifs et flexibles.

Stocker les couleurs, tailles, rayons de bordure du design system. Permet de

Variables
changer tout le design en modifiant une seule valeur.

Relier les Frames entre eux pour créer un prototype interactif navigable.
Prototyping
Impressionne les clients et teste les flux utilisateurs.

Génère automatiquement le code CSS, iOS ou Android des designs. Facilite

Dev Mode
la collaboration avec les développeurs.

Parcours d'apprentissage Figma recommandé

Semai
Focus Figma Objectif
ne

Reproduire un écran simple depuis un

S1 Interface, Frames, formes de base
screenshot

Désigner une landing page complète

S2 Typographie, couleurs, grilles
(desktop)

Créer une bibliothèque de 10 composants

S3 Components et Auto Layout
réutilisables

Design Graphique & UX/UI —8— Anderson Razafimamonjy

 Livrer un prototype navigable d'une app
S4 Prototypage et interactions
mobile (5 écrans)

Créer un système de design pour un projet

S5-6 Design system complet
fictif complet

Ressources gratuites pour apprendre Figma

■ Figma Learn ([Link]) — Tutoriels officiels, structurés et complets

■ YouTube : DesignCourse, Flux Academy, Juxtopposed — Contenu en anglais de très haute

qualité

■ Figma Community — Milliers de fichiers templates gratuits à analyser et dupliquer

■ Dribbble / Behance — Inspiration et références des meilleurs designers mondiaux

■ UI/UX Weekly newsletter — Tendances et ressources hebdomadaires gratuites

Design Graphique & UX/UI —9— Anderson Razafimamonjy

 CHAPITRE 4

L'Identité Visuelle : Logos, Chartes et

Systèmes
L'identité visuelle est la compétence la plus demandée par les PME, entrepreneurs et startups. C'est
aussi l'une des plus rentables : un package d'identité visuelle complète peut se facturer de 500€ à 3
000€ selon le niveau de détail et la niche clientèle.

Les 5 composantes d'une identité visuelle complète

Logotype (texte), logomark (icône), ou combinaison des deux. Doit être lisible
1. Le Logo
en 16px et en 500px. Livré en SVG, PNG transparent, PDF.

1 couleur principale + 1-2 secondaires + neutres (blanc, gris, noir). Codes

2. La Palette
HEX, RGB et CMJN fournis pour tous usages (digital + print).

1-2 polices maximum. 1 police de titre (impact) + 1 police de corps (lisibilité).

3. La Typographie
Toujours privilégier des polices Google Fonts (gratuites et web-safe).

4. Les Éléments Patterns, icônes, illustrations, formes signature qui rendent la marque
graphiques reconnaissable même sans le logo.

Document PDF qui documente toutes les règles d'usage. Indispensable pour
5. La Charte
les clients qui ont une équipe ou des prestataires.

Le processus de création d'un logo professionnel

Comprendre le client : son secteur, ses valeurs, son audience, ses concurrents, ses
01 Brief
préférences visuelles. Utiliser un questionnaire type.

02 Analyser la concurrence, collecter des références, créer un moodboard. Ne jamais

Recherche commencer à designer sans cette étape.

Créer 3-5 directions différentes (styles, approches). Présenter les concepts avec du
03 Concepts
contexte (mockups) pas juste un fond blanc.

Le client choisit une direction. 2 tours de corrections inclus dans le devis. Au-delà :
04 Raffinage
facturer les révisions supplémentaires.

Design Graphique & UX/UI — 10 — Anderson Razafimamonjy

 Pack de fichiers complet : SVG, PNG (fond transparent), PDF, JPG. Inclure les
05 Livraison
déclinaisons : horizontal, vertical, favicon, noir & blanc.

■ Erreur à éviter : ne jamais livrer uniquement un fichier PNG. Un logo professionnel se livre
TOUJOURS avec les fichiers vectoriels (SVG). Les clients qui reviennent 2 ans plus tard avec des
besoins d'impression te seront reconnaissants — et te recommanderont.

Design Graphique & UX/UI — 11 — Anderson Razafimamonjy

 CHAPITRE 5

Maquettes Web et Mobile : Wireframes et

Prototypes
Le design UX/UI est la discipline la plus demandée par les start-ups, les agences web et les
entreprises tech. Savoir concevoir des maquettes professionnelles est la compétence qui permet de
facturer les projets les plus élevés — souvent à partir de 1 000€.

Les 3 niveaux de fidélité d'une maquette

Squelette en niveaux de gris. Pas de couleurs, pas de photos. Sert à valider la

Wireframe
structure et l'organisation avant d'investir dans le design. Rapide à produire (2-4h
(Lo-Fi)
pour une page).

Structure validée + couleurs + typographie. Ressemble au produit final mais sans les
Maquette
vrais contenus (photos de stock, textes lorem ipsum). Permet les premières
(Mid-Fi)
validations visuelles.

Maquette complète + interactions + animations. Navigable comme une vraie app.

Prototype
Présenté au client pour approbation finale avant le développement. C'est le livrable
(Hi-Fi)
premium.

Pages à maîtriser pour un site web professionnel

Page Objectif UX Sections indispensables

Convaincre en 5
Hero / Home Headline, sous-titre, CTA, preuve sociale
secondes

Créer la confiance et le
About Histoire, valeurs, équipe, mission
lien

Services / Offre Convertir le visiteur Problème → Solution → Bénéfices → Prix → CTA

Témoignages Réduire l'anxiété Avis réels, photos, étoiles, résultats

Faciliter le passage à
Contact Formulaire court, WhatsApp, localisation
l'action

Les 8 principes UX à toujours appliquer

Design Graphique & UX/UI — 12 — Anderson Razafimamonjy

 ■ Mobile first — Désigner d'abord pour mobile, puis adapter au desktop

■ Lisibilité typographique — Corps minimum 16px, contraste àAA (ratio 4.5:1)

■ Espacement généreux — Le white space n'est pas du vide, c'est du design

■ CTA visible — Le bouton d'action principal doit être vu sans scroller

■ Cohérence — Mêmes couleurs, mêmes composants, mêmes rayons de bordure partout

■ Feedback visuel — Chaque action (clic, survol, chargement) a un retour visuel

■ Règle des 3 clics — L'utilisateur doit atteindre n'importe quelle page en 3 clics max

■ Accessibilité — Textes altérnatifs, navigation clavier, contrastes suffisants

Design Graphique & UX/UI — 13 — Anderson Razafimamonjy

 CHAPITRE 6

Construire ton Portfolio et Trouver tes

Niches
Un portfolio de designer doit faire une chose : prouver que tu peux résoudre les problèmes de ton
client cible. Ce n'est pas une galerie d'art — c'est une démonstration de valeur commerciale.

Ce qu'un portfolio doit contenir

■ 3 à 6 projets maximum — La qualité prime toujours sur la quantité

■ Le contexte de chaque projet — Qui était le client ? Quel était le problème ?

■ Ton processus — Brief → Recherche → Concepts → Résultat final

■ Les livrables finaux — Mockups sur des écrans réalistes, pas fond blanc

■ Les résultats — "Le client a augmenté ses followers de 40% après le rebranding"

■ Un appel à l'action clair — "Travailler avec moi" avec un lien de contact direct

Comment créer des projets fictifs convaincants

Sans client, tu peux quand même construire un portfolio solide en redesignant des marques
existantes ou en créant des projets imaginaires avec le même soin qu'un vrai projet payant.

Exemple de projet fictif : "Refonte de l'identité visuelle du Parc National d'Andohahela" — Brief
imaginaire complet, moodboard, 3 concepts de logo, charte graphique, application sur des
mockups (affiche, signagétique, site). Ce type de projet dans ton portfolio peut décrocher un
client hôtelier ou touristique en moins d'une semaine.

Les niches les plus rentables pour un designer

Niche Type de projets Tarif moyen / projet

Coaches &
Logo, site Notion/Webflow, kit réseaux 300 – 800€
Formateurs

E-commerce Identité, fiches produits, newsletters 400 – 1200€

SaaS / Start-ups UI design, design system, landing page 800 – 3000€

Restaurants & Hôtels Menus, brochures, identité, réseaux 200 – 600€

Design Graphique & UX/UI — 14 — Anderson Razafimamonjy

 Rapports, affiches, identité de
ONG / Associations 150 – 500€
campagne

Tourisme & Voyage Brochures, sites, contenu social media 300 – 1000€

■ Avantage Fort-Dauphin : le secteur touristique local (lodges, éco-resorts, guides) est très mal
servi en design. Les clients étrangers qui réservent des séjours premium attendent un niveau
visuel élevé — et ils sont prêts à payer en euros ou en dollars pour un bon designer.

Design Graphique & UX/UI — 15 — Anderson Razafimamonjy

 CHAPITRE 7

Fixer tes Tarifs et Décrocher des Projets à 1

000€+
La plus grande erreur des designers débutants est de sous-facturer. Les clients premium ne
cherchent pas le prix le plus bas — ils cherchent la personne à qui ils peuvent faire confiance. Ton
positionnement, ton portfolio et ta manière de communiquer comptent infiniment plus que ton tarif.

Grille tarifaire complète par type de projet

Prestation Débutant (Ar) Confirmé (€) Expert (€)

Logo simple 50 000 – 150 000 150 – 400€ 500 – 1500€

Identité visuelle complète 200 000 – 500 000 400 – 1200€ 1500 – 5000€

Landing page (maquette) 150 000 – 300 000 300 – 800€ 1000 – 3000€

Design app mobile (5-10 écrans) 300 000 – 600 000 600 – 1500€ 2000 – 6000€

Design system complet Non applicable 1000 – 2500€ 3000 – 10 000€

Kit réseaux sociaux 80 000 – 200 000 150 – 400€ 500 – 1200€

Les plateformes pour trouver des clients design

Plateforme Type de client Stratégie

Behance Agences, studios, start-ups Portfolio soigné + "Available for work" activé

Start-ups, SaaS, VC-backed

Dribbble Publier des shots réguliers, répondre aux offres
companies

Profil complet + premiers projets à prix réduit pour

Upwork Clients angloph. toutes tailles
avis

PME et agences
Malt Niche claire dans le profil + recommendations
francophones

LinkedIn Entreprises et décideurs B2B Poster du contenu design, contacter les fondateurs

Design Graphique & UX/UI — 16 — Anderson Razafimamonjy

 Clients internationaux vol.
Fiverr Gigs bien référencés + extras bien tarifés
haut

Design Graphique & UX/UI — 17 — Anderson Razafimamonjy

 CONCLUSION

Ton Plan d'Action sur 10 Semaines

Le design est un métier qui s'apprend en faisant, pas en lisant. Chaque semaine doit être consacrée
à la pratique autant qu'à la théorie. Voici le planning concret pour passer de zéro à ton premier projet
payant.

Le planning détaillé sur 10 semaines

Semaine Focus Livrable concret

Fondamentaux du design + Canva Reproduire 5 designs existants + créer 1 kit réseaux

S1 – S2
Pro fictif

S3 – S4 Découverte Figma + wireframes Wireframe complet d'un site 5 pages (lo-fi)

Projet fictif : logo + charte + mockups pour une

S5 – S6 Identité visuelle + logo process
marque locale

Landing page desktop + mobile complète dans

S7 Maquettes UI (mid-fi à hi-fi)
Figma

Prototypage + première étude de Prototype navigable + étude de cas rédigée pour le

S8
cas portfolio

Construction du portfolio + Portfolio en ligne sur Behance/Notion + 20

S9
prospection prospects contactés

1 devis envoyé, 1 projet signé ou en cours de

S10 Premier client + négociation
négociation

Les 5 habitudes du designer freelance qui réussit

■ Analyser les designs que tu vois chaque jour — Pourquoi ça marche ? Qu'est-ce que tu
ferais différemment ?

■ S'inspirer quotidiennement sur Dribbble et Behance — Sans copier, mais en absorbant les
tendances

■ Toujours présenter 3 options — Jamais une seule direction. Le choix donne le pouvoir au
client.

■ Documenter ton processus — Chaque projet doit devenir une étude de cas pour ton portfolio

Design Graphique & UX/UI — 18 — Anderson Razafimamonjy

 ■ Ne jamais cesser d'apprendre — Figma sort des mises à jour majeures, les tendances UI
évoluent vite

■ Le design n'est pas juste rendre les choses belles — c'est résoudre des problèmes
visuellement. Un designer qui comprend les objectifs business de son client, qui livre dans les
délais et qui communique clairement peut facturer ses projets en milliers d'euros depuis n'importe
où dans le monde. Fort-Dauphin n'est pas une limite — c'est ton avantage compétitif.

Anderson Razafimamonjy — Fort-Dauphin, Madagascar — 2026

Design Graphique & UX/UI — 19 — Anderson Razafimamonjy