Webdesigner

Travailleur indépendant installé à Grenoble depuis 1996. Je conçois et réalise des sites Internet sur mesure entièrement administrables avec WordPress et toujours encore un peu avec Spip, et réalise des animations vidéos.

Cahier des charges

Dans le cadre de la création de sites Internet, mon intervention débute lors de l’élaboration du cahier des charges, pour améliorer l’utilisabilité d’un site, réorganiser son contenu et optimiser le référencement naturel. Il m’arrive parfois de m’occuper uniquement de cette étape pour un cahier des charges rigoureux et précis qui sera produit pour un appel d’offre. Généralement, à la prise de contact on me présente un cahier des charges, et il m’arrive souvent de faire des propositions pour être plus en phase avec un site efficace.

Devis

Une fois d’accord sur les options à prendre, je propose un devis détaillé, dans lequel je propose toujours une formation à l’usage du site, et un suivi annuel désormais indispensable, je propose aussi des backups externalisés mensuels (si vous êtes chez OVH, le backup se fera chez o2switch par exemple), pour éviter de tout perdre en cas de gros problèmes.

Devis pour la création d'un site Web à Grenoble
Serveur Hébergement

Hébergement

Je peux me charger de prendre un hébergement pour mes clients, même si je préfère qu’ils soient propriétaires de leur nom de domaine. Je peux me charger aussi de vous proposer une sélection de prestataires adaptés à vos besoins et me charger des divers étapes de réglages de la base de données, des versions de php, certificats SSL pas toujours évidents à régler chez certains hébergeurs. Je peux me charger aussi de rapatrier un nom de domaine d’un hébergeur à un autre. D’associer un domaine existant vers un hébergement chez un autre hébergeur.

Webdesign

L’étape essentielle du webdesign consistera à vous apporter un graphisme contemporain et ergonomique, en adéquation avec votre image tout en intégrant les usages de l’Internet et les règles d’ergonomie web et l’optimisation SEO pour un bon référencement. J’essaye toujours de faire un design qui mettent en valeur vos projets, votre travail, mais qui ne prenne pas trop de place, la surcharge de fonds matière, de bordures, d’ombrées, d’illustrations, n’est pas forcément signe d’efficacité. Un visiteur doit avoir un accès immédiat et instantané à l’information qu’il cherche et ne pas devoir commencer par comprendre comment fonctionne le site. J’ai toujours considèré que le design d’un site Internet doit avoir une fonction,  la taille d’une marge entre deux éléments par exemple est là pour les associer ou les dissocier, une couleur peut symboliser une fonction comme un titre ou un lien cliquable.

Zoning webdesign

 

Développement

La création de sites Internet est un travail dont les outils évoluent en permanence. J’ai commencé par faire des sites en HTML 1 dans les années 90, puis est arrivé le CSS. En 1997 est arrivé Dreamweaver qui nous permettait de faire du code tout en voyant le résultat en direct, puis est sorti Flash qui a séduit beaucoup de monde par ses possibilités d’animations sonorisées interactives. Jusqu’à ce Steve Jobs annonce son incompatibilité avec les iphones suivi par d’autres. Entre temps naissait les premiers CMS, comme le français SPIP avec lequel j’ai fait quelques-unes de mes plus belles réalisations de sites Internet, ou WordPress, mais pour lequel il fallait au début choisir un thème tout fait et généralement assez restrictif ou le développer complètement. Aujourd’hui nous sommes dans la phase « constructeurs de site » comme DIVI ou Elementor que j’utilise principalement actuellement. Elementor associé aux types de publications personnalisé ou aux champs additionnels permet de concevoir des sites aux fonctionnalités avancées avec trés peu de code. Associés à des éditeurs de modules avec un peu de css, permet de pousser la programmation de façon assez avancé. Je veille toujours à faire en sorte d’intégrer des automatismes et d’avoir une interface d’administration fonctionnelle et intuitive. Depuis le début des années 2010, je réalise des sites ‘Responsive‘ avec la méthode des ‘Media Queries’, le site s’adapte au support, sa largeur se modifiera et ses éléments constitutifs pourront par exemple changer de place, voir leurs marges se modifier, être remplacés, disparaître, pour faciliter l’utilisation et le confort de lecture et de navigation. Depuis mai 2015, Google pénalise les sites n’intégrant pas cette fonction.

Évolution des outils du webdesigner, html css, Dreamweaver, Flash, Spip, WordPress, DIVI, Elementor

Les outils que j’utilise et l’année à laquelle j’ai commencé à travailler avec.

Alimentation des contenus

Mon rôle en tant que webdesigner est de faciliter la compréhension d’un texte en travaillant sa mise en page, en le ponctuant d’illustrations, de textes en exergue, de pictogrammes, comme dans la presse, pour baliser la page avec des repères de lecture. De structurer un contenu pour le rendre plus clair, plus intelligible.

Avec Gutenberg ou des constructeurs de page, il devient beaucoup plus aisé de travailler dans ce sens qu’avec l’éditeur de SPIP ou le premier éditeur de WordPress.

Alimentation des contenus pour le site de l'Ofis

Optimisation

L’optimisation consiste à réduire le temps de chargement des pages d’un site, pour rendre sa consultation plus fluide donc plus agréable pour le visiteur. Cela passe en premier lieu par le choix des outils et leurs paramétrages, utiliser des plugin de cache par exemple, la compression des images, les choix de composition graphique pour des éléments rapide à charger. En plus d’apporter une consultation plus rapide, cela permet aussi d’avoir moins de données à stocker sur les serveurs gourmands en énergie et d’optimiser aussi son référencement.

Référencement

Un des points important dans le référencement est le volume de texte et le bon positionnement des mots-clés. Je veille à mettre des textes alternatifs aux images, à mettre une description personnalisée sur les pages principales, et faire en sorte que le partage social soit maitrisé. Pour aller plus loin dans la démarches, je peux travailler avec des concepteurs et rédacteurs spécialisés dans le SEO.

Maintenance

Une fois le site mis en ligne, je propose des vidéos de formations personnalisées et commentées à  base de captures d’écrans vidéo vous montrant les principales manipulations pour mettre à  jour votre site.

Je propose également des contrats de webmastering pour les mises à jour régulières d’un site, optimiser le référencement, effectuer des sauvegardes régulières. Et faire des interventions ponctuelles sur le contenu d’un site ou l’ajout de fonctionnalités.

Il m’arrive aussi parfois de récupérer un site fait par d’autres avec WordPress ou SPIP et jamais mis à jour, parfois planté. Pour essayer de le faire fonctionner de nouveau. Dans ce cas, je commence par faire une sauvegarde générale et je fais une copie sur un de mes serveurs, et étapes par étapes, j’ai sauvé plusieurs site Internet comme ceci.


La réalisation vidéo est un pan important de mon activité, car très complémentaire avec le web et usant de principes similaires. J’organise les tournages d’interviews, plans d’illustrations, capture vidéos d’événements, mise-en-situations, jeu de comédiens, micro-trottoir… pour des démos produits, tutoriels de présentations, reportages, films institutionnels, enrichis de graphismes animés, et sonorisés. J’ai également réussi le brevet de télépilote de drone et propose mes services de prises de vues par drone.

J’interviens dans la région de Grenoble mais aussi en Savoie, Haute-Savoie, vallée du Rhône, Lyon, Paris, Languedoc-Roussillon. Il m’arrive de réaliser toutes les étapes d’un projet, mais le plus souvent je travaille en collaboration avec divers intervenants : designers, chef de projets, agence de marketing web, développeurs, rédacteurs, photographes, webmasters, graphistes 3D, musiciens…

J’interviens également en tant que formateur en webdesign, développement spip, ergonomie web, accessibilité… avec divers centres de formation grenoblois, à l’université de Grenoble et au CNRS de Grenoble en tant que formateur CMS .

Mes loisirs sont tournés essentiellement vers les arts et la création, musique que je pratique à mes heures, photo… mais aussi la plongée sous-marine, l’apiculture et les habituelles randonnées, sorties à  ski… pratiquées par tout bon grenoblois.

Ils m’ont fait confiance

19_10 Prod, 2FDN, 3alps, Acanthe Travaux, Actis, AFIS science, Agence Makheia, Agence Valcom, AIDA, Air France, Allibert, Alpes Santé Travail, Andante, Aprecial, Arturia, Arts in The Alps, Aselta, Atelier 360,  Atelier Arts Sciences, Atelier d’architecture Marie Schweitzer, l’Atelline, Atherm, Axel Marens, Barnier, Battaglino SAS, Battakarst, Béatrice Doutriaux, Beautifulscreen.tv, Bouchayer-Viallet, Brigitte Spinelli Graphiste, Calystene, Catalyzis Group, CAUE de l’Isère, CAUE Savoie, CCN2, CCN de La Rochelle, CCNG, CEA, Cellier du Sud, Centre d’Art Bastille, Centre Lazuli, Centre National de Vol à  Voile, Chambre de Commerce de Grenoble, Chambre de Commerce de Lyon, CERMAV – Centre de recherches sur les macromolécules végétales, Chapuis Royer Architectes, Charlas Électronique, Château Rouge Scène nationale Annemasse, China Sourcing Date, Chomarat, Cinéma le Méliès, CIP-Collioure, Cité République, Club Alpin Français, CNRS, Compagnie Epiderme, Compagnie Hippolyte a mal au coeur, Conseil Général de l’Isère, Coriaz, CRISP – Challenge of Research Integrity in Scientific Practices , Crozatier, De Belledonne Chocolatier, Delta Consultant, Delta Pireneus, Democrasci, Diver Inside, Domaine Clos du Caillou, Domaine Santa Duc, Durasol, eBikeLabs, Ecofitec, Editions Glénat, Editions Oui Dire, Editions Préfèrences, Éducation nationale, Electric Fil, Eliatis, Engage, Entre-prises, Erc-emc2, Eric Leprince, Eric Léturgie, Erlac, EnviroBioSoc, Eurotungsténe, EVTEC, Ex’Pression, Experimenta, Fabemi, Festival Berlioz, Festival Chemins de traverse, Festival Écran total, Festival Les Allées Chantent, Festival Les Courants d’Airs, Festival Les rencontres-I, Festival Livres à  Vous, Festival Messiaen, Festival Musilac, Fondation Nanosciences, Forum 4I, François Brottes, Futura Smart Design, Gaz Electricité de Grenoble, GDR-COnCOrD, Geneviève Fioraso Ministre, Giraudet Quenelles et soupes, GITEM, GPV, Grand Angle Voiron, Grenoble INP, Groupe Morin, Guy Delahaye Photographe, Herault Arnod Architectes, Hewlett Packard, Hexagone de Meylan, Hid’n’Seek, IBS Institut de Biologie Structurale, Imerys Toiture, Industeel, INES, INRIA, Institut Néel, International Conference on Publlic Policy, IPAG, IS2M, ISB (Integrated Structural Biology), Isabelle Claudel Graphiste, Jacques Chiron, Janis Godfrey Art Thérapie, Jean-Claude Gallotta, Kalice studio Photo, Kizuna Factory, Koné, l’Atelier Arts-Science, L’atelier Paysan, L’autre Dimension, La Bastille de Grenoble, La Fabrique Opéra, La Maison Darel, La Team Web, Label Ville, Labex Focus, Labex Gral, La ligue de l’enseignement de l’Isère, Lamberet, Lanef – Laboratoires d’Alliances Nanosciences-Energies du Futur, Laurent Delhourme Photographe, Lavau SAS, Le Fitzcarraldo, Le refuge du Goûter, Les Arts du Récit, Les CE tissent la toile, Les Chantiers Nomades, Les Détours de Babels, Les Points Cardinaux, Life Bibat, Lutin Bleu, M3D CNRS, Macary Page Architectes, Made In Design, MAF Industries, Mairie d’Anthy-sur-Léman, Mairie de Grenoble, Mairie de la Côte Saint-André, Mairie de Vacqueyras, Mairie Excenevex, Maison des Arts Thonon-Evian, Maison Messiaen, Mathieu Ranéa, Médéri Santé, Metrolab, Mille Plateaux CCN La Rochelle, Minatec Entreprises, Mistery Chris & the Magical Flowers, Mobiendo, Moov Up, Music Plus,  Musée Archéologique de Grenoble, Musée Dauphinois, Musée de Grenoble, NAD Nordic Adventure Developpement, Nano-Cat, Nano-Id, Nexus, Nicolas Buisson, Nicollet Charpentes, Ofis – Office français de l’intégrité scientifique, Olivia Grandville chorégraphe, Orianne Paret, OSUG – Observatoire des Sciences de l’Univers de Grenoble, Parc de Chartreuse, Parc du Vercors, Pasteur Mérieux Connaught, Philips, Pierre Girardier, Polinequal, Precia Molen, Presqu’île de Grenoble, Promalpa, PSB Partnership for Structural Biology, Pulsine, Radio France Isère, Régie 2C – Le Ciel + La Chaufferie, RPO – Rémi Perrier Organisation, Rocktambule, Salon du Goûter, Save Marine, Scapa, Schneider Electric, Sicd ujf-grenoble, Sinequanon’, Sinsemilia, Site Bouchayer-Viallet, Sport Aventure, Suavinex, SPS – la Société de philosophie des sciences, ST-Microelectronics, Super Regular, Swiss Indo, Swiss Wines Exporters Association, Syndigel, SynerMur, SynerSol, Tandem architectes, Teamphotonics, TéléGrenoble, Termoz Cabinet dentaire, The B-38’s, TDK, TransEnergie, Travaux Subaquatique Roussillon, Trema – tremix, Tronics Group, Universcience TV, Université Grenoble Alpes, Université Joseph Fourier, Université la Sorbonne Paris,  Venise Communication, Vision D’ailleurs, Voiron Jazz Festival, Waga Energy, World Dream Forum, YouStudio, z0Gravity.