préambule
Enchanté, je m’appelle Louis Pons ! Je suis actuellement en deuxième année dans la filière Création et Digital Design. L’année prochaine, je vais me spécialiser en webdesign en alternance. Comme vous l’avez peut-être vu dans mon portfolio, cela fait maintenant deux ans que je travaille en freelance en parallèle de mes études pour créer des sites internet. J’ai donc déjà une expérience en webdesign et en développement web. C’est pourquoi j’ai recherché un stage davantage orienté vers la communication afin d’acquérir de nouvelles compétences.
Stage
Depuis quelque temps, je collabore avec Mr. Barsotti, qui est lui aussi auto-entrepreneur, mais dans le domaine de la communication pure ! Nous nous sommes donc mis d’accord pour que je l’assiste sur la partie création de sites internet, tout en profitant de cette opportunité pour qu’il m’apprenne différents aspects de la communication.
L'entreprise
Je vous ai déjà présenté Arthur Barsotti, je vais maintenant vous présenter son entreprise !Mr. Barsotti est auto-entrepreneur et accompagne des entreprises et institutions comme la Fédération Patronale de la Gérance Mandat. Ses tâches sont variées : il reçoit des demandes pour la rédaction d’articles ou de newsletters, la création de sites internet, ou encore pour des stratégies de communication.Pour être totalement transparent, je ne pourrai pas toujours illustrer mes propos avec des images des dossiers en cours, car certains sont confidentiels jusqu’à l’aboutissement des projets, qui peuvent durer plusieurs mois.
SEO
Un autre point essentiel de la stratégie digitale que j’ai découvert est le référencement naturel (SEO). M. Barsotti m’a montré comment optimiser un site internet pour qu’il soit mieux référencé sur les moteurs de recherche. Cela inclut l’utilisation de mots-clés pertinents, l’optimisation des balises et des titres, et la structuration du contenu pour améliorer la lisibilité et l’indexation par les moteurs de recherche. J’ai également appris à utiliser des outils d’analyse pour suivre les performances des sites et ajuster la stratégie en fonction des résultats.
Réseaux
Bien que la majeure partie de mon stage ait été axée sur la création de sites web, j’ai également eu l’occasion d’acquérir des notions sur la gestion des réseaux sociaux. J’ai découvert comment une présence cohérente et régulière sur les réseaux peut renforcer la notoriété d’une marque et engager une communauté. M. Barsotti m’a expliqué comment élaborer un calendrier éditorial pour publier des contenus au bon moment, en fonction des habitudes et des attentes des utilisateurs.
Nom 4
This is some text inside of a div block.This is some text inside of a div block.This is some text inside of a div block.This is some text inside of a div block.This is some text inside of a div block.This is some text inside of a div block.This is some text inside of a div block.This is some text inside of a div block.This is some text inside of a div block.This is some text inside of a div block.This is some text inside of a div block.This is some text inside of a div block.This is some text inside of a div block.This is some text inside of a div block.This is some text inside of a div block.
Le stagiare (moi)
Mon maître de stage, Mr. Barsotti
i - Le wireframe
Une fois que les besoins du client sont bien compris, nous commençons par concevoir un wireframe. Le wireframe, ou zoning, est une étape primordiale car elle permet de déterminer “grossièrement” l’emplacement de tous les éléments d’une page grâce à des formes simples. Par exemple, la navbar (barre de navigation), les titres, les textes, les images et les boutons. Cela permet de se concentrer sur l’essentiel de la tâche : le parcours utilisateur.Pour cette étape, nous utilisons le logiciel Figma qui permet à plusieurs utilisateurs de collaborer en temps réel. Ce logiciel présente plusieurs avantages par rapport à ses concurrents, notamment son prix, puisqu’il est gratuit, et sa grande flexibilité. Avec Figma, on ne se sent jamais limité dans ce qu’on peut faire.
II - La maquette
Une fois le wireframe terminé, place à la maquette ! Toujours avec Figma, nous passons à l’étape de design en remplaçant les éléments abstraits du wireframe par des éléments concrets, tels que des images et des textes. Vous pouvez voir ci-contre que tout devient plus esthétique et détaillé.
III - Donner vie au site !
La maquette est terminée, il est temps de donner vie au site ! Pour cela, nous devons maintenant passer à la phase de développement. Il existe plusieurs méthodes différentes pour cela. Nous pouvons coder le site avec des langages de programmation comme le HTML pour la structure, le CSS pour le style ou le JavaScript pour l’interactivité et les animations. Il est également possible d’utiliser des logiciels comme WordPress ou Webflow pour développer sans coder. Ces outils, basés sur du HTML, du CSS et du JavaScript, simplifient le processus grâce à un système de “glisser-déposer” qui permet de placer les éléments visuels à l’endroit souhaité.Dans ce projet, nous avons utilisé WordPress car ce logiciel est open-source et permet aux développeurs d’ajouter leurs propres extensions, ce qui augmente considérablement les possibilités. Par exemple, il existe des extensions pour améliorer le référencement et la visibilité en ligne. Il y a même des extensions de prise de commande avec des automatisations pour la facturation, l’expédition, etc. En somme, c’est un outil qui peut héberger un écosystème complet.
Et voilà ! Le site est maintenant en ligne et visible sur internet, prêt à toucher de nouveaux clients potentiels.
Et voilà ! Le site est maintenant en ligne et visible sur internet, prêt à toucher de nouveaux clients potentiels.
