Dans le cadre d’un projet free-lance, j’ai été démarché par l’association des amis de l’orgue de la petite étoile afin de réaliser un site vitrine pour présenter leur association. J’ai par la même occasion réalisé leur charte graphique de A à Z.
Pour réaliser la charte graphique, je me suis inspiré de différents éléments du temple protestant de Levallois-Perret qui abrite l’orgue de l’association des amis de l’orgue de la petite étoile (AOPE).
J’ai donc pris des photos des frises qui ornent les murs dans l’idée de les réutiliser dans la charte graphique. j’ai aussi pris des photos de l’orgue ainsi que du vitrail principal du temple afin de m’inspirer pour le logo.
Ces photos serviront aussi d’illustration pour les différentes rubriques du site web.
Après avoir réalisé la charte graphique et choisi la typographie, j’ai réalisé les maquettes HD de toutes les pages du site web. J’ai réutiliser la frise des murs du temple pris en photos pour habiller le fond du site. J’ai retravailler la frise sur illustrator pour la transformer et la rendre monochrome.
Tous les boutons et illustrations reprennent le dégradé de la charte graphique, la police utilisé est la Lato, bold pour les titres et light pour les textes. Sur toutes les pages la lecture en Z est priorisé
Le logo du header a été réalisé en s’inspirant du vitrail présent derrière l’orgue que l'on peut observer sur les photos, voir ci-dessous ⬇.
J’ai réalisé le développement du site sur wordpress avec elementor. Pour le système de paiement en ligne, je suis passé par stripe.