Chez Furrball Development, notre objectif va bien au-delà de la simple création de sites web. Nous nous engageons à proposer des solutions digitales sur mesure, adaptées aux exigences uniques de nos clients. 

C’est avec cette philosophie que nous avons pris en charge le projet ambitieux de création du site internet de Nouralamal EMCI, une organisation caritative qui travaille au service de la solidarité et de l'entraide au Maroc.

L’association souhaitait une présence en ligne tout en disposant d’un outil de gestion ergonomique capable de répondre à ses besoins internes. 

Découvrez comment nous avons relevé les défis techniques, créatifs et humains pour offrir un site à leur image !

Une mission :

Les échanges avec Nouralamal EMCI ont permis de dégager une vision claire des objectifs du projet :  

1. Une gestion simple du site pour leurs équipes bénévoles, avec une interface intuitive conçue sur mesure. 
2. Une diffusion efficace des actualités, événements et actions organisées, tels que les divers lotos ou événements de collecte.  
3. Une incitation aux dons, grâce à une intégration de HelloAsso, la plateforme qu’ils utilisent pour récolter des dons.  
4. Une promotion de leurs valeurs à travers un site au design moderne et engageant, adapté à tous les publics.  
5. Une accessibilité totale pour les personnes en situation de handicap.

Un accompagnement sur mesure : de la réflexion à la conception

Pour répondre aux attentes de l’association, nous avons conçu une expérience utilisateur fluide, intuitive et dotée de fonctionnalités sur mesure.  

Système d'événements interactif

Une dédiée aux événements de l’association a été mise en place afin d’informer les visiteurs du site des prochaines occasions d’aider l’association.

Mise en avant des étapes clés grâce à une timeline

Une frise chronologique personnalisable a été développée pour montrer l’évolution de l’association et ses moments marquants (date de création, premiers projets, événements majeurs). 

Affichage des chiffres-clés

Nous avons conçu une zone dédiée pour afficher les données marquantes telles que le nombre de personnes aidées et montrer ainsi l’efficacité des actions de l’association.

Un blog pour tisser du lien

Afin d’humaniser encore plus le site, nous avons développé une section blog, où l’association peut partager ses récits inspirants, des nouvelles de terrain ou encore annoncer ses campagnes.

Albums photos dynamiques

Les actions de l’association sont au cœur de ses réussites. Pour les mettre en valeur, nous avons créé une galerie d’albums photos, avec la possibilité d’ajouter des descriptions détaillées pour contextualiser les images. 

Intégration de HelloAsso

Afin d’inciter les visiteurs à donner ainsi que pour rendre l’action plus facile, nous avons intégré le widget de campagne de HelloAsso.

Défis techniques et choix stratégiques

Test initial avec WordPress

Dans un premier temps, nous avions envisagé WordPress. Bien que très puissant et populaire, son interface standard s'est révélée trop complexe pour l'équipe responsable du site. Face à ses innombrables onglets et paramètres superflus, nous avons rapidement conclu que cela compliquerait leur gestion quotidienne.

De plus, WordPress n'était pas aligné avec nos objectifs de numérique responsable : sa structure complexe, ses nombreux plugins souvent gourmands en ressources et son code parfois surchargé entraînent une empreinte écologique conséquente (temps de chargement plus longs, consommation énergétique accrue des serveurs).

Une solution personnalisée pour plus de simplicité

Nous sommes donc partis sur une solution beaucoup plus adaptée :  

• Payload CMS : back-end open source sur mesure, épuré et intuitif, offrant uniquement les fonctionnalités essentielles car personnalisé lors du développement par nos équipes.
• Nuxt.js : framework front-end open source populaire, garantissant performances optimales et faible empreinte écologique grâce à la génération de sites statiques.
• Tailwind CSS : framework CSS open source qui génère uniquement les styles nécessaires, réduisant considérablement le poids des pages et s'inscrivant parfaitement dans une démarche de numérique responsable.

Des ambitions à long terme 

Avec ce site, Nouralamal EMCI espère :  

1. Augmenter son impact en ligne en touchant de nouveaux donateurs et partenaires grâce à une meilleure visibilité.
2. Booster les dons en accompagnant les visiteurs dans une expérience fluide et intuitive.
3. Alléger les tâches administratives de leurs bénévoles grâce à des outils digitaux pensés pour eux.

À travers cette solution, nous sommes convaincus que l’association pourra continuer de fédérer sa communauté tout en amplifiant son engagement pour les causes qu’elle défend.

Pour aller voir le résultat final, rendez-vous sur www.nouralamal-emci.fr