Pas envie de lire ? Lancez l'audio pour écouter l'article !
Voiced by Amazon Polly

Retranscription  vidéo

Salut, c’est Alex. Aujourd’hui, on va voir ensemble
la version préliminaire de mon site web, donc Twaino.com. J’ai eu
l’occasion dans une précédente vidéo de vous montrer un peu le processus créatif.
Là j’ai eu l’occasion de revoir ce contenu avec marina donc ma compagne et
on a apporté quelques modifications. On a notamment aussi établi quelques règles
au niveau des polices ou des fontes pour le site web.
C’est ce que je vais vous montrer maintenant. Alors ici on est toujours
sur illustrator et donc ça me permet effectivement de faire une
projection de ce que je souhaite retrouver sur mon site web sans passer
par la case code pour le moment. L’ une des erreurs que j’ai pu faire auparavant
lorsque je créais des sites, c’est que j’avais tendance en fait à directement
sauter sur wordpress, et essayer de faire les choses directement
depuis la plateforme wordpress. Ça fonctionne,
le seul truc, c’est qu’en fait l’un des risques avec ça, c’est que vous allez
faire une sorte de va et vient sans arrêt et c’est pas forcément ce qu’il y a de
plus optimums parce que finalement par exemple la définition des couleurs, la
taille de la police, c’est autant d’éléments qui devraient être fixées
dans un premier temps et ensuite appliquer pour globalement l’ensemble de votre site.
Parfois, il peut y avoir quelques
exceptions. Bref, lorsque vous faites donc justement
ce travail de projection comme j’ai pu le faire ici, ça me permet de vraiment
voir l’ensemble de la cohérence de mon site.
Donc là par exemple, entre la vidéo que j’ai tourné la dernière fois et celle ci,
il y a eu pas mal de modifications qui ont pu être effectuée. Donc notamment alors
il y a eu une modification au niveau de la police.
La police ou le font en anglais pour pour le texte c’est un fonte alors, je
les ai noté ici. Donc le texte, ça va s’appeler donc Dosis et le pour
le titre ça va s’appeler Gudea. Alors pour choisir ça, j’ai eu alors,
mariane a eu l’occasion de se pencher sur la question
le temps d’une soirée. La seule contrainte que je lui ai mis par rapport
au choix de la police, il fallait que cette police soit disponible sur
google. Google donne à disposition certaines polices et lorsqu’elles sont
disponibles bah finalement, c’est bien plus pratique. Puisque ça veut dire
que finalement on va pouvoir le retrouver sur les différents outils,
différents supports de Google ce qui est extrêmement pratique.
Sachant que l’autre élément qui justifie un choix de police de google,
c’est le fait que typiquement mon thème dont Avada, vous voyez là si je vais sur, donc
la c’est le site, donc Twaino.com. Si je me rends sur dashboard et ensuite
que je vais sur thème option, Avada et
ensuite thème option, vous allez avoir une partie qui va s’appeler typographie.
Et en fait, cette partie typo, elle est importante, vous voyez alors j’ai pas
fait les modifications directement devant vous, je les ai faits hier avec
mariana et vous voyez typiquement ici là j’ai directement indiquer la bonne
police. Ok donc ça, c’est pour le body donc le
texte courant et il y a la même chose pour les titres ou les sous titres ok. Et
donc vous voyez typiquement ici, c’est donc Gudea. Ça c’est important de le faire
et essayer de le paramétrer rapidement, correctement parce que sinon vous
vous risquez de vous retrouver avec beaucoup de police, beaucoup de fonte
différents et finalement c’est pas vraiment cohérent. Donc c’est un changement qui
est important de faire en tout cas d’un point de vue d’un point de vue
visuel, et pour moi vous voyez des fontes, il y en a beaucoup.
Et donc, il y a des éléments qui sont
proposés par Avada et il y a d’autres qui s’appelle justement des Google web
fonts. Donc ça typiquement, c’est justement la seule contrainte que
j’ai mis au près de mariana. Donc j’ai dit voilà là, il y a des Google fonts qui sont
proposés donc par google. Si vous tapez dans Google font website vous allez
tomber sur ce site. Et donc ce site met à disposition l’ensemble des
typographies, l’ensemble des polices qui sont proposés par Google.
Donc c’est vraiment pratique, moi je vous conseille vraiment parce que si jamais
vous prenez entre guillemets une typographie ou un font qui est un peu
exotique, vous avez la possibilité sur Avada typiquement de rajouter les fichiers
adaptés. Le seul truc, c’est que parfois ça ne fonctionne pas toujours extrêmement bien.
Donc parfois ça fonctionne, dès fois il peut y avoir des bugs et donc c’est un
peu dommage. Sachant que au niveau des fontes Google, y en a quand même beaucoup.
Donc il y a quand même entre guillemets l’embarras du choix et en plus c’est
des fonts donc des typographies qui sont gratuites. Donc
voilà ça a entre guillemets tout pour plaire. Ça fonctionne partout donc c’est
vraiment optimum. Donc il y a eu des changements à ce niveau là et les
autres changements alors c’est sur différents types de couleur
effectivement sur ma version précédentes. Il y avait quelque chose qui
manquait de mon point de vue un peu de peps et de différenciation au niveau de
la lecture c’était pas forcément facile. Et donc
voilà effectivement, j’ai demandé à mariana de revoir ça. Moi de mon côté, ce
que j’ai fait aussi, c’est que j’ai rajouté alors certaines des
images n’étaient pas existantes. Et ça typiquement, c’est des choses que j’ai
créé et donc que j’ai rajouté afin effectivement de rendre le site un peu
plus attractif. Voilà donc typiquement tout ça, c’est des
choses que j’ai crée, donc des dessins que j’ai créé un par un.
Donc ce travail, donc je les fais avec mariana. Bah mariana a revu en fait ce que
j’avais effectué. Là sur cette partie là donc, j’ai simplement
suivi les pages qui vont être les pages les plus importants donc agence SEO,
service, formation blog, audit gratuit. Et j’ai créé aussi d’autres pages
sur illustrator pour vraiment voir ce que ça allait pouvoir donner.
Donc ça typiquement avec mariana on a revu que celle-ci hier. Et donc, ce soir je
vais revoir avec elle le reste parce qu’il y a des choses là typiquement,
c’est moi qui ai fait. Il y a peut-être des éléments qui nécessiterait
effectivement d’être améliorée. Donc là même principe sur les différents éléments.
Alors, il va falloir que je rajoute du texte. Même si ce n’est pas le problème le plus le
plus long et le plus problématique mais sur chaque élément, j’ai créé
effectivement des visuels originaux pour pour essayer justement de me
différencier avec mon site.
Donc voilà, ensuite effectivement, là c’est services. Donc les différents
services que je vais proposer, référencement naturel, audit précis,
rédaction web, ça typiquement, ça va être
infographie. Il y aura aussi une partie formation. Donc formation en ligne et conférences
typiquement j’ai prévu de faire ces
types de modules, avec ce type de vidéo et ce type d’information. Donc je vais
vraiment pousser vraiment cet aspect là formation. Pour moi, c’est un
élément qui me paraît important. Il y aura aussi une petite partie
conférences et enfin alors au niveau du blog, là pour le moment, c’est vraiment
anecdotique aussi. Mais je pense structurer de cette manière là. Donc à
savoir, le fait d’avoir ici,
un bandeau effectivement où on pourra naviguer beaucoup plus facilement.
Donc peut-être que ça sera amené à évoluer mais je pense que ça va
ressembler à quelque chose comme ça.
Là typiquement, il faudrait que je rajoute aussi une sorte de fil d’ariane
qui permet justement de faciliter la navigation. Et globalement voilà, je
pense que ça va être structuré de cette façon là au niveau du blog. Et ensuite,
et enfin, la partie audit gratuit. Donc ce sera un formulaire de contact.
Cette partie là globalement, il va falloir que je le travail un peu pour
ajouter un texte plus précisément sur l’audit.
Donc voilà, donc cette partie là, ça commence à prendre vraiment forme là
maintenant. Je commence à avoir un peu plus en tête vers quoi je veux que le
site tende. Donc je pense que là même cette première page de homepage
ou page d’accueil, elle me paraît vraiment pas mal. Donc je vais
commencer en fait à intégrer tout ça lors de la prochaine vidéo.
Donc voilà, j’espère que cette vidéo elle vous aura
plu, elle vous aura intéressé. Bien évidemment lorsqu’on projette de faire
un site web, il y a vraiment deux possibilités. Soit
vous lancez un peu à corps perdu dans la création du site, soit essayez de prendre
un pas de recul pour essayer de projeter vraiment ce que vous voulez faire sur
votre site web, l’image que vous voulez dégager. La
première méthode, elle semble être beaucoup plus rapide mais en fait dans
la réalité, le fait de prendre un pas de recul,
c’est beaucoup plus puissants parce que justement ça vous permet d’avoir une
vision beaucoup plus globale, beaucoup plus importante.
Et finalement, vous perdez un peu plus de temps dans un premier temps mais je peux
vous assurer que ensuite, vous allez en gagner énormément.
Donc c’est pour ça que c’est la manière, la méthodologie que je vous ai
présenté dans cette vidéo. Allez à bientôt pour la suite !