O'Brian Irish Pub
Ce projet est un projet réalisé dans un cadre pédagogique en Licence Professionnelle Webdesign à Montbéliard. Le but de ce dernier était de réaliser la refonte graphique d’un site internet.
Après avoir regardé différents sites, j’ai remarqué que le site internet de l’Irish Pub O’Brian était vieillissant et qu’il ne reflétait pas l’esprit d’un pub. J’ai alors décidé de choisir ce site.
J’ai commencé par créer une maquette sur Figma. Après le design de la maquette, j’ai créer le site en utilisant WordPress en créant un thème de A à Z. Ce projet est actuellement en cours de finition mais il me tient grandement à coeur, j’ai donc décidé le mettre dans mon portfolio malgré tout.
Choix du site
Comme dit plus haut, le site de l’Irish Pub O’Brian ne représente pas du tout l’esprit d’un pub. Nous retrouvons certes toutes les informations nécessaires mais elles ne sont pas mises en valeur.
Moodboard
Afin de pouvoir réaliser une maquette transportant l’internaute dans un univers graphique, j’ai commencé par réaliser un moodboard. Grace à ce moodboard, j’ai pu faire faire un état des lieux des sites des différents pubs en France.
Maquette
Après avoir réalisé le moodboard et avoir eu une idée précise du type de design que je voulais réaliser, j’ai commencé le design de la maquette sur Figma.
La font que j’ai décidé d’utiliser pour les titres est Irish-Penny. C’est une font à empattement ayant un fort caractère. Je l’ai choisie car elle a une forte connotation irlandaise. Pour la font des textes j’ai décidé de choisir Barlow Condensed. Le choix c’est fait grâce à la complémentarité qu’il y a entre les 2 fonts. De plus, étant condensée, elle permet de transporter un peu plus l’internaute dans l’ambiance que j’ai essayé de créer.
Au niveau des couleurs, j’ai décidé de partir sur un vert foncé faisant office de couleur principale, un beige jauni pour l’accompagner, et enfin un orange vif en couleur d’accentuation. En plus de bien se marier, ces 3 couleurs sont les couleurs du drapeau irlandais.
Des textures et différents éléments graphiques ont été utilisés afin de toujours plus plongé l’internaute dans un univers graphique profond.
Un lien vers la maquette interactive est disponible juste en dessous.
L'intégration du site
Pour intégrer le site internet, les consignes qui m’avaient été données étaient les suivantes : « Créer un thème wordpress à partir de 0 en le rendant dynamique ». L’avantage de cette solution est que l’on peut réaliser un site internet sur mesure. Dynamique signifie que tous les contenus sont gérés depuis WordPress et qu’il n’y a donc pas besoin de toucher au code lorsque l’on veut modifier des images ou des textes. Pour le rendre dynamique, j’ai utilisé les plugins ACF et CPT UI.
Ce site est encore en cours de construction et n’est pour le moment pas adaptable à la taille de l’écran.