{"id":1506,"date":"2025-02-22T00:41:21","date_gmt":"2025-02-21T23:41:21","guid":{"rendered":"http:\/\/zoeguillemain.fr\/?p=1506"},"modified":"2025-02-22T01:04:19","modified_gmt":"2025-02-22T00:04:19","slug":"lgbt-waukesha-vie-associative-et-webdesign","status":"publish","type":"post","link":"https:\/\/zoeguillemain.fr\/index.php\/2025\/02\/22\/lgbt-waukesha-vie-associative-et-webdesign\/","title":{"rendered":"LGBT Waukesha: vie associative et webdesign"},"content":{"rendered":"\n

Pendant un an et demi, j’ai eu la chance d’habiter aux \u00c9tats Unis <\/strong>dans le cadre d’un VIE (pour en savoir plus, c’est par ici!<\/a>). Je me suis donc install\u00e9e \u00e0 Waukesha, Wisconsin pendant 18 mois. Et partout o\u00f9 je vais, il faut que je m’investisse dans des projets culturels ou associatifs <\/strong>– j’ai la bougeotte, et je m’ennuie si je ne fais pas quelque chose de mes dix doigts.<\/p>\n\n\n\n

Bref, au bout de six mois, je me suis retrouv\u00e9e au comit\u00e9 de direction de l’association LGBT Waukesha<\/strong>, avec pour mission de construire un site web from scratch.<\/em><\/p>\n\n\n\n

Je vous spoil d\u00e9j\u00e0 la fin, voici le site fini<\/a>! Je vous explique plus bas comment il a \u00e9t\u00e9 con\u00e7us \ud83d\udc47<\/p>\n\n\n\n

\n

\ud83d\udcc1<\/strong> R\u00e9alisations<\/strong>
\u2713 Site web \u2713 R\u00e9f\u00e9rencement Google optimis\u00e9<\/p>\n\n\n\n

\ud83d\udcaa<\/strong> Hard Skills<\/strong>
\u2713 Benchmark \u2713 Installation de site WordPress \u2713 Web design \u2713 R\u00e9daction \u2713 SEO<\/p>\n\n\n\n

\ud83d\udca1<\/strong> Soft Skills<\/strong>
\u2713 Travail d’\u00e9quipe \u2713 Communication \u2713 Autonomie<\/p>\n<\/blockquote>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Du groupe de potes \u00e0 l’association Loi 1901<\/h2>\n\n\n\n

LGBT Waukesha, c’est d’abord un groupe informel cr\u00e9\u00e9 en 2019 par Erik Czech-Swanson<\/a>, pour offrir un espace culturel, amical et actif \u00e0 la communaut\u00e9 queer du coin. Ce qui a commenc\u00e9 avec un serveur Discord et un club de lecture en ligne est devenu un groupe d’une cinquantaine de personnes, avec une pr\u00e9sence officielle dans les \u00e9v\u00e9nements culturels municipaux, des activit\u00e9s r\u00e9currentes comme une soir\u00e9e jeux et un club d’art plastique, et un dossier pour devenir une association loi 1901 (ou en tout cas l’\u00e9quivalent am\u00e9ricain).<\/p>\n\n\n\n

J’ai imm\u00e9diatement \u00e9t\u00e9 s\u00e9duite par l’\u00e9nergie d’Erik et le potentiel du projet, et lorsqu’il a lanc\u00e9 un appel \u00e0 volontaires pour monter un comit\u00e9 de direction associatif, j’ai tout de suite lev\u00e9 la main. <\/p>\n\n\n\n

Une vitrine de la vie associative<\/h2>\n\n\n\n

Mes comp\u00e9tences sont dans la communication et les technologies du web, et c’est ces comp\u00e9tences que j’ai propos\u00e9 \u00e0 l’association.<\/p>\n\n\n\n

Ma mission: construire un site web<\/strong>.<\/p>\n\n\n\n

Choix de l’h\u00e9bergeur<\/h3>\n\n\n\n

J’ai commenc\u00e9 par un benchmark <\/strong>des options d’h\u00e9bergement. Avoir un site web coute de l’argent, j’ai donc compar\u00e9 une dizaine d’h\u00e9bergeurs en prenant en compte le co\u00fbt total sur 5 ans (car il y a toujours des remises sur les premi\u00e8res ann\u00e9es) versus les services propos\u00e9s (taille de l’espace de stockage, back-up des donn\u00e9es, nom de domaine inclus, support technique…)<\/p>\n\n\n\n

Une fois que le comit\u00e9 s’est mis d’accord sur le budget, l’h\u00e9bergeur, le nom de domaine, et l’extension (.com, .net ou .org, ce n’est pas anodin!), je me suis occup\u00e9e de l’achat, de l’installation et du design du site. <\/p>\n\n\n\n

Choix du CMS<\/h3>\n\n\n\n

La meilleure option pour un r\u00e9sultat rapide mais professionnel \u00e9tait d’utiliser un CMS (Content Management System). Il s’agit une plateforme qui traduit le code HTML\/CSS en une interface visuelle <\/strong>facile \u00e0 utiliser. Et en mati\u00e8re de CMS, on ne change pas une \u00e9quipe qui gagne: j’ai opt\u00e9 pour WordPress <\/strong>et sa collection gargantuesque de plugins.<\/p>\n\n\n\n

Il \u00e9tait \u00e9galement important que d’autres membres du groupe, avec moins de connaissances techniques, puissent plus tard prendre la main sur la gestion du site. WordPress est tr\u00e8s maniable <\/strong>(apr\u00e8s une l\u00e9g\u00e8re courbe d’apprentissage), et surtout tr\u00e8s bien document\u00e9<\/strong>.<\/p>\n\n\n\n

Erik m’a fourni un cahier des charges pour le contenu du site, et m’a laiss\u00e9 carte blanche sur la structure et l’apparence. <\/p>\n\n\n\n

Design du site<\/h3>\n\n\n\n

Les objectifs du site web \u00e9taient multiples:<\/p>\n\n\n\n

    \n
  • pr\u00e9senter <\/strong>en un coup d\u2019\u0153il l’association, ses valeurs et ses missions<\/li>\n\n\n\n
  • annoncer <\/strong>les \u00e9v\u00e9nements \u00e0 venir<\/li>\n\n\n\n
  • inviter <\/strong>les gens \u00e0 nous contacter ou nous rejoindre<\/li>\n<\/ul>\n\n\n\n

    J’ai donc choisi de cr\u00e9er un one-page<\/strong>: simple, efficace, avec un parcours pr\u00e9-d\u00e9termin\u00e9 pour les visiteur-euses, parsem\u00e9 d’appels \u00e0 action.<\/p>\n\n\n\n

    Une image vaut mille mots: <\/strong>l’\u00e9cran d’accueil est une photo de la parade du 4 Juillet (f\u00eate nationale) de Waukesha, o\u00f9 une trentaine de membres ont d\u00e9fil\u00e9 sous la banni\u00e8re de l’association. J’ai mis l’accent sur les photos d’\u00e9v\u00e9nements<\/strong>, pour mettre en avant le dynamisme du groupe.<\/p>\n\n\n\n

    \"\"\/<\/figure>\n\n\n\n

    Parmi les contenus demand\u00e9s par Erik, il y avait bien s\u00fbr la liste de nos \u00e9v\u00e9nements r\u00e9currents, et un acc\u00e8s \u00e0 la mailing list et aux r\u00e9seaux sociaux, mais aussi une liste d’articles de presse<\/strong>. Eh oui, on parle de LGBT Waukesha dans les news!<\/p>\n\n\n\n

    En terme de charte graphique<\/strong>, il \u00e9tait assez \u00e9vident que les arcs-en-ciels allaient jouer un r\u00f4le central. Pour \u00e9viter l’effet \u00ab\u00a0technicolor\u00a0\u00bb, j’ai choisi d’utiliser des teintes assez claires et pastelles, et de les intercaler avec des photos et des espaces blancs.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n
    \"\"<\/figure>\n\n\n\n

    <\/p>\n\n\n\n

    Optimisation SEO<\/h3>\n\n\n\n

    La derni\u00e8re \u00e9tape, c’est de faire en sorte qu’on trouve ce site!<\/p>\n\n\n\n

    Le SEO, ou Search Engine Optimization<\/strong>, est l’art de savoir parler aux robots r\u00e9f\u00e9renceurs de Google.<\/p>\n\n\n\n

    Le crit\u00e8re central est la pr\u00e9sence de liens, entrants et sortants<\/strong>. Heureusement nous ne sommes pas seul-es: LGBT Waukesha collabore avec des associations, services municipaux, et autres acteur-ices locales, dont les sites pointent vers le notre. De notre c\u00f4t\u00e9, nous pointons vers nos r\u00e9seaux sociaux, les sites de ces autres groupes, et quelques articles de presse. <\/p>\n\n\n\n

    Le reste est une affaire de mots-cl\u00e9s<\/strong>: mettre les bons mots aux bons endroits. J’ai pr\u00eat\u00e9 une attention particuli\u00e8re aux intitul\u00e9s des titres, aux ancres des liens, et aux descriptions des images (qui sont utiles aussi pour les internautes malvoyant-es qui utilisent un lecteur d’\u00e9cran!).<\/p>\n\n\n\n

    Ensuite, eh bien, il faut attendre: le temps et les clics font leur \u0153uvre. <\/p>\n\n\n\n

    R\u00e9sultat: deuxi\u00e8me sur Google<\/strong>, juste derri\u00e8re notre propre page Facebook!<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Retour d’exp\u00e9rience<\/h2>\n\n\n\n

    J’ai ador\u00e9 participer \u00e0 la vie de LGBT Waukesha, \u00e0 la fois en tant que visiteuse des \u00e9v\u00e9nements, et en tant que membre du comit\u00e9. <\/p>\n\n\n\n

    La vie associative est une brique importante de mon quotidien, et je suis heureuse d’avoir pu continuer cet engagement pendant mon s\u00e9jour aux \u00c9tats Unis. \u00c7a a \u00e9t\u00e9 une occasion en or d’apprendre de nouvelles choses sur WordPress et le webdesign, de mettre \u00e0 profit mes connaissances dans un projet d’utilit\u00e9 publique mais surtout tr\u00e8s fun, et de travailler aux c\u00f4t\u00e9s de personnes enthousiastes, motiv\u00e9es et bourr\u00e9es de bonnes id\u00e9es. Je suis fi\u00e8re d’avoir pu participer \u00e0 ma mani\u00e8re \u00e0 l’\u00e9volution de cette association, et j’esp\u00e8re – non, je suis s\u00fbre qu’elle ira loin!<\/p>\n","protected":false},"excerpt":{"rendered":"

    Pendant un an et demi, j’ai eu la chance d’habiter aux \u00c9tats Unis dans le cadre d’un VIE (pour en savoir plus, c’est par ici!). Je me suis donc install\u00e9e \u00e0 Waukesha, Wisconsin pendant 18 mois. Et partout o\u00f9 je vais, il faut que je m’investisse dans des projets culturels ou associatifs – j’ai la […]<\/p>\n","protected":false},"author":2,"featured_media":1564,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[17,89,28,88,54,81],"class_list":["post-1506","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-projets-personnels","tag-anglais","tag-associatif","tag-communication","tag-diversite-et-inclusion","tag-marketing","tag-web"],"_links":{"self":[{"href":"https:\/\/zoeguillemain.fr\/index.php\/wp-json\/wp\/v2\/posts\/1506","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zoeguillemain.fr\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/zoeguillemain.fr\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/zoeguillemain.fr\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/zoeguillemain.fr\/index.php\/wp-json\/wp\/v2\/comments?post=1506"}],"version-history":[{"count":12,"href":"https:\/\/zoeguillemain.fr\/index.php\/wp-json\/wp\/v2\/posts\/1506\/revisions"}],"predecessor-version":[{"id":1580,"href":"https:\/\/zoeguillemain.fr\/index.php\/wp-json\/wp\/v2\/posts\/1506\/revisions\/1580"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/zoeguillemain.fr\/index.php\/wp-json\/wp\/v2\/media\/1564"}],"wp:attachment":[{"href":"https:\/\/zoeguillemain.fr\/index.php\/wp-json\/wp\/v2\/media?parent=1506"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/zoeguillemain.fr\/index.php\/wp-json\/wp\/v2\/categories?post=1506"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/zoeguillemain.fr\/index.php\/wp-json\/wp\/v2\/tags?post=1506"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}