Tous les repos ont été centralisés dans cette archive.

Projet - Mariam Faso

Le projet à client réel de l'année scolaire 2016-2017 consistera à créer le site web de Mariam Faso, ASBL de relations Nord-Sud.

Mariam Faso est actif en Afrique du Nord et au Burkina Faso, où ils soutiennent principalement une localité nommée "Lengo", en y construisant des infrastructures utiles et nécessaires comme une école. Pour ce faire, ils font intervenir les habitants du village tout en y apportant des matériaux de qualité.

Le logo

Il est autorisé de proposer une refonte du logo et de l'identité visuelle de l'ASBL si vos idées graphiques n'étaient pas en correspondance avec le logo actuel (qui a pris un peu d'âge, faut-il bien l'avouer). Cependant, toujours tenir à l'esprit qu'une identité graphique doit pouvoir être déclinable sur tous les types de supports, et par conséquent vos propositions devront tenir compte de tous les cas d'utilisation possibles pour un logo.

Nom de domaine

Actuellement, il n'y a plus de site existant accessible, mais le nom de domaine a été mis en sûreté en attendant la fin de votre travail.

Le site gagnant sera donc publié sur mariam-faso.be.

Cahier des charges

Objectif

L'objectif principal du nouveau site web sera bien entendu de gagner en visibilité, au-delà de simplement informer. Les fonds récoltés, permettant de financer les projets, dépendent grandement de la communication mise en place par l'association. Ce site a donc pour but de familiariser l'utilisateur avec l'univers et les actions de Mariam Faso, et à terme, le fidéliser d'une manière ou d'une autre.

Le but de leur campagne en Belgique étant de chercher une ouverture Nord/Sud auprès de notre public local.

Contenu

Actuellement, le client pense aux contenus (parties, types de publications) suivants, mais toujours tenir à l'esprit qu'il s'agit de leur demande initiale et que vous avez par conséquent la liberté de proposer des features supplémentaires et d'agencer ces informations comme bon vous semble :

• témoignages de voyages : portfolio de voyages, comptes rendus, récits et présentation de projets ayant eu lieu ;
• actualités : dernières nouvelles, mise en avant d'informations actualisées et de promotions ;
• agenda : événements et activités en relation avec la page Facebook ;
• activités de Mariam-Faso : présentation de l'ASBL et de ses objectifs ;
• jeunes : parler des projets qui motivent un public jeune (associations, individuels) à participer à l'aventure et à construire un projet dans un pays exotique, créer un autre regard sur l'Afrique. Pour ce faire, on peut faire intervenir le témoignage de jeunes ;
• dons : avantages fiscaux dans les donations, appartenance à le Fondation Roi Beaudoin ;
• contact : formulaire simple, informations principales et case à cocher pour inscription à la newsletter ;
• sponsoring : remerciements de partenaires/associations parentes.

La rédaction des contenus sera réalisée par l'ASBL elle-même. Les textes seront vraisemblablement communiqués au fur et à mesure du projet. Le client devra sûrement adapter ses textes en fonction des besoins spécifiques du projet gagnant et c'est pourquoi il n'y aura pas de "textes standards" pour le moment.

Cible

• jeunes (participation aux projets) ;
• personnes avec une certaine maturité, permettant une collecte de dons (sentiment premium) ;
• belge/européenne ;

Réseaux sociaux

L'association possède une page Facebook et une chaîne YouTube (lien non disponible). Les deux médias seront exploités de façon beaucoup plus intensive une fois le site en ligne et il sera par conséquent nécessaire de les exploiter le plus possible dans l'interface en ligne.

Mise en ligne

Septembre 2017 au maximum.

Références

Il y a une ASBL similaire composée d'anciens membres de Mariam Faso qui ont déjà créé un site web : FasoLux. Sans être en concurrence, vous devriez réaliser un site similaire à Fasolux, mais mieux structuré, pensé et présenté.

---

Plan d'attaque

Le projet va être soumis à plusieurs étapes avant d'atteindre sa forme finale. Lorsque vous allez rendre le projet, il vous sera demandé d'y annexer un dossier reprenant toute votre logique, vos recherches et plans élaborés tout au long de ces étapes :

1. définition : pour qui ? Que mettre en avant ? Quel ton ? Comment s'y prendre ? ... En gros : planifier.
2. stratégie : de quelle(s) manière(s) puis-je faire passer le message du client, sa stratégie marketing ou sa manière de communiquer dans une interface web ? Est-ce que tous ces objectifs ont la même importance ? Quelle action veut-on que l'utilisateur entreprenne et comment puis-je augmenter l'efficacité de cette action ? Comment réaliser un design émotionnel pour ce public, cette thématique et le délai donné ?
3. s'inspirer : à ce stade, beaucoup d'idées ont déjà traversé votre esprit. Il est temps de trouver des références. Comment s'est démarquée la concurrence, où sont les points faibles sur les sites similaires, liés, partenaires, et surtout sur l'ancien ? Structurer : créer un plan du site, créer des schémas de navigation, définir une logique pour les URL, hiérarchiser le contenu.
4. wireframes : sur base de toutes les informations récoltées et les structures définies, il faut schématiser le produit final. Il n'est pas question de s'attarder sur des questions de goûts et de couleurs. On crée une maquette en noir et en blanc, sans textes ni images. Vous êtes un(e) architecte du web, il faut prévoir, définir les zones, créer le concept de base du site. Si possible, cette étape comprend aussi une réflexion sur l'adaptation mobile du site (s'il n'était pas déjà prévu à la base, dans une optique mobile-first).
5. design : maintenant qu'on a toute la structure, on peut commencer à la peindre. C'est maintenant que vous allez définir tout le visuel du site. C'est la partie que le client comprend le mieux, qu'il peut juger lui-même. Autant dire que, dans un monde idéal, c'est ici que vous allez jouer toute l'efficacité du développement du site. Une coquille dans le design, et vous risquez d'en baver lors des étapes suivantes, surtout si le client n'a pas donné son feu vert sur l'ensemble du visuel.
6. développement front-end : en français, lorsqu'on parle de l'intégration d'un site web, on parle aussi de découpe. Surtout dans le cas d'un développement front-end en vue d'être utilisé dans un CMS. Lorsqu'on est habitué à cette étape, on la mélange souvent directement avec l'étape suivante pour un gain de temps. Mais cette pratique est recommandée uniquement lorsqu'on connaît le CMS ou le framework final en question. Ici, pour une première fois, je vous demanderai (pour votre bien) de commencer par une découpe pure, c'est-à-dire de créer le site web en HTML, CSS, JavaScript et avec la version responsive. Il s'agit donc préparer toute la partie visuelle du site et la rendre utilisable, mais sans se soucier du CMS, des base de données, etc.
7. développement back-end : le site peut désormais être transformé en un thème utilisable par le CMS en question. Dans le cadre de ce projet, et vu qu'on le verra ensemble lors du cours, il vous sera demandé d'utiliser WordPress. Une fois cette étape finie, le site devrait être fini : administrable par une interface en ligne, maintenable via une base de données, prêt à être livré au client.
8. check-up & conclusions : trop souvent oubliée, cette étape vise à clôturer un projet par un check-up complet. Pour ce faire, n'hésitez pas à faire appel à des testeurs (et de préférence des personnes correspondant aux différents publics ciblés). Notez tout. Chaque détail compte, et jouera en votre faveur (ou non) lorsque le client voudra vous recommander (ou non) auprès de ses éventuelles connaissances. Enfin, n'oubliez pas de rédiger une conclusion sur votre expérience sur ce projet. Êtes-vous arrivé au résultat que vous espériez lors des premières étapes ? Quels points auriez-vous attaqué différemment, maintenant que vous avez un peu plus de recul ? Quels aspects pourraient encore être améliorés ?