
<p class="is-style-lead">Retour sur notre journée de conférence à l&rsquo;<a href="https://www.agilesuisse.ch/agile-tour-2021-online">AgileTour 2021 à Lausanne</a> (mais en fait sur Zoom) organisée par <a href="https://www.agilesuisse.ch/">Agile Suisse</a>. Toute notre équipe de gestion de projet a eu la chance de participer à cet événement.</p>



<h2><strong>Variété des thèmes du programme</strong></h2>



<p>Avec une keynote puis 3 tracks avec 5 à 7 interventions par track, il y avait du choix ! Nous avons donc essayé de nous répartir sur les thèmes qui nous intéressaient le plus, afin de pouvoir tirer un maximum de cette journée en tant qu’équipe de <a href="https://antistatique.net/equipe">Project manager</a>. De l’approche plus globale, à la transformation vers l’agilité, en passant par des retours sur expérience, des ateliers participatifs très divers ou encore des focus sur des aspects bien précis du quotidien agile (comme les rétrospectives ou les estimations) et même un partage de ressources (livres, newsletters, podcasts…), il y en a eu pour tous les goûts !</p>



<figure class="wp-block-image size-large is-style-full-width"><img loading="lazy" width="2007" height="1078" src="https://content.antistatique.net/app/uploads/2021/06/mural_agil_tour.png" alt="Print screen de mural, l'application utilisée lors de la conférence pour regrouper les connaissances et accéder au programme." class="wp-image-6517" srcset="https://content.antistatique.net/app/uploads/2021/06/mural_agil_tour.png 2007w, https://content.antistatique.net/app/uploads/2021/06/mural_agil_tour-300x161.png 300w, https://content.antistatique.net/app/uploads/2021/06/mural_agil_tour-768x413.png 768w, https://content.antistatique.net/app/uploads/2021/06/mural_agil_tour-1536x825.png 1536w" sizes="(max-width: 2007px) 100vw, 2007px" /></figure>



<p></p>



<h2><strong>Ateliers participatifs</strong></h2>



<p>Plusieurs workshops ont été organisés permettant de mettre en commun les retours de différents métiers avec les mêmes problématiques. Cet échange permet d’avoir une quantité d’idées neuves sur des nouvelles méthodes à mettre en place. Un atelier <a href="https://en.wikipedia.org/wiki/Serious_game">Serious Game</a> mettant en pratique le framework <a href="https://en.wikipedia.org/wiki/Scaled_agile_framework">SAFe</a> nous a permis d’expérimenter la planification d’un projet de grande envergure (la construction de Lausanne plage). Très bonne expérience de communication et de gestion des contraintes à plusieurs équipes.&nbsp;</p>



<h2><strong>L&rsquo;agilité au delà du développement logiciel</strong></h2>



<p>Pour avoir participé à<a href="https://antistatique.net/blog/agile-tour-2012-a-lausanne-ce-vendredi"> plusieurs AgileTours</a>, nous constatons un changement de public. En effet, la conférence attire moins de développeurs et plus de professionnels d’horizons mixtes.&nbsp;</p>



<p>L’agilité est perçue comme un “label” pour expliquer une nouvelle manière d’approcher le travail et les décisions. L’objectif du <a href="https://agilemanifesto.org/">manifest Agile</a> est de redonner le pouvoir aux équipes et donner plus de sens au travail accompli. Nous avons discuté de l’agilité hors développement logiciel. Pour une transformation complète de l’entreprise.&nbsp;</p>



<figure class="wp-block-image size-large is-style-large"><img loading="lazy" width="762" height="537" src="https://content.antistatique.net/app/uploads/2021/06/rh_agilite.png" alt="Luisa Colombo - InsideOut - Les RH pour l'Agilité - les blocs et outils pour une mise en place" class="wp-image-6515" srcset="https://content.antistatique.net/app/uploads/2021/06/rh_agilite.png 762w, https://content.antistatique.net/app/uploads/2021/06/rh_agilite-300x211.png 300w" sizes="(max-width: 762px) 100vw, 762px" /></figure>



<p>Des conférences sur l’agilité en entreprise, notamment pour de très grandes structures, sont très loin de la réalité de notre agence. Nous avons, en effet, une approche plus centrée sur les personnes dans la gestion d’Antistatique. Les stratégies sont discutées, les projets sont votés et la cohésion nous permet cette agilité naturelle des petites structures.</p>



<h2><strong>Dommage que la conférence ne dure qu’un seul jour</strong></h2>



<p>Chaque conférence/workshop nous a semblé beaucoup trop courts. Difficile donc d&rsquo;approfondir un sujet qui nous tenait à cœur et il y en avait !</p>



<p>Workshop participatif ou encore conférences à thématique agile, il nous aurait fallu plus de temps pour appréhender ces nouvelles approches. Nous repartons cependant avec beaucoup d’éléments et de bagage pour la suite … to be continued !</p>



<h2>Merci aux organisateurs-trices pour cette belle édition et vivement la prochaine !</h2>


AgileTour 2021 – Lausanne


<p>Septembre 2020 &#8211; nous recevons un appel d&rsquo;offres de qualité en provenance d’<strong>un office de tourisme. </strong>Durant cette période difficile, ce nouveau challenge est accueilli avec une joie certaine par l’équipe.</p>



<p>En effet notre agence bénéficie de réels atouts dans le domaine de la promotion du territoire helvétique dès lors que nous avons eu l’opportunité de dernières années de collaborer sur divers projets avec notamment Vaud tourisme, Présence Suisse ou encore l’office des Vins Vaudois.</p>



<p>L’appel d’offre mentionné est accompagné d’un excellent cahier des charges divisé en 12 chapitres qui nous inspire confiance. Nous voilà donc prêt et motivé à tenter notre chance dans cette nouvelle aventure :</p>



<ul><li>Envoi des questions* pour une meilleure compréhension du cahier des charges</li><li>Échanges d’une vingtaine d’e-mails avec le client potentiel afin d’affiner notre proposition</li><li>Production de notre dossier d’offre: stratégie, conception, design, développement <strong>(totalité du dossier et des livrables</strong> réalisé au sein de l’agence par les employés Antistatique)</li><li>Préparation de la défense</li></ul>



<p>Les informations du cahier des charges étant étonnamment très précises, nous prenons la liberté de questionner le prospect sur ce point :</p>



<p><strong>*“ Un grand merci pour votre cahier de charges (sous Notion) et pour la qualité de ce dernier, pourrions-nous savoir qui est la personne l’ayant produit ?”</strong><br>A cette question, le client potentiel nous répond qu’il s’agit d’un «&nbsp;consultant&nbsp;»</p>



<p>Octobre 2020 &#8211; après 1 mois de travail (environ 150 heures de travail) nous voilà prêt à soutenir notre dossier lors de la défense. Nous sortons de cet échange confiant et satisfait du travail réalisé. Toutefois, face à la liste des confrères participant à ce même concours, nous savons que le résultat sera serré et qu’il sera difficile de remporter ce projet.</p>



<p>Décembre 2020 &#8211; un rendez-vous téléphonique est agendé avec le client potentiel afin de connaître le résultat de l’appel d&rsquo;offre. Nous apprenons que nous ne sommes pas les heureux élus. Très habitués de ce processus, nous savons que cela fait partie du métier<br><br>Toutefois, à la fin d’un second <em>conf-call</em> durant lequel le prospect a la gentillesse de nous faire un retour sur notre projet, nous apprenons que l’agence ayant remporté le mandat est la même agence qui a créé l’excellent cahier des charges de l’appel d’offre. Stupéfaction, surprise, déception…</p>



<p>Certes, nous ne sommes pas dans un cadre de mise au concours publique et nous avons toujours encouragé la liberté de marché, mais ces deux paradigmes ne devraient pas nous empêcher de rester fair-play.&nbsp;</p>



<p>A notre sens, dans le cadre d’un appel d’offres, toutes les parties doivent agir selon les règles de la bonne foi. Ainsi, par souci de transparence dans cette étape de négociations, il est impératif de communiquer toutes les conditions dans lesquelles se déroule un appel d’offre ainsi que tous les éléments pertinents pouvant avoir un impact conséquent sur l’issue du processus. <br><br><strong>Nous rappelons qu’à aucun moment nous remettons en question le choix de ne pas être retenu</strong>.</p>



<p>Il paraît évident que si Antistatique est mandatée pour rédiger un cahier des charges, un appel d’offre ou un pitch, l’agence ne tentera pas de remporter ce même projet. Cette attitude permet d’éviter les doubles rôles qui sont rarement bénéfiques dans le monde professionnel.&nbsp;<br>Nous espérons que ces quelques lignes pourront encourager une meilleure collaboration et entente dans notre profession.</p>



<p>A tous nos confrères nous vous souhaitons le meilleur en cette année remplie de challenges.</p>



<p><a href="https://antistatique.net/equipe/alberto" data-type="URL" data-id="https://antistatique.net/equipe/alberto">Alberto</a>, <a href="https://antistatique.net/equipe/marc" data-type="URL" data-id="https://antistatique.net/equipe/marc">Marc</a>, <a href="https://antistatique.net/equipe/guillaume" data-type="URL" data-id="https://antistatique.net/equipe/guillaume">Guillaume</a> &amp; <a href="https://antistatique.net/equipe/gilles" data-type="URL" data-id="https://antistatique.net/equipe/gilles">Gilles.</a></p>



<p>ps: Marc a profité de créer un article de blog intitulé: “<a href="https://antistatique.net/blog/comment-bien-pitcher-une-agence-web-pour-la-refonte-de-son-site-internet"> Comment bien pitcher une agence web pour la refonte de son site Internet </a>“ afin de donner quelques conseils à nos futurs (potentiels) clients.</p>



<p>ps: Le prospect et l’agence (ayant remporté le mandat &amp; conçu le cahier des charges) ont été informés de notre démarche en amont de sa publication</p>


Concurrence peu loyale


<figure class="wp-block-image size-large is-style-large"><img loading="lazy" width="2600" height="1734" src="https://content.antistatique.net/app/uploads/2021/05/strategy_antistatique-2600x1734.png" alt="Antistatique agence web Lausanne Genève. Stratégie digitale. Marketing Digital." class="wp-image-6333" srcset="https://content.antistatique.net/app/uploads/2021/05/strategy_antistatique-2600x1734.png 2600w, https://content.antistatique.net/app/uploads/2021/05/strategy_antistatique-300x200.png 300w, https://content.antistatique.net/app/uploads/2021/05/strategy_antistatique-768x512.png 768w, https://content.antistatique.net/app/uploads/2021/05/strategy_antistatique-1536x1024.png 1536w, https://content.antistatique.net/app/uploads/2021/05/strategy_antistatique-2048x1366.png 2048w" sizes="(max-width: 2600px) 100vw, 2600px" /></figure>



<p>Il était important pour nous, de mettre un peu de lumière sur l’un des métiers phares chez Antistatique : le <strong>spécialiste en stratégie digitale</strong>. Et quoi de plus concret que d’expliquer un exercice essentiel lors du lancement d’une campagne digitale : la réalisation du <strong>plan média</strong>.</p>



<p>Cet article sert réellement d’introduction à ce métier du digital, mais d’autres suivront afin d’aborder un maximum de sujets propres à l’<strong>Achat média</strong> et aux <strong>campagnes digitales</strong> (les concepts de campagnes les plus créatifs, les tendances du marché, les bonnes pratiques pour lancer une campagne digitale performante,…).</p>



<h2>Un plan média, c’est quoi ?</h2>



<p>Un<strong> plan média </strong>est un document souvent représenté sous le format d’un tableau excel. Il permet d’estimer en fonction des dépenses publicitaires par leviers, quels résultats la campagne pourrait atteindre. Il donne ainsi une précision (chiffrée) sur <strong>l’impact que notre campagne publicitaire pourrait atteindre</strong>. Ces chiffres sont donc des estimations, faites grâce à l’historique (de data) d’anciennes campagnes publicitaires lancées dans le même secteur.&nbsp;</p>



<p>Il est important de préciser qu’un plan média ne peut pas se réaliser sans avoir <strong>établi et défini une stratégie achat média au préalable</strong>.</p>


<div style="display: flex; flex-direction: row;">
    <div style="flex-basis: 8%;"></div>
    <div style="flex-basis: 20%; margin-right: 30px">
        <p style="font-size: 15px; color: #808098; text-align: right;">La stratégie achat média est d’ailleurs pensée par un Spécialiste en stratégie digitale, le plan média est, quant à lui, réalisé par un Spécialiste en achat média online, aussi appelé Media trader.</p>
    </div>
    <div style="flex-basis: 40%;">
        <p style="font-size: 21px;"><p>En effet, nous allons voir qu’il n’est qu’une partie infime de la <strong>stratégie achat média. </strong>Son rôle principal étant de mettre en lumière la performance de chacun des leviers identifiés lors de la stratégie et répartir le <strong>budget achat média</strong> attribué pour la campagne.</p>
</p>
    </div>
</div>



<p>Ci-dessous <strong>les 4 étapes phares</strong> que l’on retrouve dans une stratégie d’achat média :</p>



<ol><li>Définition du/des objectifs de la campagne : objectif de <strong>notoriété</strong> ou <strong>d’acquisition</strong>.</li><li>Définition des marchés et publics cibles.</li><li>Définition des leviers (plateformes digitales) à activer.</li><li>Définition du <strong>budget achat média</strong> et réalisation du plan média pour répartir ce budget par levier, marché, et voir le potentiel (<strong>reach</strong>) de la campagne.</li></ol>



<p>Ce que l’on peut voir c’est que le <strong>plan média</strong> est la dernière étape pour ficeler une stratégie d’achat média. C’est à partir des infos (budgets, leviers et ciblages) que le plan média peut être réalisé.</p>



<h2>Mais concrètement, ça ressemble à quoi un plan média ?</h2>



<p>Voici un exemple type de plan média:&nbsp;</p>



<figure class="wp-block-image size-large is-style-full-width"><img loading="lazy" width="2600" height="1160" src="https://content.antistatique.net/app/uploads/2021/05/planmedia_exemple-2600x1160.png" alt="Plan Media. Strategie Achat Media. Stratégie Digitale,  Marketing digital.
Stratégie média et acquisition
" class="wp-image-6324" srcset="https://content.antistatique.net/app/uploads/2021/05/planmedia_exemple-2600x1160.png 2600w, https://content.antistatique.net/app/uploads/2021/05/planmedia_exemple-300x134.png 300w, https://content.antistatique.net/app/uploads/2021/05/planmedia_exemple-768x343.png 768w, https://content.antistatique.net/app/uploads/2021/05/planmedia_exemple-1536x685.png 1536w, https://content.antistatique.net/app/uploads/2021/05/planmedia_exemple-2048x914.png 2048w" sizes="(max-width: 2600px) 100vw, 2600px" /></figure>



<p>Ci-dessous l’explication de chaque élément que l’on retrouve dans de ce tableau :</p>



<ul><li><strong>Budget Media : </strong>le budget est réparti et alloué par leviers et par marché.</li><li><strong>Marché</strong> : définir la localisation des cibles à targeter : Pays, Région ou Villes.</li><li><strong>Langue</strong> : définir la langue « parlé » de la cible.</li><li><strong>Plateforme/Levier </strong>: Défini la plateforme à activer pour la diffusion des publicités (ex : Display, programmatique, SEA, Réseaux sociaux…)</li><li><strong>Format des annonces (ads)</strong> : définir le type de publicité à diffuser en terme de taille et de typologie: Texte, Image, Vidéo ou autres. Il est fortement recommandé de faire de l’<strong>A/B testing de banners publicitaire</strong>s afin de déterminer laquelle performe le mieux. C’est pourquoi, il est important de décliner sous plusieurs formats les bannières qui porteront le message de votre campagne.</li><li><strong>Impressions</strong> : Il s’agit du nombre de fois qu’une publicité s’affiche et est vue sur un site.</li><li><strong>CTR</strong> : taux de clics (<em>Click Through Rate</em>). Ce taux est calculé selon le nombre de clics par rapport au nombre d&rsquo;impressions sur la publicité. Ce taux permet de mesurer <strong>l’efficacité d’une bannière ou d’une annonce</strong>. En effet, plus ce taux est élevé, plus la campagne est pertinente aux yeux de l’audience car les personnes ont cliqué et ont donc montré un intérêt.</li><li><strong>Clics : </strong>on retrouve le nombre de clics estimés dans le plan média, afin de vérifier si sa campagne publicitaire est efficace. Le nombre de clics permet de fixer l’intérêt que l’on souhaite à minima pour notre campagne.</li><li><strong>CPM</strong> : correspond au <em>Coût Par Mille impressions</em>. Il sert à mesurer le coût d’achat d’un espace publicitaire sur un site internet. C’est donc également <strong>un modèle de paiement dit “à l’affichage”</strong>. On ne paie qu’une fois la publicité vue.</li><li><strong>CPC</strong> : Le <em>Coût Par Clic</em> représente la rémunération basée sur le nombre de clics sur la publicité fait par chaque visiteur unique. Le CPC permet de vérifier si sa campagne publicitaire est efficace et permet aussi d’identifier qui sont les meilleurs affiliés.</li></ul>



<p>On peut également retrouver d’autres indicateurs de performance dans un plan média, comme :</p>



<ul><li><strong>CPL</strong> : Le Coût Par Lead représente le coût d’acquisition d’un prospect dans une publicité.<em> Un </em><strong><em>lead</em></strong><em> est un prospect, qui s’inscrit sur un site ou à une newsletter par exemple.</em> Le CPL est également un modèle de paiement de publicité en ligne. C’est un paiement à la performance basé sur le nombre de prospects générés.&nbsp;</li><li><strong>CPA : </strong>Le Coût Par Acquisition (à ne pas confondre avec le “coût d’acquisition”) désigne le coût pour chaque conversion obtenue, ainsi le CPA entraîne un paiement uniquement lorsque le clic convertit en un achat ou une récolte de lead (suivant l’objectif de la campagne).</li></ul>



<h2>Notre Expertise</h2>



<p><strong><a href="https://antistatique.net/equipe/sacha" data-type="URL" data-id="https://antistatique.net/equipe/sacha" target="_blank" rel="noreferrer noopener">Sacha</a></strong> a occupé respectivement les postes de<strong> Product Manager,</strong> <strong>Chargée de Campagnes Emailing</strong>, puis <strong>Chargée de</strong> <strong>Campagnes Lead Acquisition</strong>. Pour désormais, avoir la double casquette de <strong>Digital Project Manager</strong> et de <strong>Stratège Digital </strong>au sein d’Antistatique.</p>



<p>Véritable esprit analytique, elle est spécialisée dans le marketing de performance et à un véritable penchant pour les stratégies digitales bien pensées ! 😉</p>



<p><strong><a rel="noreferrer noopener" href="https://antistatique.net/equipe/alberto" data-type="URL" data-id="https://antistatique.net/equipe/alberto" target="_blank">Alberto</a></strong> est un des <strong>cofondateur d’Antistatique.</strong> Il est chargé de la mise en place de stratégie digitale et le suivi des projets en relation avec l&rsquo;achat media. Augmenter votre ROI, baisser votre CPC et faire exploser votre chiffre d&rsquo;affaires on-line sont ses objectifs premiers !</p>



<h2><strong>Avez-vous besoin de mettre en place une stratégie digitale : <a href="https://antistatique.net/agence-web">OUI</a> / <a href="https://antistatique.net/services">NON</a> ?</strong></h2>


Stratégie d’achat média : La création d’un plan média


<p class="is-style-lead">Cet article s&rsquo;adresse à nos futurs clients qui se demande comment effectuer une demande d&rsquo;offre pour la création d&rsquo;un site web. Comment bien communiquer et recruter une agence de design et de développement afin de recevoir de bonnes offres. Une partie du projet se joue déjà à cette étape.</p>



<p></p>



<h2>Un cahier des charges fonctionnel est-il nécessaire ?</h2>


<div style="display: flex; flex-direction: row;">
    <div style="flex-basis: 8%;"></div>
    <div style="flex-basis: 20%; margin-right: 30px">
        <p style="font-size: 15px; color: #808098; text-align: right;">Dans le cas où nous réalisons l&rsquo;étude des besoins et que le client souhaite lancer une procédure d&rsquo;appel d&rsquo;offre, nous n&rsquo;y participons pas.</p>
    </div>
    <div style="flex-basis: 40%;">
        <p style="font-size: 21px;"><p>Pour beaucoup de clients, nous privilégions un workshop permettant de définir précisément les besoins à l&rsquo;aide de la méthode de cartographie des besoins utilisateur « user story mapping ». Cela nous permet de proposer et discuter de priorisation ainsi que s&rsquo;entendre sur chacun des besoins.</p>
</p>
    </div>
</div>



<p><strong>Nous pouvons également nous positionner sur un mandat de rédaction du brief.&nbsp;</strong></p>



<h2>Quel structure pour le document d&rsquo;appel d&rsquo;offre d&rsquo;un projet web</h2>



<p>Dans les documents d&rsquo;appel d&rsquo;offre, voici les points importants à aborder. Dans les cas où nous recevons un brief, nous aimons obtenir ces détails pour permettre de garantir la meilleure comparaison des offres.</p>



<h3>Présenter l&rsquo;entreprise, le projet de refonte et l&rsquo;historique</h3>



<p>C&rsquo;est très intéressant pour l&rsquo;agence de connaître et comprendre quel est le métier du client, comment sont-ils arrivés dans la situation actuelle (ce qui est positif, et ce qu&rsquo;il faut améliorer). Il est important d&rsquo;expliquer ce qui, selon votre point de vue, devrait rester sur le site actuel.</p>



<h3>Expliquer le type de relation souhaité</h3>



<p>Est-ce un mandat d&rsquo;expertise, de production pure, Est-ce que l&rsquo;agence est partie prenante dans la collaboration ou plus exécutante. Il est important de bien clarifier les rôles attendus dans le projet sur les conseils et prestations en terme technique, d&rsquo;identité visuelle, d&rsquo;expérience utilisateur.</p>



<h2>Détailler comment le projet de refonte s&rsquo;inscrit dans la stratégie digitale de l&rsquo;entreprise</h2>



<p>Parler de l&rsquo;éco-système CRM/Promotion/Médias-sociaux etc. Et le rôle du site dans tout le chemin de conversion. Également pour les utilisateurs existants.</p>



<h3>Détailler les objectifs quantitatifs et qualitatifs (et comment sera mesuré le succès)</h3>



<p>Derrière une refonte, il y a toujours une volonté d&rsquo;améliorer beaucoup de choses par rapport à l&rsquo;existant. C&rsquo;est une très bonne occasion de définir en amont comment sera mesuré la portée et le résultat de ces améliorations. Idéalement en augmentation du nombre d&rsquo;inscriptions, de demandes de contacts, de temps de visite, etc. Il est également important de prioriser tous ces objectifs, mais c&rsquo;est un travail qui pourra être afinné en collaboration avec l&rsquo;agence.</p>



<h2>Donner une fourchette de budget qui correspond à un retour sur investissement</h2>



<p>Donner le budget d&rsquo;entrée, c&rsquo;est s&rsquo;assurer les bonnes fondations pour une collaboration avec l&rsquo;agence. En expliquant que vous souhaitez une offre réaliste.</p>



<h2>Quelle structure est attendue pour l&rsquo;offre</h2>



<p>Détailler ce qui est attendu dans l&rsquo;offre, ce qui va être déterminant dans le choix du partenaire et pourquoi. Afin de pouvoir comparer au mieux il est important de communiquer la structure souhaitée de l&rsquo;offre. </p>



<ul class="is-style-objectives"><li>Présentation de l&rsquo;agence </li><li>Présentation des membres de l&rsquo;équipe qui travailleront sur le projet</li><li>Expériences dans le domaine et/ou pour des projets similaires</li><li>Stratégie du projet</li><li>Justification de la proposition technologique</li><li>Devis détaillé</li><li>Organisation du projet (mode de collaboration et planning envisagé)</li><li>Détail et rôle des livrables intermédiaires</li></ul>



<h2>Expliquer la planification du processus d&rsquo;appel d&rsquo;offre</h2>



<p>Donner la période permettant de poser des questions. Expliciter si les réponses sont communiquées à tous les participants et sous quel délai, puis les différentes dates de rendu. Privilégier une présentation sur place avec les membres de l&rsquo;équipe plutôt que le simple envoi du dossier par e-mail.</p>



<h2>Proposer un rendez-vous de brief et communiquer les réponses aux questions à tous les participants</h2>



<p>Comme dans le cas d&rsquo;une procédure d&rsquo;appel d&rsquo;offres publiques, proposer une période pour les questions puis transmettre avec les réponses à tous les participants permet une égalité de traitement. Il est aussi très apprécié d&rsquo;organiser une rencontre pour le brief, permettant de faire connaissance et d&rsquo;expliquer les attentes pour le projet. </p>



<h2>Une grande expérience dans le domaine</h2>



<p>Nous participons depuis plus de 10 ans à des appels d&rsquo;offre de toutes tailles, organisations et précisions administratives. Si bien que nous pouvons également vous accompagner dans ces démarches. N&rsquo;hésitez pas à <a href="/agence-web">nous contacter</a> pour en discuter.</p>


Comment bien pitcher une agence web pour la refonte de son site Internet


<figure class="wp-block-image size-large"><img loading="lazy" width="2600" height="1003" src="https://content.antistatique.net/app/uploads/2021/04/pierre-bamin-t1bRvegov94-unsplash-1-2600x1003.jpg" alt="" class="wp-image-5523" srcset="https://content.antistatique.net/app/uploads/2021/04/pierre-bamin-t1bRvegov94-unsplash-1-2600x1003.jpg 2600w, https://content.antistatique.net/app/uploads/2021/04/pierre-bamin-t1bRvegov94-unsplash-1-300x116.jpg 300w, https://content.antistatique.net/app/uploads/2021/04/pierre-bamin-t1bRvegov94-unsplash-1-768x296.jpg 768w, https://content.antistatique.net/app/uploads/2021/04/pierre-bamin-t1bRvegov94-unsplash-1-1536x593.jpg 1536w, https://content.antistatique.net/app/uploads/2021/04/pierre-bamin-t1bRvegov94-unsplash-1-2048x790.jpg 2048w" sizes="(max-width: 2600px) 100vw, 2600px" /></figure>



<p class="is-style-lead">Le breadcrumb, aussi connu sous le nom de fil d’Ariane, est extrêmement profitable pour les utilisateur·rice·s et on vous explique pourquoi.</p>



<p>Le fil d’Ariane est une suite de mots dynamique habituellement située en haut de page. Il montre les différents niveaux de navigation du site pour arriver jusqu’à la page où la personne se trouve. En général, le premier mot du breadcrumb est “Accueil” ou “Home” et le dernier est le titre de la page où l’on se situe. Tous les éléments de cette suite sont cliquables, à part le dernier car l’on se trouve déjà dessus (logique!). Il permet de pouvoir se positionner mais aussi de revenir sur ses pas.</p>



<p>Exemple de breadcrumb sur le&nbsp;<a href="https://www.geneve.ch/fr">site de la ville de Genève</a>&nbsp;:</p>



<figure class="wp-block-image size-large"><img loading="lazy" width="1252" height="164" src="https://content.antistatique.net/app/uploads/2021/04/Capture-décran-2021-04-19-à-10.03.47.png" alt="Fil d'Ariane sur le site de la ville de Genève" class="wp-image-5503" srcset="https://content.antistatique.net/app/uploads/2021/04/Capture-décran-2021-04-19-à-10.03.47.png 1252w, https://content.antistatique.net/app/uploads/2021/04/Capture-décran-2021-04-19-à-10.03.47-300x39.png 300w, https://content.antistatique.net/app/uploads/2021/04/Capture-décran-2021-04-19-à-10.03.47-768x101.png 768w" sizes="(max-width: 1252px) 100vw, 1252px" /></figure>



<h2>Mais… pourquoi ces noms ?</h2>



<p>Dans la mythologie grecque, le fil donné par Ariane est utilisé par Thésée pour pouvoir sortir du labyrinthe pendant son combat contre le Minotaure. Ce fil aide Thésée à se repérer et c’est exactement la même chose sur un site !<br>En ce qui concerne le breadcrumb, qui signifie miette de pain en anglais, cela ferait plutôt référence au conte d’Hansel et Gretel qui sèment des miettes pour retrouver leur chemin dans la forêt.  🌲</p>



<figure class="wp-block-image size-large"><img loading="lazy" width="746" height="600" src="https://content.antistatique.net/app/uploads/2021/04/cdc97aa44df7e81192fdcf93e5af8096_minotaure.jpeg" alt="Thésée et le Minautore dans le labyrinthe" class="wp-image-5506" srcset="https://content.antistatique.net/app/uploads/2021/04/cdc97aa44df7e81192fdcf93e5af8096_minotaure.jpeg 746w, https://content.antistatique.net/app/uploads/2021/04/cdc97aa44df7e81192fdcf93e5af8096_minotaure-300x241.jpeg 300w" sizes="(max-width: 746px) 100vw, 746px" /><figcaption>Le combat de Thésée et le Minautore dans le labyrinthe. </figcaption></figure>



<h2>Un repère dans la hiérarchie</h2>



<p>Le breadcrumb constitue une aide visuelle en indiquant l&#8217;emplacement des visiteur·euse·s dans la hiérarchie du site. C’est un véritable repère pour l’utilisateur·rice, cela lui permet de savoir où il·elle se situe, notamment quand il·elle arrive directement sur une page du site en ayant fait une recherche sur un navigateur. Le fil d’Ariane est d’autant plus nécessaire lorsqu’il y a un nombre important de niveaux dans l’architecture du site. Cela permet d’accéder à une page “intermédiaire” de la structure du site, sans devoir repasser par toutes les pages précédentes.</p>



<p><em>Exemple avec le&nbsp;</em><a href="https://www.vevey.ch/">site de la ville de Vevey</a><em><a href="https://www.vevey.ch/">&nbsp;</a></em> :</p>



<figure class="wp-block-image size-large"><img loading="lazy" width="2600" height="1244" src="https://content.antistatique.net/app/uploads/2021/04/Capture-décran-2021-04-16-à-14.49.04-2600x1244.png" alt="Fil d'Ariane sur le site web de la ville de Vevey" class="wp-image-5509" srcset="https://content.antistatique.net/app/uploads/2021/04/Capture-décran-2021-04-16-à-14.49.04-2600x1244.png 2600w, https://content.antistatique.net/app/uploads/2021/04/Capture-décran-2021-04-16-à-14.49.04-300x144.png 300w, https://content.antistatique.net/app/uploads/2021/04/Capture-décran-2021-04-16-à-14.49.04-768x367.png 768w, https://content.antistatique.net/app/uploads/2021/04/Capture-décran-2021-04-16-à-14.49.04-1536x735.png 1536w, https://content.antistatique.net/app/uploads/2021/04/Capture-décran-2021-04-16-à-14.49.04-2048x980.png 2048w" sizes="(max-width: 2600px) 100vw, 2600px" /></figure>



<h2>Un composant familier</h2>



<p>Les gens peuvent ignorer ce petit élément de l’interface, mais ils n’ont pas de problème de compréhension à son égard. C’est quelque chose de familier dans la plupart des cas. De plus, il est généralement assez discret, donc il ne pollue pas l’attention des utilisateur·rice·s lorsqu’ils·elles naviguent sur le site. Pour la version mobile, on peut réduire le nombre d’items pour arriver à quelque chose de plus compact (avoir seulement la page précédente et éventuellement la page d’accueil).</p>



<p><em>Exemple avec le&nbsp;</em><a href="https://www.msf.ch/">site de Médecins Sans Frontières</a> :</p>



<figure class="wp-block-image size-large"><img loading="lazy" width="2600" height="1216" src="https://content.antistatique.net/app/uploads/2021/04/Capture-décran-2021-04-16-à-14.52.49-2600x1216.png" alt="Fil d'Ariane sur le site de l'ONG Médecins Sans Frontières" class="wp-image-5512" srcset="https://content.antistatique.net/app/uploads/2021/04/Capture-décran-2021-04-16-à-14.52.49-2600x1216.png 2600w, https://content.antistatique.net/app/uploads/2021/04/Capture-décran-2021-04-16-à-14.52.49-300x140.png 300w, https://content.antistatique.net/app/uploads/2021/04/Capture-décran-2021-04-16-à-14.52.49-768x359.png 768w, https://content.antistatique.net/app/uploads/2021/04/Capture-décran-2021-04-16-à-14.52.49-1536x718.png 1536w, https://content.antistatique.net/app/uploads/2021/04/Capture-décran-2021-04-16-à-14.52.49-2048x958.png 2048w" sizes="(max-width: 2600px) 100vw, 2600px" /></figure>



<h2>Un atout pour le SEO</h2>



<p>C’est aussi bénéfique au niveau du SEO, en raison du gain de liens internes naturels et de la possibilité de remplacer l’URL par des fils d’Ariane dans les pages de résultats des moteurs de recherche. Indirectement, il réduit aussi le taux de rebond sur le site. En effet, comme les moteurs de recherches sont de plus en plus précis, il est rare de tomber sur une page d’accueil lorsque l’on effectue une recherche précise. Le breadcrumb constitue un moyen efficace de guider les gens vers une autre partie du site si la page sur laquelle ils sont tombés ne correspond pas à ce dont ils avaient réellement besoin.<br><br>Autre grand avantage: cela donne à Google une compréhension complémentaire de la façon dont le site est construit (à utiliser en conjonction avec les&nbsp;<a href="https://developers.google.com/search/docs/guides/intro-structured-data">données structurées</a>). D&rsquo;ailleurs, le breadcrumb peut aussi apparaître dans les résultats de la recherche !<br>&nbsp;</p>



<p>Maintenant que le breadcrumb n&rsquo;a plus de secret pour vous, utilisez-le sans modération ! ✨</p>


Pourquoi le breadcrumb est-il indispensable ?


<p><a href="https://content.antistatique.net/collaborators/emma/" data-type="collaborators" data-id="2490">Emma</a>, c’est un vent de douceur et de fraîcheur chez Antistatique. Passionnée par la décoration, l&rsquo;architecture et le design, elle ajoute son grain de sel à l&rsquo;équipe Design. Commencer un nouveau job en home office, ce n’est pas simple. Mais elle a su s’intégrer et se faire une place parmi nous.</p>



<p>Pour qu’on puisse mieux la connaître, elle s’est volontiers prêtée au jeu des 10 questions.</p>



<p>Vous voulez en savoir plus sur notre talentueuse designer nyonnaise ? C&rsquo;est parti !</p>



<p>***</p>



<h3>Un livre qui traîne sur ta table de nuit ?</h3>



<p>En ce moment, j’ai rangé ma table de nuit ! Mon objectif est de lire plus mais ce n’est pas encore ça. J’ai commencé le dernier Joël Dicker, mais pour l’instant je n’ai pas encore accroché, ce qui m’a interpellé c’est que ça se passe à Genève. Et sinon je lis un livre sur Alexandre le Grand. C’est bien de sortir un peu de la thématique du design, de s’aérer un peu l’esprit avec autre chose (même si c’est passionnant).</p>



<h3>Une destination que tout le monde devrait voir une fois dans sa vie ?</h3>



<p>Sans hésiter : l’Italie : il y a tout ! L’atmosphère, les vibrations, tout appelle à la dolce vita. Ça sent bon, il y a la gastronomie, l’art, la nature. C’est un pays proche où il y a tellement de paysages différents. Si je devais choisir une région plus précisément, ce serait la Toscane car c’est un mix de Provence et de mer.</p>



<figure class="wp-block-image size-large"><img loading="lazy" width="480" height="308" src="https://content.antistatique.net/app/uploads/2021/04/as-nl-image-interview-emma-italy.png" alt="peinture d'un paysage avec des champs et des arbres" class="wp-image-5449" srcset="https://content.antistatique.net/app/uploads/2021/04/as-nl-image-interview-emma-italy.png 480w, https://content.antistatique.net/app/uploads/2021/04/as-nl-image-interview-emma-italy-300x193.png 300w" sizes="(max-width: 480px) 100vw, 480px" /></figure>



<h3>Le compte instagram que tu préfères suivre ?</h3>



<p>Pour être honnête, je ne suis pas tellement fan des réseaux sociaux. Si je devais vraiment choisir un compte, c’est <a href="http://www.instagram.com/milkdecoration_magazine/" target="_blank" rel="noreferrer noopener">Milk Decoration Magazine</a>. Je suis un peu old school, je passe ma vie sur Pinterest pour tout ce qui est déco et voyage.</p>



<p><a href="http://pin.it/CiviIKw" data-type="URL" data-id="pin.it/CiviIKw" target="_blank" rel="noreferrer noopener">En voici un petit aperçu.</a></p>



<h3>Un·e artiste qui t’inspire ?</h3>



<p>Il y a plein de gens qui m’inspirent mais ils ne sont pas forcément connus ! Je les suis à droite et à gauche, sur différentes plateformes. Sinon, je pense à l’architecte suisse <a href="http://www.pascalhaeusermann.ch/" data-type="URL" data-id="www.pascalhaeusermann.ch/" target="_blank" rel="noreferrer noopener">Pascal Häusermann</a> que j’adore. Il fait des maisons-bulles et de l’architecture organique. C’est vraiment drôle et ingénieux ce qu’il fait !</p>



<h3>La dernière recette que tu as faite ?</h3>



<p>J’aime tout ce qui est japonais. Ces temps-ci, je gagne en expertise sur les sushis. Ils commencent enfin à être beaux 😉</p>



<figure class="wp-block-image size-large"><img loading="lazy" width="650" height="417" src="https://content.antistatique.net/app/uploads/2021/04/as-nl-image-interview-emma-sushis.png" alt="Photo des sushis d'Emma" class="wp-image-5451" srcset="https://content.antistatique.net/app/uploads/2021/04/as-nl-image-interview-emma-sushis.png 650w, https://content.antistatique.net/app/uploads/2021/04/as-nl-image-interview-emma-sushis-300x192.png 300w" sizes="(max-width: 650px) 100vw, 650px" /></figure>



<h3>Un projet qui te motive ?</h3>



<p>C’est drôle, on vient de parler d’architecture et justement j’ai en tête de créer un blog sur l’architecture dans la région. J’aime beaucoup les maisons, leurs histoires ainsi que celles des gens qui les habitent. Je trouverai vraiment intéressant de pouvoir les raconter et les rendre accessibles.</p>



<h3>Un autre métier que tu aurais pu exercer ?</h3>



<p>Agent immobilier pour les visites, c’est un métier qui permet aussi de bouger pas mal ! Ou architecte pour les beaux bâtiments. Mais j’aime le côté créatif que possède le design. L’idéal serait un mix de tout cela. Ce serait génial d’être formée dans plusieurs domaines et d&rsquo;exercer différentes choses. Faire un temps partiel est une chance pour ça, on peut expérimenter d’autres choses à côté du travail.</p>



<h3>Une cause qui te tient à cœur ?</h3>



<p>La cause animale. Les animaux m’ont toujours beaucoup touchés. J’essaie de prendre conscience et de faire au mieux, par exemple en essayant d’adopter une alimentation plutôt végétarienne. J’aimerais bien ouvrir un refuge quand je serai à la retraite !</p>



<h3>Le meilleur conseil que tu aies reçu ?</h3>



<p>Je réfléchis… Je pense que c’était un auto-conseil ! En gros, je me suis dit que si je n’étais pas satisfaite de ma vie maintenant, je ne le serai jamais. Ça me pousse à bouger, à réfléchir et à agir. Et aussi à me satisfaire de ce que j’ai.</p>



<h3><strong>Plutôt chat ou chien ?</strong></h3>



<p>Les deux ! Mais je possède un chat que j’ai trouvé dans ma cave et recueilli quand il était tout petit.</p>



<p><em>(On confirme, il participe activement à nos vidéos-call 😉 )</em></p>



<p>***</p>



<p>Merci Emma, on est ravis de d&rsquo;accueillir parmi nous !</p>


10 questions pour découvrir Emma


<p>Début novembre 2020. Il fait déjà gris dehors, mais à l’intérieur ça bouillonne. À l’agence on est bien occupé et je cherche un nouveau “side project”. La typographie et le lettrage sonnent à la porte…</p>



<h2>Il était une fois…</h2>



<p>C’est en mai 2019 que l’histoire commence. Mon ami <a href="https://francischouquet.com/about-me">Francis</a>, à la suite de <a href="https://berlinletters.com/session/how-drawing-letters-everyday-changed-my-life">sa conférence</a> sur la construction de sa routine de dessin de lettres, se laisse convaincre par <a href="https://www.allthingsletters.com/">Chris Campe</a> de mener un challenge de 100 jours. Une publication pour jour à propos de lettrage, de calligraphie ou de typographie. Des croquis, des illustrations, des vidéos, des livres, etc. Tout contenu est le bienvenu.</p>



<figure class="wp-block-image size-large is-style-full-width"><img loading="lazy" width="1920" height="1080" src="https://content.antistatique.net/app/uploads/2021/04/Chris-Campe-and-Francis-Chouquet.jpg" alt="" class="wp-image-5584" srcset="https://content.antistatique.net/app/uploads/2021/04/Chris-Campe-and-Francis-Chouquet.jpg 1920w, https://content.antistatique.net/app/uploads/2021/04/Chris-Campe-and-Francis-Chouquet-300x169.jpg 300w, https://content.antistatique.net/app/uploads/2021/04/Chris-Campe-and-Francis-Chouquet-768x432.jpg 768w, https://content.antistatique.net/app/uploads/2021/04/Chris-Campe-and-Francis-Chouquet-1536x864.jpg 1536w" sizes="(max-width: 1920px) 100vw, 1920px" /></figure>



<p>J’avais tenté le challenge une première fois… Pour m’arrêter au jour 26 (un signe peut-être).</p>



<p>On remet ça en novembre 2021. <a href="https://www.instagram.com/p/CHV_q2rC8c1/">Chris</a> &amp; <a href="https://www.instagram.com/p/CHQWXHZJdyx/">Francis</a> mobilisent à nouveau la communauté et on est reparti. Cette fois-ci je m’organise. Je veux faire mieux et je me donne un cadre.</p>



<h2>Appliquer des contraintes</h2>



<p>J’ai déjà un compte Instagram dédié au challenge, petit frère de mon compte Marmite Defontes (ma petite fonderie numérique perso). Pour la publication journalière, l’affaire est réglée.</p>



<p>Pour les autres contraintes, voici ce que ça donne :</p>



<ul><li>Poster en noir &amp; blanc : le travail de la couleur est une étape en soi et je souhaite mon concentrer sur la lettre et ses formes.</li><li>Tous les postes au même format : un carré avec la mention du challenge et le numéro sur 100. Là aussi ça simplifie la routine de ne pas avoir à faire un choix comme celui-ci chaque jour.</li><li>Vectoriel : poster des recherches vectorielles. Je me considère ceinture noire en tracés vectoriels, c’est donc une contrainte naturelle.</li><li>Pas de carrousels et pas de vidéos : le challenge est assez exigeant sans se rajouter des publications à rallonge ou un travail d’animation. J’ai quand même fait 2 exceptions… 😛</li></ul>



<p><strong>Départ le 15 novembre 2020. Arrivée le 23 février 2021. C’est parti !</strong></p>



<h2>Une nouvelle routine et un plaisir retrouvé</h2>



<p>100 jours ça peut paraître long, peut-être même insurmontable au début. C’est au bout de plus ou moins 20 jours que j’ai ressenti un rythme, un appel. J’attendais ce moment de la journée où j’allais me mettre au dessin de lettres. Je retrouvai le plaisir de dessiner des caractères et des formes calligraphiques ou typographiques.</p>



<p>Après 100 jours, voici le résultat :</p>



<figure class="wp-block-image size-large is-style-full-width"><img loading="lazy" width="1080" height="1080" src="https://content.antistatique.net/app/uploads/2021/04/100daysoflettering-animation.gif" alt="" class="wp-image-5588"/></figure>



<h2>Deux questions que l’on m’a posées</h2>



<h3>L’inspiration</h3>



<p>Elle vient assez naturellement. La musique : un titre, des paroles, le nom d’un album, etc. La bouffe : éternelle source d’inspiration et de plaisir. Idées et concepts : un terme ou une expression lus sur un blog ou dans un livre. Pour ce challenge en particulier, les chiffres m’ont pas mal inspiré (sport, montres, années, etc.). Bien sûr, la typographie ou la calligraphie sont en soi des thèmes qui inspirent certains travaux (comme ça la boucle est bouclée).</p>



<h3>Les outils</h3>



<p>Mes outils préférés sont les crayons et le papier. Pour le reste, il y a <a href="https://glyphsapp.com/">Glyphs</a> et Adobe Illustrator dans ma boîte à outils.</p>



<figure class="wp-block-image size-large is-style-full-width"><img loading="lazy" width="1620" height="880" src="https://content.antistatique.net/app/uploads/2021/04/pens-more.jpg" alt="" class="wp-image-5591" srcset="https://content.antistatique.net/app/uploads/2021/04/pens-more.jpg 1620w, https://content.antistatique.net/app/uploads/2021/04/pens-more-300x163.jpg 300w, https://content.antistatique.net/app/uploads/2021/04/pens-more-768x417.jpg 768w, https://content.antistatique.net/app/uploads/2021/04/pens-more-1536x834.jpg 1536w" sizes="(max-width: 1620px) 100vw, 1620px" /></figure>



<figure class="wp-block-image size-large is-style-full-width"><img loading="lazy" width="880" height="880" src="https://content.antistatique.net/app/uploads/2021/04/carnet.gif" alt="" class="wp-image-5593"/></figure>



<h2>Bilan positif, très positif</h2>



<p>C’est un succès et une fierté. 100 jours, 100 publications, 100 travaux originaux partagés publiquement pour la première fois. Des explorations calligraphiques, typographiques et quelques parties illustrées.</p>



<p>“Et après ?” (si, si, vous alliez me le demander)<br>On m’a déjà parlé de t-shirts ou de posters : pourquoi pas ! Pour l’instant je vise 2 choses : publier une typographie complète d’ici la fin de l’année et refaire un challenge.</p>



<figure class="wp-block-image size-large is-style-full-width"><img loading="lazy" width="1920" height="1080" src="https://content.antistatique.net/app/uploads/2021/04/t-shirt.jpg" alt="" class="wp-image-5595" srcset="https://content.antistatique.net/app/uploads/2021/04/t-shirt.jpg 1920w, https://content.antistatique.net/app/uploads/2021/04/t-shirt-300x169.jpg 300w, https://content.antistatique.net/app/uploads/2021/04/t-shirt-768x432.jpg 768w, https://content.antistatique.net/app/uploads/2021/04/t-shirt-1536x864.jpg 1536w" sizes="(max-width: 1920px) 100vw, 1920px" /></figure>



<p><strong>Et vous, avez-vous des “side-projects” ? Si oui, lesquels ?</strong></p>



<p><strong>De grands mercis :</strong></p>



<ul><li>Merci à Francis pour l’inspiration et les échanges.</li><li>Merci à Chris pour l’inspiration, le sourire et la motivation.</li><li>Merci à <a href="https://ilovetypography.com/about/">John Boardley</a> pour avoir <a href="https://www.instagram.com/p/CLoYNneD2kj/">publié mon travail</a>.</li><li>Merci à mon radiateur d’avoir servi de panneau d’affichage.</li></ul>



<figure class="wp-block-image size-large is-style-full-width"><img loading="lazy" width="1720" height="880" src="https://content.antistatique.net/app/uploads/2021/04/radiateur.jpg" alt="" class="wp-image-5597" srcset="https://content.antistatique.net/app/uploads/2021/04/radiateur.jpg 1720w, https://content.antistatique.net/app/uploads/2021/04/radiateur-300x153.jpg 300w, https://content.antistatique.net/app/uploads/2021/04/radiateur-768x393.jpg 768w, https://content.antistatique.net/app/uploads/2021/04/radiateur-1536x786.jpg 1536w" sizes="(max-width: 1720px) 100vw, 1720px" /></figure>


Challenge “100 Days of Lettering”


<p>Cela fait quelques mois que nous suivons avec intérêt la création de l’<a href="https://institutnr-ch.org/" target="_blank" rel="noreferrer noopener">Institut du Numérique Responsable en Suisse</a>.&nbsp;Jeudi 28 janvier a eu lieu le&nbsp;<a href="https://www.linkedin.com/events/6751804491554684929/" target="_blank" rel="noreferrer noopener">lancement officiel de l&rsquo;Institut</a>, en vidéoconférence. Près de 120 personnes ont suivi cet événement avec nous.</p>



<p>L’Institut en Suisse est porté par&nbsp;<a href="https://www.linkedin.com/in/florianrevaz/" target="_blank" rel="noreferrer noopener">Florian Revaz</a>, qui a commencé par nous donner quelques informations sur le pourquoi de la création d’une telle association en Suisse.</p>



<h2><strong>La part du numérique</strong></h2>



<p><strong>Nous ne sommes pas sans savoir que le numérique pollue énormément</strong>&nbsp;(il est, pour l’exemple, représenté comme&nbsp;<a href="https://www.greenit.fr/empreinte-environnementale-du-numerique-mondial/">le 7e continent en termes de pollution</a>).&nbsp;</p>



<p>Il y a non seulement le problème de la production et de la fabrication. L’extraction des ressources se fait notamment dans des pays en voie de développement ou sous régime totalitaire, où ils font travailler des enfants et qui laisse des dégâts énormes (lac d’acide, village du cancer, etc.).</p>



<p>Puis lorsqu’on utilise ces produits, nous consommons énormément d’électricité, qui n’est pas (forcément) propre.</p>



<p>La durée de vie de ces objets est de plus en plus courte (sans parler de l’obsolescence programmée) et il y a de plus en plus de matériel à disposition. L’étape finale est le recyclage, qui n’est, la plupart du temps, pas terrible&nbsp;(marché noir, abandon de déchets sur les terrains vagues, pollution de l’air et de la nappe phréatique, etc.) ou même pas fait. Et nous n’avons même pas parlé de ce que coûte écologiquement le stockage des données.</p>



<p>Rien de très réjouissant.&nbsp;</p>



<p><strong>Heureusement, le numérique peut aussi apporter des solutions</strong>&nbsp;: favoriser les contacts et les échanges (et du coup l’apport de solutions), réduire les distances, permettre à un plus grand nombre de s’exprimer, communication facilitée (on n&rsquo;abordera pas ici le problème que cela peut amener en termes d’intégrité et de manipulation), etc.</p>



<p>Le numérique fait donc partie intégrante de notre vie.&nbsp;<strong>Il faut maintenant réfléchir à une utilisation responsable, éthique,&nbsp;mais également accessible.</strong></p>



<p>Nous sommes tous concernés et chez Antistatique, on est bien obligé de reconnaître que nous avons un rôle à jouer !&nbsp;</p>



<p>Nous sommes donc ravis de voir la création d’un tel Institut dans notre pays.</p>



<h2><strong>L’Institut en quelques mots</strong></h2>



<p>L’Association est à but non lucratif et a les objectifs suivants :&nbsp;</p>



<ul><li>la réduction de l&#8217;empreinte environnementale du numérique et de ses autres impacts négatifs tant d&rsquo;un point de vue social qu&rsquo;économique ;</li><li>la capacité du numérique à réduire l&#8217;empreinte environnementale de l&rsquo;humanité et à résoudre de nombreux problèmes sociétaux et économiques ;</li><li>la création de valeur durable et d&rsquo;innovation responsable via le numérique.</li></ul>



<p>La force de cet Institut est qu’il existe également en&nbsp;<a href="https://institutnr.org/" target="_blank" rel="noreferrer noopener">France</a>&nbsp;depuis plusieurs années et en&nbsp;<a href="https://isit-be.org/" target="_blank" rel="noreferrer noopener">Belgique</a>&nbsp;depuis quelque&nbsp;temps.&nbsp;</p>



<p>Concrètement, nous avons pu entendre&nbsp;<a href="https://ww2.sig-ge.ch/actualites/sig-devient-la-premiere-entreprise-suisse-labellisee-numerique-responsable">l’expérience des SIG, qui ont été les premiers à se faire labelliser en Suisse</a>. Comme ils l’ont si bien dit, c’est un bon exemple pour d’autres régions et d’autres institutions.</p>



<p>Pauline Richard, du&nbsp;<a href="https://www.labellucie.com/">Label&nbsp;Lucie</a>, a également présenté le label et le processus d’obtention. Toutes les informations sont très bien expliquées sur&nbsp;<a href="https://www.labellucie.com/le-parcours">leur site</a>.</p>



<p>L’INR a déjà des outils en place, comme&nbsp;<a href="https://institutnr-ch.org/the-charter">la charte</a>,&nbsp;<a href="https://institutnr-ch.org/le-label">le label</a>, la mise en place de trois comités (éthique, scientifique et expert) et a également de beaux projets en vue pour cette année&nbsp;(des formations, notamment).</p>



<h2><strong>Ce qu’on retient&nbsp;</strong></h2>



<p>Il y a de la motivation, des compétences et de l’énergie de la part de beaucoup de parties prenantes.</p>



<p>L’internationalisation et le fait qu’autant de personnes se sentent concernées sont des signes très positifs.</p>



<p>Pour notre part, on va continuer à suivre leur évolution de très près, on se réjouit en particulier de voir émerger leurs formations (<a href="https://www.academie-nr.org/#mooc-nr">et de suivre leurs MOOCS déjà en place</a>) !&nbsp;</p>


Lancement de l’Institut du Numérique Responsable Suisse


<h2>Identité de marque revue pour notre agence</h2>



<p>Elle a bien changé ces derniers mois, nouvelles personnes dans l&rsquo;équipe, déménagement des bureaux de Lausanne et nouveaux bureaux aux Pâquis à Genève. L&rsquo;agence grandit et évolue, et nous marquons aujourd&rsquo;hui ces changements avec le renouvellement de notre identité graphique.</p>



<p>Le logo a été redessiné : des lignes un peu plus géométriques et un logo plus large, généreux. Une manière pour nous d&rsquo;affirmer notre expérience et nos expertises. La nouveauté, c&rsquo;est aussi que nous travaillons sur sa personnalité animée : un logo enthousiaste et joueur, à l&rsquo;image de l&rsquo;équipe.</p>



<figure class="wp-block-image size-large is-style-default"><img loading="lazy" width="1080" height="606" src="https://content.antistatique.net/app/uploads/2021/05/antistatique-logo-animation.gif" alt="" class="wp-image-6356"/></figure>



<h2>“We are The pink!”</h2>



<p>Notre magenta “légendaire”, reconnu dans toute la Suisse romande (parfois copié), est lui aussi passé à la moulinette. Il en ressort plus vif que jamais ! Deux teintes de rose viennent le seconder, plus calmes et profondes.</p>



<figure class="wp-block-image size-large is-style-full-width"><img loading="lazy" width="1400" height="930" src="https://content.antistatique.net/app/uploads/2021/05/antistatique-colours.png" alt="" class="wp-image-6358" srcset="https://content.antistatique.net/app/uploads/2021/05/antistatique-colours.png 1400w, https://content.antistatique.net/app/uploads/2021/05/antistatique-colours-300x199.png 300w, https://content.antistatique.net/app/uploads/2021/05/antistatique-colours-768x510.png 768w" sizes="(max-width: 1400px) 100vw, 1400px" /></figure>



<h2>Et une typo “Dressed to impress”</h2>



<p>Nous avons également mis de l&rsquo;audace et une pointe de surprise dans ce rebranding. La typographie Fragen nous a séduits par ses formes étonnantes, aussi bien rondes et généreuses qu&rsquo;anguleuses et affûtées. Version Extra Bold bien sûr : nous sommes bien présents, déterminés comme jamais.</p>



<figure class="wp-block-image size-large is-style-full-width"><img loading="lazy" width="1400" height="440" src="https://content.antistatique.net/app/uploads/2021/05/antistatique-typo.png" alt="" class="wp-image-6360" srcset="https://content.antistatique.net/app/uploads/2021/05/antistatique-typo.png 1400w, https://content.antistatique.net/app/uploads/2021/05/antistatique-typo-300x94.png 300w, https://content.antistatique.net/app/uploads/2021/05/antistatique-typo-768x241.png 768w" sizes="(max-width: 1400px) 100vw, 1400px" /></figure>



<p>De nouveaux éléments graphiques viennent se joindre à la fête. Vivants et uniques, ils viennent habiller nos documents, espaces de travail et publications. Pour les collectionneurs et les archéologues dans l&rsquo;âme, nous vous laissons le plaisir de tous les dénicher !</p>



<figure class="wp-block-image size-large is-style-full-width"><img loading="lazy" width="1400" height="930" src="https://content.antistatique.net/app/uploads/2021/05/antistatique-posters.png" alt="" class="wp-image-6362" srcset="https://content.antistatique.net/app/uploads/2021/05/antistatique-posters.png 1400w, https://content.antistatique.net/app/uploads/2021/05/antistatique-posters-300x199.png 300w, https://content.antistatique.net/app/uploads/2021/05/antistatique-posters-768x510.png 768w" sizes="(max-width: 1400px) 100vw, 1400px" /></figure>



<figure class="wp-block-image size-large is-style-full-width"><img loading="lazy" width="1400" height="930" src="https://content.antistatique.net/app/uploads/2021/05/antistatique-business-cards.png" alt="" class="wp-image-6364" srcset="https://content.antistatique.net/app/uploads/2021/05/antistatique-business-cards.png 1400w, https://content.antistatique.net/app/uploads/2021/05/antistatique-business-cards-300x199.png 300w, https://content.antistatique.net/app/uploads/2021/05/antistatique-business-cards-768x510.png 768w" sizes="(max-width: 1400px) 100vw, 1400px" /></figure>



<p>Depuis nos débuts et à travers nos valeurs, nous mettons l’équipe au cœur de ce que nous faisons. Ce sont les collaboratrices et les collaborateurs qui font grandir Antistatique. Avec cette évolution visuelle, nous affirmons encore un peu plus qui nous sommes.</p>



<figure class="wp-block-image size-large is-style-full-width"><img loading="lazy" width="1920" height="1080" src="https://content.antistatique.net/app/uploads/2021/05/antistatique-team-2021.png" alt="" class="wp-image-6366" srcset="https://content.antistatique.net/app/uploads/2021/05/antistatique-team-2021.png 1920w, https://content.antistatique.net/app/uploads/2021/05/antistatique-team-2021-300x169.png 300w, https://content.antistatique.net/app/uploads/2021/05/antistatique-team-2021-768x432.png 768w, https://content.antistatique.net/app/uploads/2021/05/antistatique-team-2021-1536x864.png 1536w" sizes="(max-width: 1920px) 100vw, 1920px" /></figure>



<h2>Et la suite…</h2>



<p>Le nouveau site par exemple ? On y travaille, vous vous en doutez bien ! Encore un peu de patience. D&rsquo;autres choses arriveront par la suite d&rsquo;ailleurs… Pour l’heure on met à jour nos comptes sociaux et notre newsletter. Pas encore abonné•e ? C’est le moment !</p>



<p>À bientôt !</p>



<p>Edit: Vous êtes sur le nouveau site 💁‍♂️</p>


Voici la nouvelle tenue d’Antistatique


<p>Inutile de rappeler ô combien 2020 fut une année de changements et d’adaptations. Toutefois, cette période est aussi synonyme d’évolution pour nos bureaux. En effet, deux nouveaux sites ont vu le jour&nbsp;: l’un situé à la <strong>Rue de Genève 90b à Lausanne</strong>, l’autre à la <strong>Rue de Neuchâtel 8 à Genève</strong>. Il nous semble important de profiter de cette mutation pour effectuer une brève rétrospective de notre environnement de travail.</p>



<h2>Lausanne, notre première ville</h2>



<p class="is-style-default">2008, Antistatique.net Sàrl ouvre ses portes à la rue de Sébeillon 9b à Lausanne. Le quartier de Sévelin est le premier à accueillir l&rsquo;un des bureaux d’Antistatique. Pendant plus de 10 ans, cet espace voit passer pas moins de 50 collaborateurs ayant contribué à notre développement. Un grand merci à eux&nbsp;!<br><br>À l&rsquo;approche des 25 collaborateurs, le besoin de changer d’espace devient une évidence. En effet, il nous est primordial d’offrir le meilleur cadre de travail pour notre équipe, nos partenaires et nos clients.</p>



<p><strong>1<sup>er</sup>&nbsp;novembre 2019, ordinateurs et écrans prennent le chemin de la rue de Genève 90b à Lausanne</strong>. Ces derniers se retrouvent dans un splendide duplex flambant neuf. Dès lors, les salles de réunions ne font plus défaut, ce qui nous permet de vous accueillir en tout temps pour un échange constructif autour d’un café.</p>



<h2>Genève, notre nouvelle agence au bout du lac</h2>



<p>2014, après avoir remporté plusieurs appels d’offres sur le territoire Genevois, nos nouveaux clients souhaitent plus de proximité. En quelques semaines, nous voici installés dans le quartier des Grottes, prêt à découvrir le bout du lac et tenter de nous faire une place parmi les agences de la cité Calvin.</p>



<p>Six ans plus tard, l’équipe Genevoise s’agrandit et souhaite se rapprocher du lac et de ses bains…</p>



<p>Juin 2020, nous voici <strong>aux Pâquis à la Rue de Neuchâtel 8</strong>,  encore plus motivés à développer nos projets et découvrir les saveurs culinaires qu’offre ce quartier.<br><br>Certes, le télétravail est devenu plus qu’une tendance, mais nous sommes persuadés qu’un espace d’échanges est nécessaire pour la cohésion de groupe et le bien-être de l’ensemble des collaborateurs. Nous gardons bon espoir de nous revoir prochainement… A ce moment, nous serons ravis de vous accueillir dans nos nouvelles demeures.<br><br>A bientôt.<br><a href="https://antistatique.net/equipe/alberto" data-type="URL" data-id="https://antistatique.net/equipe/alberto">Alberto</a><br> » Antistatique ? Nous sommes <strong>une agence Agence web Suisse indépendante,  basée à Genève et Lausanne</strong>.  Nous proposons des solutions numériques à l’aide de stratégie, design et technologie afin de créer des expériences clients qui comptent vraiment. A votre disposition pour débuter votre projet »</p>


Nous avons déménagé, une première en 12 ans d’existence !


<h2>Pourquoi une newsletter ?</h2>



<p class="is-style-default">Les newsletters, ou campagnes d&#8217;emails, existent depuis la nuit des temps. Chez Antistatique, nous avons <a href="http://antistatique.net/fr/nous/bloggons/2009/04/12/les-newsletters-comme-outil-de-communication">toujours</a> pensé que ce média était un très bon moyen de communication ! Voici un petit rafraichissement sur le sujet.</p>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" width="1024" height="622" src="https://content.antistatique.net/app/uploads/2020/12/Etudes-comparatives-impact-newsletter-communication-1024x622.png" alt="Graphique démontrant l'impact des Newsletter dans une stratégie de communication" class="wp-image-1007" srcset="https://content.antistatique.net/app/uploads/2020/12/Etudes-comparatives-impact-newsletter-communication-1024x622.png 1024w, https://content.antistatique.net/app/uploads/2020/12/Etudes-comparatives-impact-newsletter-communication-300x182.png 300w, https://content.antistatique.net/app/uploads/2020/12/Etudes-comparatives-impact-newsletter-communication-768x466.png 768w, https://content.antistatique.net/app/uploads/2020/12/Etudes-comparatives-impact-newsletter-communication-1536x933.png 1536w, https://content.antistatique.net/app/uploads/2020/12/Etudes-comparatives-impact-newsletter-communication.png 1790w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure></div>



<h2>Quatre bonnes raisons d&rsquo;utiliser les newsletters</h2>



<h3>1. Un email est peu coûteux</h3>



<p class="is-style-default">Il ne demande que peu de ressources et de matériel,&nbsp;contrairement au print, par exemple, qui demande du papier, de l&rsquo;encre, un espace d&rsquo;affichage et plusieurs corps de métiers pour sa réalisation.</p>



<p class="is-style-default">Il est rapidement produit, ce qui permet de ne pas monopoliser des collaborateurs sur sa réalisation pendant une longue durée.</p>



<h4>Coûts</h4>



<p class="is-style-default">« Peu coûteux » d&rsquo;accord, mais combien ? Il y a les coûts fixes&nbsp;: définir une stratégie de contenu, créer un design approprié à l&rsquo;entreprise, coder le template, former les utilisateurs&nbsp;afin qu&rsquo;ils puissent gérer seuls leur outil, tester et mesurer les résultats de la campagne.</p>



<p class="is-style-default">Et il y a les coûts variables, qui dépendent généralement du nombre d&rsquo;inscrits à la newsletter ainsi que du nombre d&#8217;emails envoyés. Voici un exemple de coûts variables de&nbsp;<a href="https://www.campaignmonitor.com/pricing/">Campaign Monitor</a>.</p>



<h3>2. Il construit des relations</h3>



<p class="is-style-default">L&#8217;email est un moyen de vous connecter directement avec vos prospects et vos clients. Vous vous adressez à eux personnellement. De cette façon, vous êtes aussi actif, vous allez à leur rencontre, ce n&rsquo;est pas aux clients de venir chercher des informations sur votre site mais à vous de leur&nbsp;fournir du contenu pertinent et personnalisé.​</p>



<h3>3. Il délivre votre message</h3>



<p class="is-style-default">C&rsquo;est à vous de choisir son contenu et ce que vous souhaitez communiquer. Il est maintenant facile de le personnaliser pour chaque récepteur. De plus, dans votre email, vous pouvez intégrer des liens directs avec votre site et amener les lecteurs à un endroit précis.</p>



<h3>​4. Ses résultats sont mesurables</h3>



<p class="is-style-default">Les résultats d&rsquo;une campagne&nbsp;sont visibles dans le temps. Les outils de campagnes de newsletters&nbsp;permettent un feedback très détaillé après l&rsquo;envoi d&rsquo;un email. Il est possible de voir qui a ouvert l&#8217;email, quels ont été les liens les plus cliqués, si les gens se sont désinscrits, etc.</p>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" width="1024" height="500" src="https://content.antistatique.net/app/uploads/2020/12/Comment-mesurer-limpacte-dune-Newsletter-avec-Google-Analytics-1024x500.png" alt="Capture d'écran des mesures Google Analytics pour une campagne Newsletter" class="wp-image-1010" srcset="https://content.antistatique.net/app/uploads/2020/12/Comment-mesurer-limpacte-dune-Newsletter-avec-Google-Analytics-1024x500.png 1024w, https://content.antistatique.net/app/uploads/2020/12/Comment-mesurer-limpacte-dune-Newsletter-avec-Google-Analytics-300x147.png 300w, https://content.antistatique.net/app/uploads/2020/12/Comment-mesurer-limpacte-dune-Newsletter-avec-Google-Analytics-768x375.png 768w, https://content.antistatique.net/app/uploads/2020/12/Comment-mesurer-limpacte-dune-Newsletter-avec-Google-Analytics.png 1386w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure></div>



<h2>Et si on parlait stratégie ?</h2>



<p class="is-style-default">Un email sert à communiquer <strong>avec</strong> les clients et à créer une relation avec ceux-ci. Il est l&rsquo;un des éléments qui reflète votre entreprise, avec vos publicités, vos produits, vos factures, etc. L’email est ce que les clients voient de vous. Il est <strong>efficace</strong> et <strong>direct</strong>. Sa gestion demande donc un peu de réflexion.</p>



<h3>Nous sommes là pour vous aider</h3>



<p class="is-style-default">Il est important pour Antistatique&nbsp;de vous guider, de vous conseiller et de vous former, non seulement dans l&rsquo;utilisation de l&rsquo;outil d&rsquo;envoi de newsletter mais aussi sur tout ce qui touche la&nbsp;<strong>stratégie de contenu</strong>. En effet, il est important de prendre en considération le fait que ce n’est pas le lecteur qui choisit d’aller sur un site mais l’expéditeur qui veut retenir l’attention du lecteur. Il est donc primordial de bien choisir son contenu.&nbsp;</p>



<p class="is-style-default">Il y a plusieurs types de newsletters possibles : les&nbsp;<strong>lettres de nouvelles</strong>&nbsp;qui expliquent simplement ce qu’il s’est passé au sein d’une entreprise, ce qu’il y a de nouveau, les derniers articles du blog, etc. ; les&nbsp;<strong>catalogues</strong>, qui mettent en avant des nouveaux produits ou des actions ;&nbsp;les&nbsp;<strong>annonces</strong>, qui permettent de prévenir leurs inscrits des&nbsp;événements à venir.</p>



<p class="is-style-default">La stratégie concerne aussi :</p>



<ul><li><strong>La périodicité</strong>&nbsp;: quand&nbsp;envoie-t-on une campagne ? Combien de campagnes dans une année ?</li><li><strong>Le ton de voix</strong>&nbsp;:&nbsp;qui est le destinataire ? Qu&rsquo;est-ce qu&rsquo;on communique ?</li><li><strong>La segmentation</strong>&nbsp;: il est possible de segmenter ses lecteurs, par type d&rsquo;intérêts, par exemple,&nbsp;s&rsquo;ils se sont inscrits en les précisant, comme chez&nbsp;<a href="http://www.fastcompany.com/newsletters">Fast Compagny</a>&nbsp;(ci-dessous). Des emails avec un contenu différent&nbsp;et adapté&nbsp;à chacun des inscrits permettent généralement d&rsquo;augmenter le nombre d&rsquo;ouvertures d&#8217;emails, de clics sur les liens et de minimiser les désinscriptions.</li></ul>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" width="1024" height="499" src="https://content.antistatique.net/app/uploads/2020/12/Segmentation-dune-Newsletter-1024x499.png" alt="" class="wp-image-1019" srcset="https://content.antistatique.net/app/uploads/2020/12/Segmentation-dune-Newsletter-1024x499.png 1024w, https://content.antistatique.net/app/uploads/2020/12/Segmentation-dune-Newsletter-300x146.png 300w, https://content.antistatique.net/app/uploads/2020/12/Segmentation-dune-Newsletter-768x374.png 768w, https://content.antistatique.net/app/uploads/2020/12/Segmentation-dune-Newsletter-1536x749.png 1536w, https://content.antistatique.net/app/uploads/2020/12/Segmentation-dune-Newsletter-2048x998.png 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure></div>



<ul><li><strong>L&rsquo;identité et le design</strong> : il est important de garder votre identité visuelle aussi dans les newsletters. Nous réalisons pour vous un design adapté à votre image qui respecte les codes visuels des emails et qui est responsive (donc lisible sur tous les supports).</li><li><strong>La gestion des langues</strong> : dans votre liste d&rsquo;inscrits, il y a surement des gens parlant différentes langues. Ce point est actuellement très facile à gérer : les campagnes peuvent être en plusieurs langues. Les inscrits reçoivent comme ceci l&rsquo;information dans leur langue.</li><li><strong>L&rsquo;automatisation</strong> : de nos jours, il est très facile d&rsquo;automatiser les envois : en effet, lors de l&rsquo;inscription à la newsletter, un email de bienvenue peut être envoyé automatiquement. De même lors d&rsquo;un anniversaire (si on est en possession de la date de naissance de l&rsquo;inscrit). Il est aussi possible d&rsquo;envoyer un email à chaque nouvel article de blog, etc. Il faut réfléchir à cela et définir une stratégie.</li></ul>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" width="1000" height="650" src="https://content.antistatique.net/app/uploads/2020/12/Automatisation-dune-Newsletter.jpg" alt="" class="wp-image-1022" srcset="https://content.antistatique.net/app/uploads/2020/12/Automatisation-dune-Newsletter.jpg 1000w, https://content.antistatique.net/app/uploads/2020/12/Automatisation-dune-Newsletter-300x195.jpg 300w, https://content.antistatique.net/app/uploads/2020/12/Automatisation-dune-Newsletter-768x499.jpg 768w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure></div>



<ul><li>Les&nbsp;<strong>tests</strong>&nbsp;:&nbsp;il est facile de tester le rendu visuel de l&#8217;email sur différents écrans et navigateurs. Et si deux versions de l&#8217;email sont envisagées, il est même possible d&rsquo;envoyer la première version à un échantillon d&rsquo;inscrits et la seconde à un autre, puis d&rsquo;analyser les résultats sur les deux versions afin d&rsquo;envoyer la meilleure.</li></ul>



<h2>En conclusion</h2>



<p class="is-style-default">Les campagnes d&#8217;emails sont toujours un moyen très puissant de communiquer. Mais il est nécessaire d&rsquo;avoir une bonne gestion de celles-ci pour ne pas finir dans les spams et avoir des résultats positifs. Nous réalisons des newsletters depuis plus de 10 ans, nous avons donc développé une expertise dans ce domaine et serions ravis de vous guider dans la réalisation de newsletters.</p>



<h2>Pour continuer</h2>



<p class="is-style-default"><a href="https://litmus.com/">Litmus</a>&nbsp;: pour leurs articles et leurs podcasts pointus et intéressants</p>



<p class="is-style-default">Les articles du blog de&nbsp;<a href="https://www.campaignmonitor.com/blog">Campaign Monitor</a>, pour leurs « trucs et astuces »</p>



<p class="is-style-default">Et si vous avez l&rsquo;occasion, le livre :&nbsp;<a href="https://www.sitepoint.com/premium/books/create-stunning-html-email-that-just-works/online/index">Create stunning HTML EMAIL that just works!&nbsp;</a></p>


Les newsletters : toujours d’actualité !


<p><strong><em>CMS headless, Gatsby, GraphQL</em> sont autant de termes tendance ces dernières années qui gravitent tous autour d’un même concept; un terme qui met des étoiles dans les yeux des développeurs web modernes : Jamstack !</strong></p>



<p>Jamstack est un acronyme pour <strong>J</strong>avaScript <strong>A</strong>PIs et <strong>M</strong>arkup, en résumé : une approche découplée où un client JavaScript (notre site) consomme une APIs (des données brutes) pour générer du markup (le contenu). L’époque où vous installiez un WordPress sur votre compte Infomaniak pour avoir un site est révolue. Maintenant il vous faut une application backend d’un côté pour gérer vos données (un CMS headless fera très bien l’affaire) et une application JavaScript de l’autre pour consommer, afficher et naviguer dans vos pages.</p>



<p>Alors, dis comme ça, ça semble clairement plus complexe, moins accessible et clairement <em>overkill</em>. C’est peut-être le cas, mais alors <strong>pourquoi est-ce que cette approche fait autant d’adeptes</strong> ?</p>



<h2>Diviser pour mieux régner</h2>



<p>La première réponse réside dans sa nature fondamentale, le découplage. À première vue, un site ou une application unique, également appelée monolithique, semble être une option plus simple. Or avec le temps, l’ajout de nouvelles fonctionnalités, contenus, maintenances, <strong>la taille du projet va grossir et rendre sa maintenabilité plus compliquée</strong>. De plus, si une des parties de notre projet devient dépréciée, c’est toute la viabilité de ce dernier qui est menacée.</p>



<p>Avec une approche découplée, vous <strong>découpez votre projet en portions logiques</strong> avec, dans l’idéal pour chacune, une fonction unique. De ce fait, chacune de vos parties sera entièrement optimisée pour la tâche qui lui aura été dévolue.</p>



<p>Prenons l’exemple d’un site de contenu traditionnel. Pour gérer votre contenu, nous avons besoin d’un CMS comme WordPress qui fait un travail remarquable quand il s’agit de rédiger des articles. Maintenant et contrairement à une approche traditionnelle, nous n’allons pas l’utiliser pour faire le rendu de notre site; certains outils sont bien plus optimisés pour ça. Nous allons donc nous orienter vers un outil comme Gatsby ou Next.js qui vont consommer le contenu de WordPress et en générer toutes les pages. Grâce à ça, nous aurons à fois un site ultra-performant, mais en plus et grâce à l’aspect JavaScript de notre client, <strong>nous n’avons aucune limite dans ce que notre site est capable de faire en termes de navigation et d’animations</strong>. Toujours au service de l’expérience utilisateur !</p>



<h2>Plus simple</h2>



<p>Comme je le relevais en introduction, cette approche peut sembler beaucoup plus complexe, mais il n’en est rien. Tous les outils qui gravitent autour de cette idée ; frameworks, librairies, hébergeurs, etc, ont tous le même objectif : <strong>enlever autant de frictions techniques que possible</strong>. Tout est pensé pour que les développeurs ne doivent se soucier que d’une chose, coder leur projet sans se préoccuper de la façon de le mettre en ligne ou qu’il soit correctement distribué parmi ses utilisateurs.</p>



<p>En plus de ça, toutes ces technologies sont hyper accessibles. Plus besoin d’avoir fait des années d’études en <em>computer science</em> ou d’avoir appris à maitriser un gros framework MVC. Il vous suffit de connaitre les bases de JavaScript, d’avoir suivi un ou deux tutoriels React ou Vue.js et vous pouvez commencer votre projet.</p>



<p>Pour finir, l’aspect sécurité est également simplifié. Étant donné que vos pages sont “statiques”, l’attaquant potentiel n’aura devant lui que du code généré. Plus d’accès direct depuis la base de données pour construire vos pages. Encore une fois, <strong>la séparation contribue à la sécurité de votre infrastructure</strong>.</p>



<h2>Plus de backend ?</h2>



<p>Oui et non. Pour qui veut développer un client Jamstack pour une application métier sur mesure, il vous faudra avoir recours à de bonnes connaissances ou une équipe de développeurs backend. Maintenant pour tous les autres cas, <strong>il y a des options hyper accessibles</strong>. Envie d’un peu de logique serveur, les fonctions lambda de votre hébergeur sont là pour ça. Envie d’un CMS, il existe un nombre incalculable de <em>CMS as a service</em> disponibles, sans oublier WordPress et ses amis Open-Source qui convergent tous dans ce sens. Envie d’envoyer des mails, là encore, soit votre hébergeur vous proposera des lambdas, soit vous pouvez avoir recours à un Saas.</p>



<p>— Ouai, mais par rapport à “avant”, ça en fait des services dont on dépend.</p>



<p>Oui et non, les services sont simplement un peu différents. <strong>Qui a déjà tenté d’héberger ses vidéos sans YouTube ou Vimeo</strong>, de faire un formulaire sans plug-in WordPress ou de mettre un calendrier en ligne sans Google Calendar ? Et même si c’est le cas, vous voyez où je veux en venir. Avant de vouloir réinventer la roue (en potentiellement moins bien), prenez le temps d’évaluer pragmatiquement vos options en comparant le temps de développement d’un “sur-mesure”, face aux tarifs et <em>trade offs</em> d’une solution existante.</p>



<h2>Concluons</h2>



<p>En plus d’être la meilleure DX (developer experience) sur le marché, la Jamstack amène pleins d’avantages à son adoption comme le gain non négligeable de performances, sa sécurité et son coup de mise en place.</p>



<p><strong>Chez Antistatique, c’est notre approche de prédilection en 2020 et nous avons hâte de vous en démontrer les bénéfices sur votre prochain projet !</strong></p>


That’s my jam!


<p>Si vous êtes abonné à notre&nbsp;<a href="https://antistatique.net/en/dont-panic">newsletter sur la thématique du design</a>&nbsp;<em>(quoi ?! ce n’est pas encore le cas ?)</em>, vous le savez peut-être déjà : fin septembre, nous avons eu la chance de participer à l’événement&nbsp;<a href="https://2020.ethicsbydesign.fr/"><em>Ethics by Design</em></a>&nbsp;organisé par l’<a href="https://designersethiques.org/">association Designers Éthiques</a>.&nbsp;</p>



<p>Vu le contexte actuel, vous vous douterez que cette édition 2020 s’est déroulée en ligne… C’était pour nous l’occasion d’assister pour la première fois pendant une semaine à des ateliers et des conférences sur ce sujet qui nous passionne : “l’éthique” du design et plus particulièrement la conception responsable et durable du numérique.&nbsp;</p>



<h2>Les conférences dans l’oeil de Tiphaine</h2>



<p>Nous avons pu assister à des présentations très diverses où il était surtout question d’écologie, de numérique responsable, de sobriété&#8230; Par exemple une présentation très complète du&nbsp;<a href="https://www.fairphone.com/fr/">Fairphone</a>&nbsp;par&nbsp;<a href="https://twitter.com/agnes_crepet">Agnès Crépet</a>&nbsp;et Alix Dodu, une explication du Systemic Design Toolkit par<a href="https://twitter.com/sabrina_trq">&nbsp;Sabrina Tarquin</a><a href="http://twitter.com/sabrina_trq">i</a>&nbsp;ou encore l’intervention du philosophe&nbsp;<a href="https://www.linkedin.com/in/%C2%93tony-fry%C2%94-b0539b15/">Tony Fry</a>&nbsp;sur l’économie et le design.&nbsp;</p>



<h3>La vision des futurs designers</h3>



<p>Ce que j’ai préféré, c’était le format participatif avec des étudiants en design. En effet, quelques jeunes aux parcours différents ont expliqué comment ils définissent leur futur métier de designer et pourquoi ils se sont dirigés vers une démarche éthique. Ces interventions étaient très spontanées. Cédric, un jeune designer qui se définit comme “designer humanitaire” nous a raconté son parcours et comment il s’était retrouvé à faire du design sur l’île de Lesbos en Grèce qui accueille un grand nombre de migrants. Cette intervention a plus ou moins mené à la conclusion que les étudiants en design doivent être curieux et proactifs,aller sur le terrain et se forger leur propre éthique sans attendre que leurs formations les sensibilisent à cela (même si c’est leur rôle…). De plus en plus d’établissements qui forment les futurs designers abordent la question de l’éthique mais c’est encore trop timide pour l’instant.</p>



<h3>L’éthique dans la conception des jeux vidéos</h3>



<p>J’ai aussi adoré le talk de&nbsp;<a href="https://twitter.com/CeliaHodent">Célia Hodent</a>&nbsp;qui nous a parlé des&nbsp;<em>darks patterns</em>&nbsp;dans les jeux vidéos. Sa présentation était vraiment captivante car elle faisait participer le public avec des petits jeux de mémoire et donnait beaucoup d’exemples concrets. Elle a passé en revue les sciences cognitives et nous a montré comment l’industrie du jeu vidéo “manipule l’attention des joueurs pour les aider à évoluer dans le jeu”.</p>



<p>C’était intéressant de se pencher sur les limites éthiques de ce&nbsp;<em>design de l’attention</em>&nbsp;dans le contexte du jeu. Je retiendrais cette phrase de Célia :</p>



<h3>Le handicap comme levier d’innovation</h3>



<p>Le dernier talk qui m’a beaucoup touché et inspiré était celui de Simon Houriez, directeur de l’association&nbsp;<a href="https://www.signesdesens.org/">Signe de Sens</a>, qui nous a parlé de l’innovation grâce au handicap. Il nous a présenté les personnes porteuses de handicap comme des “experts d’usage” : en effet il faut s’intéresser à la façon dont ils fabriquent des stratégies au quotidien pour utiliser des objets ou des services. Ils testent et améliorent jusqu’à obtenir une expérience satisfaisante pour eux. Le handicap peut être un levier d’innovation dans notre société : Utiliser les usages atypiques pour innover, cela dope la créativité et augmente la performance. Simon a parlé d’accessibilité et d’innovation par le handicap sans passer par un discours larmoyant, bien au contraire, c’était terriblement motivant et innovant. Je retiens cette phrase de Simon :</p>



<h2>Les ateliers du point de vue de Noémie</h2>



<p>Même si j’ai trouvé les conférences passionnantes, rien de mieux que de mettre les mains dans le cambouis pour approfondir le sujet. Voici un bref aperçu des 3 ateliers auxquels j’ai pu participer.</p>



<h3>Prospective, déconstruire nos croyances pour inventer de nouveaux futurs grâce aux artistes et à la fiction</h3>



<figure class="wp-block-image size-large is-style-default"><img loading="lazy" width="1024" height="576" src="https://content.antistatique.net/app/uploads/2020/12/black-mirror-chine-a15314-11x.jpeg" alt="Image tirée de la série Black Mirror montrant des adultes, tous concentrés sur leur téléphone." class="wp-image-185" srcset="https://content.antistatique.net/app/uploads/2020/12/black-mirror-chine-a15314-11x.jpeg 1024w, https://content.antistatique.net/app/uploads/2020/12/black-mirror-chine-a15314-11x-300x169.jpeg 300w, https://content.antistatique.net/app/uploads/2020/12/black-mirror-chine-a15314-11x-768x432.jpeg 768w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption><em>Image tirée de la série Black Mirror</em></figcaption></figure>



<p>Cet atelier donné par Daniel Kaplan de l’<a href="https://www.plurality-university.org/">Université de la Pluralité</a>&nbsp;&amp; Estelle Hary de&nbsp;<a href="http://design-friction.com/">Design Friction</a>&nbsp;m’a permis de découvrir la méthode du Design fiction, qui consiste à explorer les implications d&rsquo;évolutions futures. (<a href="https://www.letemps.ch/culture/black-mirror-serie-renvoie-effroyable-modernite">Black Mirror</a>, ça vous parle ?)</p>



<p>L’idée étant de rassembler des&nbsp;<a href="https://corpora.latelier-des-chercheurs.fr/ethics-by-design/">fragments de futurs imaginés</a>&nbsp;et d’ensuite inventer l’évolution du monde vers un futur désirable ou au contraire catastrophique en fonction de ceux-ci.&nbsp;</p>



<p>Si le sujet vous intéresse, il existe beaucoup de&nbsp;<a href="https://medium.com/@Design_Friction">documentation</a>&nbsp;dessus.</p>



<h3>Le label, une bonne solution ?</h3>



<figure class="wp-block-image size-large is-style-full-width"><img loading="lazy" width="936" height="463" src="https://content.antistatique.net/app/uploads/2020/12/sdgs_poster_936_fr.png" alt="Image listant les 17 objectifs du développement durable défini sur  https://www.un.org/sustainabledevelopment/fr/" class="wp-image-206" srcset="https://content.antistatique.net/app/uploads/2020/12/sdgs_poster_936_fr.png 936w, https://content.antistatique.net/app/uploads/2020/12/sdgs_poster_936_fr-300x148.png 300w, https://content.antistatique.net/app/uploads/2020/12/sdgs_poster_936_fr-768x380.png 768w" sizes="(max-width: 936px) 100vw, 936px" /><figcaption><em>Les 17 objectifs de développement durable.</em></figcaption></figure>



<p>Ce workshop a été conduit par le&nbsp;<a href="https://demain-sera.org/">collectif Demain sera_</a>&nbsp;qui interroge sur le rôle des designers pour tendre vers un futur souhaitable. Demain sera_ développe des outils pour “donner des clés d’actions“ et prendre des mesures concrètes dans les projets.</p>



<p>Nous avons tout d’abord fait le tour des labels existants (hé oui, il en existe déjà :&nbsp;<a href="https://bcorporation.net/">B Corp</a>,&nbsp;<a href="https://label-nr.fr/">numérique responsable</a>, ainsi que des normes iso :&nbsp;<a href="https://fr.wikipedia.org/wiki/ISO_9001">9001</a>,&nbsp;<a href="https://www.iso.org/fr/iso-26000-social-responsibility.html">26000</a>, etc.).</p>



<p>Puis les membres du Collectif nous ont fait testé un de leur atelier, qui met en lien les objectifs “business” d’une entreprise ou d’un projet avec les&nbsp;<a href="https://www.un.org/sustainabledevelopment/fr/">Objectifs de Développement Durable</a>&nbsp;(vous savez, ceux que l’on est censé atteindre en 2030&#8230;).</p>



<h3>Comment penser et rendre applicable une déontologie pour les designers ?</h3>



<figure class="wp-block-image size-large is-style-default"><img loading="lazy" width="1024" height="683" src="https://content.antistatique.net/app/uploads/2020/12/tingey-injury-law-firm-ycdpu73kgsc-unsplash-1024x683.jpg" alt="Statue avec les yeux bandés, tenant une balance qui représente la justice." class="wp-image-200" srcset="https://content.antistatique.net/app/uploads/2020/12/tingey-injury-law-firm-ycdpu73kgsc-unsplash-1024x683.jpg 1024w, https://content.antistatique.net/app/uploads/2020/12/tingey-injury-law-firm-ycdpu73kgsc-unsplash-300x200.jpg 300w, https://content.antistatique.net/app/uploads/2020/12/tingey-injury-law-firm-ycdpu73kgsc-unsplash-768x512.jpg 768w, https://content.antistatique.net/app/uploads/2020/12/tingey-injury-law-firm-ycdpu73kgsc-unsplash-1536x1024.jpg 1536w, https://content.antistatique.net/app/uploads/2020/12/tingey-injury-law-firm-ycdpu73kgsc-unsplash-2048x1365.jpg 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption><em>Photo de&nbsp;</em><a href="https://unsplash.com/@tingeyinjurylawfirm"><em>Tingey Injury Law Firm</em></a><em>,&nbsp;<a href="https://unsplash.com/s/photos/justice">Unsplash</a>.</em></figcaption></figure>



<p>Durant cet atelier mené par Marie-Cécile Godwin-Paccard &amp; Karl Pineau de&nbsp;<a href="https://designersethiques.org/">Designers Ethiques</a>, nous avons eu la chance d’écouter et d’interroger des personnes d’autres métiers (avocats, médecins, etc.) dans lesquels il y a une déontologie très forte.&nbsp;</p>



<p>Grâce à leurs conseils, nous avons pu faire des parallèles avec notre métier de Designer. L’idée étant au final de rédiger une charte.&nbsp;</p>



<p>Pour information, il existe déjà des chartes (celle de&nbsp;<a href="https://muledesign.com/2017/07/a-designers-code-of-ethics">Mike Monteiro</a>, celle de l’<a href="http://www.alliance-francaise-des-designers.org/afd-code-de-deontologie-du-designer-professionnel.html">Alliance française des designers</a>,&nbsp;<a href="https://chatons.org/fr/charte">CHATONS</a>, etc.). Les questions qui se posent sont “C<em>omment faire pour que tous les designers se l’approprient ?</em>”, “<em>Doit-on, comme les avocats, “jurer” au moment de recevoir son diplôme ?</em>”, “<em>Que faire en cas de non-respect d’un des points ?</em>”, etc.&nbsp;</p>



<p>Des questions intéressantes dont nous n’avons bien entendu pas pu répondre lors du workshop.</p>



<h2>Ça vous a mis l’eau à la bouche ?</h2>



<p>Pour voir les conférences en replay,&nbsp;<a href="https://2020.ethicsbydesign.fr/replays">ça se passe ici</a>&nbsp;!</p>



<p>Et n’hésitez pas à suivre de prêt l’<a href="https://designersethiques.org/">association des Designers Éthiques</a>, qu’on remercie pour cette conférence ! On y reparticipera à coup sûr l’année prochaine.</p>


Ethics by design 2020


<p>Pour ma première conférence à l’étranger, j’ai choisi&nbsp;<a rel="noreferrer noopener" href="http://2016.mobxcon.com/" target="_blank">MOBX</a>, une conférence qui se déroule à Berlin. C&rsquo;était pour moi l&rsquo;occasion de rencontrer d&rsquo;autres personnes intéressées par l&rsquo;expérience utilisateur&nbsp;sur mobile, entre autres.</p>


<div>
                
    <p style="font-family: Regola; font-size: 27px; font-weight: bold; line-height: 40.5px; margin-bottom: 30px; color: #000032;">A conference for Mobile User Experience, small screen Interaction Design and usable interfaces on smart devices. »</p>
    <div style="display: flex; flex-direction: row;flex-wrap: wrap;">
                    </div>
</div>



<h3><strong>Pourquoi celle-ci ?</strong></h3>



<p>En effet, les&nbsp;<a href="https://www.usertesting.com/blog/2016/01/13/top-ux-conferences-2016/" target="_blank" rel="noreferrer noopener">conférences</a>&nbsp;qui concernent l’expérience utilisateur ne manquent pas et beaucoup ont une très bonne réputation.</p>



<p>MOBX m’a particulièrement attirée car elle met vraiment en avant les différentes interfaces et l’expérience sur celles-ci.</p>


<div>
                
    <p style="font-family: Regola; font-size: 27px; font-weight: bold; line-height: 40.5px; margin-bottom: 30px; color: #000032;">MOBX is for all those who love small, mobile interfaces and smart experiences, good usability and consistent behaviour.</p>
    <div style="display: flex; flex-direction: row;flex-wrap: wrap;">
                          <div style="display: flex; flex-direction: column; justify-content: center;">
            <p style="margin: 0 0 0 20px; font-size: 18px; color: #000032">http://2016.mobxcon.com</p>
                      </div>
            </div>
</div>



<p>De plus, la ville de Berlin est plutôt motivante comme cadre&nbsp;😉&nbsp;. La conférence a lieu dans un cinéma, le Kino International, qui a beaucoup de charme. Nous avons été reçu comme des rois !</p>



<figure class="wp-block-image size-large is-style-default"><img loading="lazy" width="800" height="534" src="https://content.antistatique.net/app/uploads/2020/12/kino.jpg" alt="Kino International" class="wp-image-813" srcset="https://content.antistatique.net/app/uploads/2020/12/kino.jpg 800w, https://content.antistatique.net/app/uploads/2020/12/kino-300x200.jpg 300w, https://content.antistatique.net/app/uploads/2020/12/kino-768x513.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption><em>Photo : Jan Jursa :&nbsp;<a rel="noreferrer noopener" href="https://flic.kr/p/M96HGA" target="_blank">https://flic.kr/p/M96HGA</a></em></figcaption></figure>



<h3><strong>Une seule track,&nbsp;<a href="http://2016.mobxcon.com/schedule/" target="_blank" rel="noreferrer noopener">11 conférences</a></strong></h3>



<p>Le moins qu’on puisse dire, c’est que la journée a été très riche. En effet, nous avons eu droit à 11 conférences ainsi que&nbsp;le film&nbsp;<a href="https://www.designdisruptors.com/" target="_blank" rel="noreferrer noopener">Design Disruptors</a>,&nbsp;produit par&nbsp;<a href="https://www.invisionapp.com/" target="_blank" rel="noreferrer noopener">Invision</a>. Voici un bref tour d&rsquo;horizon des talks.&nbsp;</p>



<h4><strong>« How being a developer makes me a better designer »</strong></h4>



<p>J’ai beaucoup apprécié la conférence d&rsquo;ouverture. <a rel="noreferrer noopener" href="https://twitter.com/rafahari" target="_blank">Rafael Conde</a> a mis en avant l’importance de comprendre comment quelque chose fonctionne afin de proposer des solutions de design pertinentes.</p>


<div>
                
    <p style="font-family: Regola; font-size: 27px; font-weight: bold; line-height: 40.5px; margin-bottom: 30px; color: #000032;">To a client or a user, Design and development can be just words, just like our job titles. This perspective helped us understand that in reality we are nothing but a bunch of people working together on a project </p>
    <div style="display: flex; flex-direction: row;flex-wrap: wrap;">
                          <div style="display: flex; flex-direction: column; justify-content: center;">
            <p style="margin: 0 0 0 20px; font-size: 18px; color: #000032">Paolo Tripodi</p>
                      </div>
            </div>
</div>



<figure class="wp-block-image size-large is-style-default"><img loading="lazy" width="800" height="600" src="https://content.antistatique.net/app/uploads/2020/12/quote.jpg" alt="citation de Paolo Tripodi" class="wp-image-839" srcset="https://content.antistatique.net/app/uploads/2020/12/quote.jpg 800w, https://content.antistatique.net/app/uploads/2020/12/quote-300x225.jpg 300w, https://content.antistatique.net/app/uploads/2020/12/quote-768x576.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<h4><strong>« UX on the big Screen: How to create better apps for TV and Digital Signage Screens »</strong></h4>



<p>Nous avons ensuite écouté&nbsp;<a href="https://twitter.com/dolbydigger" target="_blank" rel="noreferrer noopener">Thorsten Jonas</a>&nbsp;nous parler de l’<strong>UX sur les grands écrans</strong>. Il y a non seulement les écrans TV (de différents types) qu’on peut utiliser à la maison, assis sur son canapé mais aussi les grands écrans dans la rue. Il y a plusieurs facteurs à prendre en compte, comme la distance, la méthode d’interaction (télécommande, doigt), l’utilisation intelligente de l’espace disponible, etc.</p>



<h4><strong>« Xing iOS Design System »</strong></h4>



<p>Lors de la troisième conférence, j’ai vraiment regretté que nos développeurs ne soient pas là !&nbsp;<a rel="noreferrer noopener" href="https://twitter.com/doritmielke" target="_blank">Doris Mielke</a>&nbsp;nous a expliqué la méthodologie de travail de XING et le fonctionnement du styleguide et du design system.</p>



<p>Design system is a centrally maintained system allows to focus on the concept, to prototype fast and to develop the yet missing parts of the design system.</p>



<figure class="wp-block-image size-large is-style-default"><img loading="lazy" width="800" height="600" src="https://content.antistatique.net/app/uploads/2020/12/styleguidevsdesignsystem.jpg" alt="Styleguide Vs. Design system" class="wp-image-842" srcset="https://content.antistatique.net/app/uploads/2020/12/styleguidevsdesignsystem.jpg 800w, https://content.antistatique.net/app/uploads/2020/12/styleguidevsdesignsystem-300x225.jpg 300w, https://content.antistatique.net/app/uploads/2020/12/styleguidevsdesignsystem-768x576.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<h4><strong>« The art and science of conversational interfaces »</strong></h4>



<p>Juste avant la pause de midi, <a rel="noreferrer noopener" href="http://whatsnext.nuance.com/author/tanya-kraljic/" target="_blank">Tanya Kraljic</a> nous a mis en appétit avec les<strong> interfaces de conversation</strong> (sujet qui m’intéresse particulièrement, comme vous avez pu le remarquer, nous testons <a rel="noreferrer noopener" href="https://www.intercom.com/" target="_blank">intercom</a> 😁). Il est important de comprendre que les personnes utilisant l’interface n’ont pas tous les mêmes références, le même environnement ou la même éducation. Il faut idéalement, que la conversation soit la plus naturelle possible pour éviter les frustrations. Elle nous a également rappelé que le design d’interface comprend également les algorithmes derrière la conversation.</p>



<h4><strong>« WTF is a roadmap ! »</strong>&nbsp;</h4>



<p>Le talk de&nbsp;<a rel="noreferrer noopener" href="https://twitter.com/iamctodd" target="_blank">C Todd Lombardo</a>, nous a donné des outils pour créer une roadmap et ensuite prioriser les fonctionnalités&#8230;&nbsp;Très utile ! Affaire à suivre.</p>



<figure class="wp-block-image size-large is-style-default"><img loading="lazy" width="800" height="600" src="https://content.antistatique.net/app/uploads/2020/12/prioritization.jpg" alt="prioritization" class="wp-image-843" srcset="https://content.antistatique.net/app/uploads/2020/12/prioritization.jpg 800w, https://content.antistatique.net/app/uploads/2020/12/prioritization-300x225.jpg 300w, https://content.antistatique.net/app/uploads/2020/12/prioritization-768x576.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<h4><strong>« How to build great products »</strong></h4>



<p><a rel="noreferrer noopener" href="https://twitter.com/wolfbruening" target="_blank">Wolf Brüning</a> nous a rendus attentif au fait que si un produit ne résout pas correctement un problème ou au contraire, si une solution existe sans problème, le produit est inutile.</p>


<div>
                
    <p style="font-family: Regola; font-size: 27px; font-weight: bold; line-height: 40.5px; margin-bottom: 30px; color: #000032;">Build the right product VS. Build the product right</p>
    <div style="display: flex; flex-direction: row;flex-wrap: wrap;">
                          <div style="display: flex; flex-direction: column; justify-content: center;">
            <p style="margin: 0 0 0 20px; font-size: 18px; color: #000032">@wolfbruening</p>
                      </div>
            </div>
</div>



<h4><strong>« Designing for the Next Billion People »</strong></h4>



<p>Nous avons ensuite eu la chance d’avoir&nbsp;<a href="https://twitter.com/PaolaMariselli" target="_blank" rel="noreferrer noopener">Paola Mariselli</a>, designer&nbsp;chez Facebook qui nous a partagé son expérience&nbsp;et qui a insisté sur l’importance de l’empathie.</p>



<h4><strong>« Designing for the exponential future »</strong></h4>



<p><a href="https://twitter.com/martinwezowski" target="_blank" rel="noreferrer noopener">Martin Wezowski</a>&nbsp;et&nbsp;<a href="https://de.linkedin.com/in/andreaswegner" target="_blank" rel="noreferrer noopener">Andreas Wegner</a>&nbsp;nous ont tout deux parlé du futur, de l’innovation et de la participation des robots dans ceux-ci.</p>



<h4><strong>« Design Principles as Levers for Change »</strong></h4>



<p>UX Values : empathy, efficiency, nocelty, accessibility, usefulness, elegance, brevity, usability, learnability, beauty, respect for human time &amp; dignity, simplicity, clarity, delightfulness.</p>



<figure class="wp-block-image size-large is-style-default"><img loading="lazy" width="800" height="600" src="https://content.antistatique.net/app/uploads/2020/12/uxvalues.jpg" alt="UX Values" class="wp-image-847" srcset="https://content.antistatique.net/app/uploads/2020/12/uxvalues.jpg 800w, https://content.antistatique.net/app/uploads/2020/12/uxvalues-300x225.jpg 300w, https://content.antistatique.net/app/uploads/2020/12/uxvalues-768x576.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<p>La journée s’est terminée avec la conférence de <a rel="noreferrer noopener" href="https://antistatique.net/twitter.com/kimgoodwin" target="_blank">Kim Goodwin</a>. Elle nous a parlé de l’importance d’aligner ses valeurs à l’intérieur d’une équipe.</p>


<div>
                
    <p style="font-family: Regola; font-size: 27px; font-weight: bold; line-height: 40.5px; margin-bottom: 30px; color: #000032;">Design principles can give teams a shared language and shared set of criteria for making the inevitable tradeoffs</p>
    <div style="display: flex; flex-direction: row;flex-wrap: wrap;">
                          <div style="display: flex; flex-direction: column; justify-content: center;">
            <p style="margin: 0 0 0 20px; font-size: 18px; color: #000032">Kim Goodwin</p>
                      </div>
            </div>
</div>



<h3><strong>En résumé&nbsp;</strong></h3>



<p>Cette conférence a été une jolie surprise et des sujets importants ont été abordés. Pour moi ça a vraiment renforcé l&rsquo;importance&nbsp;de&nbsp;<strong>se focaliser sur la résolution de problèmes réels pour les utilisateurs</strong>&nbsp;<strong>directs</strong>&nbsp;et d’<strong>avoir une grande empathie pour ceux-ci</strong>.</p>



<p>J&rsquo;espère vous avoir mis l&rsquo;eau à la bouche et que vous avez envie d&rsquo;en savoir plus ! Qui vient avec moi l’année prochaine ?&nbsp;😁</p>


Conférence : MOBX à Berlin


<p>Après avoir enchainé les épreuves, affronté les autoroutes bondées et les tempêtes de pluie glaçante, une jeune pousse fit son apparition par un jour brumeux et froid dans le Nord-vaudois, une espèce venue des villes romandes et notamment de Genève. Avait-elle migré par besoin de nature, d&rsquo;herbes et de forêts ? Oui totalement, car le béton n&rsquo;est pas terrible pour pousser.&nbsp;</p>



<p>C&rsquo;est ainsi qu&rsquo;après ce périple, avec un chat sous chaque bras&nbsp;que j&rsquo;ai atterri en pleine campagne vaudoise.</p>



<h2>Parcours&nbsp;</h2>



<p>Après avoir fini plusieurs années d&rsquo;étude (CFC à CFPA Genève et Bachelor à Crea Genève) et des stages obligatoires en Développement Web, je suis arrivée chez Antistatique en tant que Front-end Junior. « Encore une fille !!!, ouiii »&nbsp;</p>



<h2>Hobbys&nbsp;</h2>



<h3>La cuisine&nbsp;</h3>



<p>De l&rsquo;Asie en passant par l&rsquo;Italie ou du local, c&rsquo;est avec envie que j&rsquo;aime faire à manger pour faire plaisir à tout le monde. Goûté et Inventé des recettes sont aussi mes passe-temps, il faut avouer que des fois il y a des ratés et le plat se transforme en monstre immonde ne ressemblant à rien.&nbsp;</p>



<h3>Les Arts</h3>



<p>Que ce soit à la tablette graphique ou à la main, depuis toute petite la passion du dessin et de la peinture est bien présente. En l&rsquo;attente de trouver le style me correspondant, j&rsquo;explore plusieurs techniques telle un caméléon du dessin. Voici notamment un petit avant goût sur instagram :&nbsp;</p>



<ul><li><a href="https://instagram.com/littletreemoss/">littletreemoss</a>&nbsp;:&nbsp;peintures crées&nbsp;avec des pigments naturels</li><li><a href="https://www.instagram.com/_kurokay/">kurokay</a>&nbsp;: différents styles</li></ul>



<h3>La Musique</h3>



<p>Après plusieurs années de cours de guitare classique et électrique, la composition et l&rsquo;écriture font partie des nouveautés de ces dernières années, mais rien ne vaut une petite Jam entre amis.&nbsp;</p>



<h3>Voyager</h3>



<p>Je suis toujours à la recherche d&rsquo;endroits secrets et atypiques, même si le pays est connu pour certaine chose, il y a toujours une part que seul les habitants connaissent et c&rsquo;est ça qui est intéressant quand on voyage !</p>


Blog

Recevez notre newsletter mensuelle