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 !