Figma
Je vous présente ici mon studio web et mon activité de développement informatique à Toulouse. Je vous détaille également les étapes de mon accompagnement et les outils utilisés pour faciliter nos échanges et la réussite de votre projet.
Développeur informatique depuis 2017, j'ai rencontré en Agence Jérémy ainsi que d'autres professionnels compétents avec qui je travaille aujourd'hui pour vous proposer une expertise dans des domaines complémentaires au mien :
Passionné par mon métier, je souhaite offrir à mes clients un service de qualité. Un site web pour moi c'est avant tout :
Une question sur la faisabilité de votre projet ?
Vous souhaitez connaitre mes délais ?
Figma
HTML5
JS
PHP
wordpress
sketch
CSS3
jquery
PHP objet
drupal
illustrator
scss
vue JS
mySQL
photoshop
twig
Drush
Git
Composer
PhpStorm
Créer un site web demande de multiples échanges à chaque étape, du design à la réalisation technique du site : retours clients, modifications, validations et recettage final.
J'ai pour cela des outils qui permettent une efficacité dans la prise de décision et une conservation des échanges.
Voici les étapes de réalisation d'un site web du premier rendez-vous à la mise en ligne. Je détaille pour chacune les briefings, les objectifs et le déroulement.
Notre premier rendez-vous me permet de comprendre votre besoin et de vous proposer une solution qui correspond aux contraintes de votre projet.
Si votre projet reste à préciser, je peux vous fournir une aide à la rédaction du cahier des charges ou une prestation de "pré-projet" si celui-ci est conséquent.
La proposition commerciale contient votre cahier des charges, un devis détaillé ainsi qu'un planning de production.
Les étapes ci-dessous décrivent la création d'un site sur-mesure. L'accompagnement et les prestations énoncées varient sensiblement selon le type de site demandé : création sur-mesure, modification d'un template WordPress etc.
La conception est une étape fondamentale y compris pour le SEO.
Il s'agit d'organiser l'ensemble des contenus du site de manière cohérente et ergonomique (expérience utilisateur).
Un briefing "site et conception" nous permet de définir avec vous une arborescence, un type de menu et une schématisation du contenu de chaque page.
L'identité visuelle c'est la conception de l'image de votre société, un briefing pour recueillir vos demandes lui est dédiée.
Une recherche d'idées et de concepts adaptés à votre entreprise vous aident à choisir le style général du site, le type d'illustration, la palette de couleur ainsi que les typographies ou des effets spécifiques. Une planche d'inspiration vous sera proposée sur Invision pour sélectionner des propositions et les affiner par la suite.
La conception du logo et de l'identité visuelle sont indissociables. Selon ce qui a été choisi en début de projet, plusieurs propositions de logo vous seront faites ainsi qu'un affinage selon vos retours.
Un briefing "zoning et maquette" permet de voir avec vous dans un premier temps la structuration (ou zoning) de chaque page.
Il s'agit de définir chaque grande section et sa fonction (texte, call to action, image ...).
Selon ce qui a été convenu, des propositions de zoning vous seront faites pour 2 pages importantes du site (page d'accueil et une autre page) suivi d'un affinage.
La maquettage, étape finale du design du site, est réalisée à partir des zonings en lui appliquant l'identité visuelle choisie.
Des propositions de maquettes vous seront faites pour 2 pages du site, suivi là aussi d'un affinage selon vos retours.
Je vous guide tout d'abord dans la sélection et l'achat d'un nom de domaine et d'un serveur de production adapté au projet.
Pour un site sur-mesure, j'installe ensuite le CMS, je crée les fichiers systèmes (menus, sidebars ...) et connecte les dépendances (CSS, JS, Typographies etc.).
Le site en local (environnement de développement) est mis en ligne pour que vous puissiez voir et recetter les pages terminées en local. A ce stade, le site en ligne (environnement de production) est protégé par mot de passe pour la confidentialité. Il n'est pas indexable.
Chaque page type du site est ensuite intégrée en plusieurs étapes selon la maquette correspondante : mesures de la maquette, taille et compression des assets (images), création du template HTML de la page sur-mesure, création des champs (pour un contenu éditable), création du SCSS sur-mesure et responsive (smartphone < 640px ; tablette < 1024px ; écran > 1024px ; breakpoints intermédiaires).
La compatibilité inter navigateurs est incluse par défaut comme le responsive dans ma prestation de base et couvre les principaux navigateurs (Edge, Firefox, Chrome, Safari, IOS, Android).
Je propose via le développement d'un site WordPress un large choix de fonctionnalités qui couvrent généralement les besoins d'un site vitrine même complexe : multilingue, newsletter, blog, chabot, diverses intégration CRM, formulaire simple ou complexe, Google Maps, création de popup, système de réservation en ligne, forum, avis client, faq, moteur de recherche avec filtres etc.
Je propose également le CMS Drupal pour la création de fonctionnalités sur mesure ou lorsque la gestion de contenu est partagée entre les utilisateurs avec un volume de données conséquent : portails associatif, intranet etc.
Une fois que l'intégration web et le développement des fonctionnalités sont terminés, je vous propose un recettage de l'ensemble du site.
Les dernières étapes de la mise en ligne sont la mise en place d'une sécurité, d'un système de cache et le passage du site en HTTPS.
A ce stade si le SEO a déjà été réalisé le site est prêt à être mis en ligne, c'est à dire accessible au public y compris au moteur de recherche pour indexation.
La mise en place d'un SEO commence par un audit : une étude de concurrence et la conception d'une stratégie globale (SEO, SMO, SEA). Dans le cadre d'une refonte, une étude du site actuel sera également réalisée (Vitesse, Structure URL ect.).
Dans le cas d'une création de site, ce travail est réalisé dès la phase de conception.
Je propose ensuite selon les résultats de l'audit : des optimisations techniques (structure url du site, vitesse de chargement, arborescence, structure HTML5), la recherche et l'application de mots clés (Adwords, Answer The Public), la conception d'un parcours client et son suivi via des outils de reportings (Semrush, Cocolyse ...) ou une stratégie de marketing digital plus globale.