SPAA

Durant ce partiel, nous disposions de seulement 2 semaines pour arriver à un résultat satisfaisant autant pour nous que pour les évaluateurs.

Pour commencer, avec Lilian, nous nous sommes concentrés sur la nouvelle image de marque que nous allions donner à l’association. Pour les couleurs, nous avons décidé de partir sur du orange, car c’est une couleur qui a une connotation positive pour nous et qui semblait refléter au mieux la joie procurée par les animaux de compagnie.

Pour le logo visible à droite, nous avons effectué une longue veille en regardant ce qui se faisait ailleurs. Nous avons, par la suite, convenu qu’il fallait inclure des animaux sur celui-ci et donc partir sur un logo plutôt illustratif que minimaliste. Le choix d’un chat et d’un chien nous a paru être le plus pertinent étant donné que ce sont les animaux les plus adoptés et les plus courants dans les foyers.

Il fallait aussi représenter le refuge qu’est la SPAA Angers pour ces animaux, mais aussi le refuge que pourrait être les habitations des personnes réalisant des adoptions.

Puis Lilian s’est occupé de la réalisation technique du logo et a su réaliser la vision que nous avions eu, tandis que, je me suis lancé sur la maquette du site.

Avant de commencer les maquettes, il était primordial de réagencer toutes les pages du site actuel et d’en rajouter certaines. J’ai donc crée une nouvelle arborescence en mettant en avant ce qui me paraissait essentiel.

Pour l’identité du site, nous avons eu l’idée de ces boutons arrondis sur 2 coins opposés et quasiment pas arrondi sur les 2 autres restants ce qui donne cet effet « TicTac » comme on l’a appelé. Ceci donne une réelle identité au site qui est reconnaissable parmi tant d’autres.

Sur la page d’accueil, il était primordial de commencer par deux boutons, un pour faire un don et un autre pour adopter. Par la suite, nous avons ajouté un espace qui présente le refuge, puis nous redirigeons vers un bandeau pour la newsletter. Viennent ensuite, une rubrique sur les dernières actualités du refuge puis une rubrique « Comment nous aider ? ». Cette dernière concerne les personnes qui souhaitent faire plus qu’un don en devenant bénévole, ou en adoptant un animal et nous les guidons pour cela.

Pour la page avec les animaux à l’adoption, hormis la liste d’animaux avec leurs photos et leur nom, il nous paraissait indispensable de faire un encart sur l’adoption responsable. L’acte d’adopter est bon, si et seulement si, le nouveau maître et son foyer peut se le permettre et ne compte pas abandonner l’animal aux prochaines vacances.

Nous avons remarqué que pour indiquer un animal perdu ou retrouvé sur le site original, il fallait directement appeler la SPAA Angers, ce qui n’était pas la manière la plus efficace de gérer la situation à la fois pour la personne qui fait le signalement que pour le personnel du refuge. A notre sens, il s’agissait d’une perte de temps, hors le temps s’avère précieux pour le bien être de l’animal dans ce genre de cas.

Nous avons donc décidé d’ajouter une fonctionnalité afin que les personnes puissent indiquer les informations à propos de leur animal, mais aussi où ils l’ont perdu, tout ceci étant accompagné bien évidemment de leurs coordonnées personnelles. Il est aussi possible de faire l’inverse, c’est-à-dire d’indiquer sur le site si un animal a été trouvé, ou aperçu. Il est aussi possible de créer une nouvelle offre d’adoption si l’utilisateur à un animal qui n’est pas à la SPAA et souhaite le faire adopter.

Les animaux à adopter ont chacun leur page unique composée de leur nom, leur espèce, leur race, leur sexe, leur date de naissance, leur description et une photo d’eux. Tout cela a pour but de provoquer le coup de foudre potentiel chez l’utilisateur du site, mais aussi de redorer l’image des animaux en refuge qui est souvent négative à tort.

Pour finir, nous avons créé une page afin de faire un don directement depuis le site. Cela permet de ne pas perdre le donateur entre plusieurs pages et plateformes et renforce aussi la confiance envers la plateforme de don puisqu’elle est intégrée au site original. Cette page est conçue sans point de fuite afin d’encourager la personne à donner.

Au cours de ce projet, Caroline était la développeuse en chef et s’est occupé de la quasi-totalité du développement du site.

Cependant, j’ai pu aider lors de l’intégration web du site internet une fois les maquettes terminées. Le site développé (version mobile seulement) est d’ailleurs accessible en cliquant sur ce lien.

J’ai donc pu, pendant ce partiel, appliquer mes compétences en développement web et en particulier en intégration web. Certaines pages manquaient des effets de style, c’est-à-dire du CSS et j’ai donc pu aider sur cette partie avec les maquettes terminées en compagnie de Lilian.

Témoignage de Caroline FASSOT :

« Le projet de la SPAA fut un défi majeur pour notre groupe. Bastien a très bien rempli son rôle de designer en proposant des idées cohérentes et innovantes. Après avoir réalisé le travail de réflexion autour de l’arborescence du site avec lui, je lui ai fait confiance pour la réalisation du zoning et des premières maquettes fonctionnelles. Et je ne fus pas déçue du résultat réalisé. Il m’a, de plus, apporter une aide non-négligeable sur l’intégration des maquettes ce qui nous a permis de rendre un travail professionnel et complet à notre jury. »