Comment créer un site web avec Yapla

S’abonner

Que votre OBNL ait besoin d’une refonte de son site web ou qu’il s’agisse de son tout premier, faire les démarches nécessaires pour y arriver demande un certain temps et de l’organisation. Suite à notre expérience avec différents types d’organisations, nous avons identifié les étapes qui permettent de créer efficacement un site web.

Dans cet article nous présenterons ce que vous devez préparer en amont, comment démarrer avec l’application Site Web et comment collaborer efficacement avec notre équipe d’experts Yapla si vous bénéficiez de notre accompagnement (vous pouvez en apprendre plus sur ce service ici).

​Débutez par la structure de votre site

RASSEMBLEZ LE CONTENU

La première étape est de préparer une arborescence qui définira la structure d’information de votre site. Pensez aux objectifs de votre site (recruter des nouveaux membres, recevoir davantage de dons ?, etc.) et à la mission de votre association. Vous pourrez déterminer ainsi les contenus les plus pertinents, que ce soit les textes, les visuels et les fonctionnalités à mettre en place. Notre article Les étapes pour créer un site web d'OBNL efficacement décrit l’importance de cette étape et comment bien la réaliser.

IDENTIFIEZ LES FONCTIONNALITÉS NÉCESSAIRES

Réfléchissez aux fonctionnalités dont vous avez besoin. Vous pouvez par exemple promouvoir vos événements et vos dernières nouvelles, ajouter un espace membre, afficher un annuaire des membres avec leur géolocalisation, ajouter des formulaires, réaliser une campagne de dons, etc.

RÉALISEZ LE PROTOTYPE DE VOTRE SITE

Lorsque votre arborescence, votre contenu et vos fonctionnalités sont déterminés, vous pouvez débuter la construction de votre site. Il vous suffit, dans l’application Site web, d’appuyer sur le bouton Ajouter un site web. Par la suite, vous avez le choix de partir avec un template existant (voir la liste des templates disponibles sur Yapla) ou un template vierge. Si vous travaillez avec notre équipe en accompagnement ou avec un designer ou intégrateur, nous vous recommandons d'utiliser ce dernier car il sera plus facile de le personnaliser à votre image et de déterminer l’emplacement des sections.



mceclip1.png

STRUCTUREZ LA PAGE MAÎTRESSE

Pensez à la structure de vos pages : au nombre de colonnes qu’elles contiendront, à la position de votre menu de navigation et aux sections qui reviendront d’une page à l’autre. Par exemple, l'entête de votre site sera la même sur toutes les pages du site, on y trouvera généralement votre logo, la connexion des membres, les réseaux sociaux, le sélecteur de langue, le menu, etc. Même chose pour le pied de page dans lequel vous pouvez ajouter vos informations de contact, un formulaire pour l’inscription à votre infolettre, etc.

Pour éviter de configurer manuellement ces sections sur chacune des pages, nous vous suggérons de travailler avec une page maîtresse. Celle-ci sert à appliquer automatiquement sur les pages concernées la structure de page désirée et les éléments répétitifs. Pour savoir comment configurer votre page maîtresse, consultez notre article d’aide en ligne sur le Fonctionnement des pages maîtresses.


CRÉEZ VOS PAGES

Lorsque votre page maîtresse est réalisée, vous pouvez débuter la création de pages web et y ajouter votre contenu ainsi que vos fonctionnalités, déterminées lors de la structure de votre site, à l’aide des modules Yapla. Un module est un composant graphique qui gère une ou des fonctions avancées de Yapla. Vous n’avez donc pas besoin de connaissances techniques. Tout se fait automatiquement et chaque module est configurable en fonction de vos besoins. Par exemple, avec notre module Annuaire des membres, notre système appelle l’information et génère automatiquement la liste des membres sur votre site.

Pour déterminer les modules qui doivent être utilisés pour chacune de vos fonctionnalités, consultez la liste de nos modules offerts pour l’application site web.

mceclip0.png

CONFIGUREZ LE CONTENU DES MODULES

Certains contenus reliés aux modules ont besoin d’être configurés en dehors des pages web. Par exemple, pour afficher vos actualités, vous devez créer des articles. Pour savoir comment procéder, vous pouvez consulter notre article Comment utiliser l'outil de création d'articles?. Même chose pour afficher vos événements, vous devez les créer dans l’application Événements et pour ajouter un annuaire des membres, vous devez les ajouter dans l’application Membres.

Vous pouvez donc visualiser votre prototype en ligne.

a.jpg

Habillez votre site web

DÉTERMINEZ LE DESIGN

Lorsque le contenu et les fonctionnalités sont ajoutés au site, vous devez passer à l’étape du design. Si vous n’avez pas utilisé un template, il est possible de faire appel à un designer. Ce dernier débutera par la conception de maquettes statiques, permettant une vue d’ensemble de l'apparence, en lien avec votre identité visuelle et de l’expérience ressenti lorsqu’un utilisateur ira sur votre site. Il peut également faire la conception d’un guide de style pour déterminer la hiérarchie des titres, les différents états des boutons (par exemple, comment il réagit au survol du curseur), les couleurs et la typographie à utiliser, etc. Ceci permet de s’assurer de l’uniformité de l’ensemble du site et que ce dernier respecte l’identité visuelle de votre OBNL.

b.jpg

INTÉGREZ LE DESIGN AU SITE

Lorsque vous avez en main le design personnalisé de votre site, un intégrateur doit s’occuper de reproduire le design en HTML.  Il devra s’assurer qu’il est adaptatif, c’est-à-dire qu’il s’adapte aux différentes plateformes web et à tout type d’écrans. Pour ajouter vous même les styles graphiques, vous pouvez consulter notre article qui traite de l’habillage personnalisé des pages.

Et maintenant, faites vivre votre site web !

Vous avez maintenant un site web qui permet de vous trouver sur la toile, d’en apprendre davantage sur votre OBNL et d’atteindre vos objectifs. Il vous reste plus qu’à le faire vivre, en ajoutant vos nouvelles, vos événements, vos nouveaux membres, vos nouvelles campagnes, etc. Assurez-vous également de lier votre site web aux outils de gestion intégrés à Yapla pour automatiser les tâches administratives et ainsi laisser Yapla travailler pour vous ! Vous pouvez en apprendre plus sur comment Yapla fait le lien entre l’application Site Web et les applications Membres, Événements, Dons et CRM en lisant cet article.

Vous souhaitez en apprendre plus sur notre méthodologie pour créer un site web efficacement ? Ou vous souhaitez en savoir davantage sur notre accompagnement personnalisé des utilisateurs Yapla ? Contactez-nous !

0 sur 0 ont trouvé cela utile.

Commentaires

0 commentaire

Veuillez vous connecter pour laisser un commentaire.