Le Guide Bien Debuter en Webdesign

Télécharger au format pdf ou txt
Télécharger au format pdf ou txt
Vous êtes sur la page 1sur 15

LE GUIDE

Bien débuter
en webdesign

UIRemi
Remi
L’odyssée du Tout le monde peut prétendre
à devenir webdesigner, j’en
webdesigner suis convaincu et persuadé.
Mais cela demande du temps
et de l’investissement. C’est
une véritable odyssée qui
s’ouvre à vous.

Passer de débutant à
professionnel est simple,
pourvu que vous vous y
entraîniez ! Le web est en
constante évolution, et il faut
être prêt à s’ouvrir à de
nouvelles innovations
quasiment tous les jours.
Comment ?
Il faut donc se tenir prêt à
apprendre, et utiliser de
nouveaux outils, et être
constamment prêt au
changement.

Découvrons ensemble les


différentes étapes qui feront
de vous un webdesigner
professionnel.

UI Remi
Niveau 1
Débutant
Vous avez une idée, d’un site, et vous pouvez
utiliser une template pour donner vie à votre
idée !

Vous avez besoin :

Des connaissances sur la plateforme utilisée

Des images de qualités

Des icônes qui vont ensemble

Vous pouvez déjà charger des projets entre


300 et 700€. Cela peut passer par des amis
d’amis, des collègues etc...

Si c’est dans votre entourage proche, n’hésitez


pas à prendre le projet à moindre coût pour
vous faire une première expérience !

UIRemi
Remi
Niveau 2
SEMI-PRO
Commencez à créer une réel stratégie avec
votre client, et construisez le site de A à Z avec
Figma et donnez lui vie. Vous pouvez créer un
site de quelques pages en travaillant avec une
palette de couleur et des typo prédéfinies.

Vous avez besoin :

De comprendre la stratégie du client

Les principes du design

Les logiciels de créations

Vous pouvez commencer à charger entre 700


et 1500€ par site.

Vous trouverez ce travail en travaillant votre


réseau :

Networking, réseaux sociaux...

UI Remi
Niveau 3
ProfessionneL
Vous pouvez créer une structure avec un niveau de complexité,
rajouter des animations sur la page et prendre en charge des
projets plus ambitieux :

utilisation du CMS, création d’un e-commerce. Jonglez avec les


informations tout en déployant une bonne stratégie de marque

Vous avez besoin :

De comprendre le projet dans la globalité et visionner la


structure du site en l’associant avec la stratégie

Maitrîser les animations, le CMS ou l’utilisation de logiciel de e-


commerce

D’être agile sur les demandes clients en terme de fonctionnalité


et d’utiliser des solutions complexes pour résoudre un problème.

Les projets ambitieux vont vous permettre de charger entre 1500


et 4 000€ (voir au delà) par site. Vous allez aussi travailler en
équipe et la communication avec le client et votre équipe sera
primordiale.

UIRemi
Remi
Si vous lisez ce guide, je suppose que vous êtes dans le début

de votre carrière de webdesigner. Même si vous ne l’êtes pas, il y

a toujours des nouvelles choses à apprendre :

Logiciel, principe de design, règles d’intégration, bibliothèques

de ressources etc...

Je vais vous donner des ressources pour que vous puissiez créer

vos premiers sites et que vous fassiez vos premiers pas dans le

design.

UI Remi
Choisir un
builder de site
Quel builder choisir ?
Il existe de multiples builder pour les
nouveaux designers, avec des
templates pré-construites, et chaque
builder à ses spécificités.

Regardons ensemble les avantages


et les inconvénients de chaque
logiciel !

SQUARESPACE

Si vous connaissez Wix, il s’agit d’un


Wix en moderne et en beaucoup
mieux. Le logiciel est très flexible et
offre beaucoup de services en plus
que le site (prise de RDV, e-
commerce). Il est parfait pour une
première base.

Avantages :

Les templates proposées sont d’une


très bonne qualité, la customisation
des couleurs et des typo est simple

Inconvénients :

La personnalisation est limitée à


certains endroits en fonction de la
template.

L’offre d’essai est courte, il faudra


passer à la caisse, mais le coût est
relativement faible.

UI Remi
FRAMER

Framer est un des builders les plus


récents. Il est puissant car il permet
de créer une maquette comme son
site directement.

Avantages :

Framer est très rapide pour monter


son site avec des templates de
qualité. Il intègre aussi une IA pour
améliorer son site.

Inconvénients :

Framer est assez limité en termes de


fonctionnalité, et n’offre pas un
éventail d’offre autre que la création
de site et le CMS.

UI Remi
WEBFLOW

Webflow est l’outil le plus puissant sur le marché.


Présent depuis 2015, il est l’outil favoris des designers
intégrateurs. Adepte des pixels perfects, il saura
vous satisfaire si vous êtes exigeants en terme
d’intégration.

Avantages :

L’outil le plus efficace en termes de création, de


nombreuses possibilités, une très grande communauté,
avec des templates ou des blocs pour aller plus vite.

Inconvénients :

La courbe d’apprentissage du logiciel est très élevés. Il


faudra s’investir pour créer quelque chose de correcte
la première fois. Les prix sont assez élevés par rapport à
la concurrence.

UI Remi
dES RESSOURCES
POUR DES PHOTOS
En tant que webdesigner, vous n’aurez pas accès à des photos
de qualité, sauf si votre client vous fournit des photos maison,
mais c’est assez rare...

Que faire ?

À moins d’engager un photographe, vous pouvez utiliser des


librairies de photos payantes qui sont de qualités...

MAIS il existe des sites proposants des photos de qualités HD,


gratuites que je vais vous partager dans cet ebook !

UI Remi
GRATUITS
Unsplash

Ma bibliothèque favorite. Beaucoup de photos de très bonnes


qualités.

Pixabay

Un mix de photos et d’illustrations graphiques.

Pexels

Je l’adore, le site propose des images gratuites, mais aussi des


vidéos ! Idéal pour donner du cachet à un site.

Payants
Shutterstock

Sûrement la bibliothèque d’image payante la plus connu. Il y a


des vidéos, mais aussi des templates, de la musique et des
effets sonores.

Stocksy

Si vous avez une âme artistique, celui-ci devrez vous plaire. Il y a


une vrai direction artistique pour les photos.
Canva

Une très grosse bibliothèque incorporé au logiciel, d’illustration,


photos et aussi de vecteur en 3D.

UI Remi
dES
RESSOURCES
POUR DES
illustrations
Les webdesigners ne sont pas des dessinateurs. Il est
donc compliqué pour vous de faire à la fois un site, et
des illustrations pour un site. Fort heureusement, il
existe des multiples sites pour trouver des
illustrations, au format PNG ou SVG !

Iconscout

Undraw

Gratuits pour certains éléments, je L’un des plus célèbres pour les
recommande cependant la illustrations avec des
formule payante pour des personnages.
illustrations très qualitatives !

Freepik

Canva

Un des plus connus, assez décrié, La formule gratuite octroie des


il fait largement le travail si vous illustrations de qualité, il vaut le
prenez le temps de chercher. coup de faire un tour dessus.

UI Remi
dES
RESSOURCES
Les icônes sont une part
essentielle d’un site web. Il

POUR DES
reflète le style graphique et
guide le visiteur. Une image
vaut mille mots, une icône
icônes vaut mille illustrations !

IconFinder

6 millions d’icônes disponibles.

The Noun Project

Google Material icon

Des icônes qui ont du style. Une de mes bibliothèques


préférés !

Flaticon

Une bonne offre gratuite pour


commencer.

UI Remi
s’inspirer des sites
web
Certains clients vont vous fournir un brief détaillé, et parfois
vous n’aurez rien. Il sera donc important de trouver de
l’inspiration pour votre site web.

Trouvez l’étincelle qu’il vous manque dans la création en vous


inspirant de créations de site web.

Awwwards

Dribbble

Behance

Lapa Ninja

Godly Website

UIRemi
Remi
LA SUITE DE VOTRE
AVENTURE...
Il est temps de se lancer !
Merci d’avoir lu jusqu’au bout !

Si vous êtes arrivé là, c’est que vous voulez (re)commencer


votre carrière du bon pied ! Et ça, peu de gens sont aussi
motivés que vous à le faire. C’est le meilleur moment pour
apprendre.

Si vous le souhaitez, il existe des formations complètes sur mon


site : school.uiremi.com

Saisissez le code “EBOOK” pour bénéficiez d’une remise sur mes


formations pour BIEN COMMENCER votre carrière de
webdesigner.
À votre succès !

UI Remi

Vous aimerez peut-être aussi