Gigi Pet-Sitting

Aperçu du projet

Conception d’une identité graphique et d’un site web pour un service de pet-sitting.

Contexte

« En tant qu’assistante vétérinaire, j’aimerai faire part de mes connaissances et compétences aux propriétaires d’animaux. J’aurai besoin pour cela d’un site web pour proposer un service de pet-sitting afin de me faire connaître davantage. »

Quand était-ce ?

Mai – Juin 2024

Mon rôle

concepteur d’expérience ; graphiste; UX/UI Designer ; webdesigner

Les défis du projet

  • définir une identité graphique pour le site en fonction du logo préexistant
  • concevoir un site responsive et accessible

Mes solutions

  • utiliser des couleurs douces avec un fort contraste
  • mettre en avant les animaux et leurs propriétaires
  • concevoir un site one-page avec un sticky menu

Responsabilité de conception

  • concevoir une identité graphique (couleurs, fonts, illustrations…)
  • proposer des wireframes et maquettes
  • réaliser le site via un CMS
  • respecter les normes RGAA d’accessibilité ainsi qu’un bon SEO

Mon approche

Afin de mieux comprendre ma cliente et ses besoins, nous échangions régulièrement. J’ai également eu l’opportunité d’échanger avec certains de ses clients pour avoir des avis supplémentaires. Nous avons commencé par parler de ses objectifs, observé ses concurrents pour définir ses besoins. Travaillant avec douceur et compassion avec des animaux, nous avons défini que les teintes de sa charte graphique seraient douces et proches de la nature. Quant à son site, il fallait le centrer sur les animaux, leurs propriétaires et leurs histoires. Nous avons ensuite divergé sur les diverses possibilités aussi bien pour les fonts que pour les couleurs (violet avec un fort contraste de lisibilité, illustrations avec des couleurs complémentaires…) ou même les intitulés des sections et leurs contenus (ton, illustrations…), voire l’animation de son logo (G en forme de chat fermant les yeux pour montrer le calme, la sérénité…). Pendant chaque étape je faisais le point avec Gilda pour obtenir des corrections ou indications supplémentaires. Grâce à cela, nous avons modifié les wireframes selon ses besoins et ceux des futurs utilisateurs pour parvenir à des maquettes décidant des visuels et fonctionnalités du site. Une fois la validation finale effectuée, j’ai conçu le site web en fonction des besoins repérés ainsi que de ses moyens.

Résultat final