Création de site web WordPress pour un concours annuel

CREATING.LV a développé le site web WordPress du concours « Būvindustrijas Lielā balva » — un concours annuel organisé par Latvijas Būvinženieru savienība, une organisation du secteur de la construction. La création d’un site web pour un concours annuel impliquait une fonction principale : chaque année, les visiteurs peuvent voter sur le site pour leur favori. Le projet a été livré en 2016.

Un vote public exige des règles claires. Si l’on peut voter sans limite, le résultat peut être faussé par des votes répétés depuis un même endroit. La mission ne consistait donc pas seulement à ajouter un vote, mais aussi à définir son fonctionnement et à présenter, à côté du vote, les nominés, les résultats, les actualités et les sponsors du concours.

CREATING.LV a développé le site du concours sur la plateforme WordPress, y compris son design visuel et son ergonomie. Le périmètre comprenait :

• le design ;
• une rubrique des nominés avec les profils des candidats ;
• le vote pour son favori — une extension de vote intégrée, avec des limitations supplémentaires que nous avons configurées ;
• une rubrique des résultats ;
• les actualités ;
• une rubrique des sponsors ;
• une version mobile.

Pour le vote, une extension de vote a été intégrée au site. En plus des possibilités de l’extension, nous avons configuré une limitation du vote depuis une même adresse IP : depuis une même adresse, on peut voter une fois par jour. Les critères de vote avaient été définis à l’avance : pendant toute la durée du vote, les mêmes règles s’appliquaient donc à tous les votants.

Le parcours du votant :

• il ouvre la rubrique des nominés et découvre les nominés ;
• il choisit son favori et vote ;
• le lendemain, il peut revenir et voter à nouveau.

Cette règle limite les votes répétés depuis une même adresse, tout en permettant au visiteur de soutenir son favori chaque jour pendant le concours — dans le cadre du règlement du concours. Chaque vote est associé à une adresse IP et à un jour, et le système n’accepte pas un second vote depuis la même adresse le même jour.

L’extension comptabilise les votes exprimés, tandis que la limitation que nous avons configurée détermine à quelle fréquence un vote peut être exprimé depuis une même adresse. L’approche « extension existante et réglages supplémentaires » évite de construire le vote à partir de zéro tout en l’adaptant au règlement d’un concours précis. Un site de concours avec vote repose ainsi sur un outil existant, mais les règles sont celles de l’organisateur du concours. Cette approche a aussi un volet maintenance : une extension existante est mise à jour par son éditeur, il vaut donc la peine de vérifier après chaque mise à jour de l’extension que la limitation supplémentaire fonctionne comme auparavant.

L’adresse IP est l’adresse réseau depuis laquelle le visiteur ouvre le site. Une limitation par adresse IP ne nécessite en soi ni inscription du votant ni adresse e-mail : c’est donc l’un des moyens les plus simples de limiter les votes répétés sans compliquer la tâche du votant.

Cette règle a aussi un coût que l’organisateur du concours doit connaître. Lorsque plusieurs personnes utilisent le même réseau, par exemple dans un même bureau, leurs appareils ont souvent une seule adresse IP commune vers l’extérieur, et un seul vote par jour peut alors être accepté pour tout le réseau. Il en va de même sur les réseaux mobiles, où plusieurs utilisateurs partagent souvent une adresse IP externe commune. À l’inverse, si l’adresse IP d’une connexion change au fil du temps, il peut être possible de voter plus d’une fois le même jour depuis le même appareil. C’est pourquoi, en choisissant les règles de vote, il faut comprendre ce que chaque limitation permet et ce qu’elle ne permet pas.

Lorsque vous planifiez un vote similaire, il vaut la peine de comparer plusieurs modes de limitation. Une limitation par cookie dans le navigateur se contourne facilement en effaçant les cookies ou en ouvrant un autre navigateur. Un vote avec confirmation par e-mail limite plus strictement les votes répétés, mais impose une étape supplémentaire à chaque votant. La limitation par IP se situe entre ces deux approches. Il faut aussi décider ce que signifie « une fois par jour » — un jour calendaire ou 24 heures depuis le vote précédent.

Le vote n’est qu’une partie du concours. Le site comporte aussi des rubriques qui présentent le concours dans son ensemble :

• nominés — profils des candidats avec prénom, nom, fonction et employeur, accompagnés du module de vote ;
• résultats — l’issue du concours ;
• actualités — informations sur le déroulement du concours ;
• sponsors — les soutiens du concours.

Un site de concours avec vote sert ainsi non seulement pendant les jours de vote, mais aussi avant et après : les actualités permettent d’annoncer le lancement du concours, et la rubrique des résultats d’en présenter l’issue. Dans WordPress, les actualités sont généralement des articles avec une date de publication : l’annonce la plus récente apparaît en tête de liste, et les précédentes sont conservées. La rubrique des sponsors offre aux soutiens du concours une place permanente sur le site. Au moment de la livraison, le site comportait aussi un formulaire de contact ainsi que des galeries photo et vidéo.

Le design visuel, l’ergonomie et la version mobile du site du concours sont l’œuvre de CREATING.LV. Dans le design, il y a de la place, à côté du vote, pour les nominés, les résultats, les actualités et les sponsors, afin que chaque partie du concours se trouve dans sa propre rubrique.

Sur notre capture d’écran, la page d’accueil montre des photos de la cérémonie de remise des prix, tandis que les sponsors sont présentés par leurs logos. Le visiteur reconnaît les logos plus vite que les noms des sponsors dans un texte : les sponsors sont donc visibles sans occuper beaucoup de place.

Le concours a lieu chaque année, et le vote pour le favori se répète. Le vote est donc une fonction du site, et non une solution ponctuelle pour une seule année : les nominés et les résultats changent, mais la structure du site sert à chaque nouvelle édition du concours. La création d’un site web pour un concours annuel exige aussi de prévoir comment séparer les nominés de la nouvelle édition des nominés et des résultats des années précédentes, afin que seuls les participants de l’édition en cours figurent dans le vote. Les nominés, les résultats et les actualités ont été publiés sur le site par Inga Jākobsone de CREATING.LV.

Le site a été développé sur la plateforme WordPress avec une extension de vote intégrée et une limitation par IP que nous avons configurée. Par la suite, lielabalva.lv a été refondu : nous décrivons donc ici la solution telle que nous l’avons livrée. Sur WordPress comme plateforme pour un site de concours, consultez l’article Développement de sites web WordPress.

Ce type de site convient à un concours annuel, à une remise de prix ou à un prix du public, lorsque le vote doit se dérouler sur le site selon des règles clairement définies et que les nominés, les résultats et les sponsors doivent aussi être présentés au même endroit. Il convient également à une organisation professionnelle qui organise un vote chaque année et souhaite le gérer sur son propre site.

La création d’un site web pour un concours annuel doit être planifiée sur plusieurs années, car le même site servira aux éditions suivantes du concours. Pour Latvijas Būvinženieru savienība (Union des ingénieurs civils de Lettonie), nous avons aussi développé un portail d’actualités avec un magazine en ligne. Sur la planification et le développement des fonctionnalités d’un site, consultez la page développement de sites web pour entreprises.

• Création de site web

lielabalva.lv

Le portfolio présente la solution développée au moment de la livraison du projet. Le site actuel a pu être modifié depuis.