Guillaume Pihard — TFE : Ísland 5/5

Contenu, Design, Prononciation & Code

Les semaines avancent, les échéances se rapprochent, mais le bout du tunnel est proche !

Rappel

Mon TFE (Travail de Fin d’Etude) est un site sous forme d’un carnet de voyage retraçant mon parcours seul de quelques jours en Islande.

Contenu & Design

Durant ces deux nouvelles semaines de travail, j’ai donné un sacré coup d’accélérateur, en finissant la rédaction de tout mon contenu pour chaque page, et en terminant ainsi mon prototype final Adobe XD. Ma Time Sheet pourra l’attester.

Ensuite, j’en ai profité pour aller revoir Monsieur Di Stefano pour le visuel final, ainsi que Monsieur Bourgaux et Monsieur Tournay pour la rédaction de l’entièreté du contenu. Suite à leur regard et lecture sur mon projet, ceux-ci me laissèrent des commentaires et me conseillèrent :

  • Quelques petits ajustements dans le contenu et le design ;
  • Vérifier l’orthographe ;
  • Modifier une des photos principales d’un des chapitres ;
  • Ajouter quelques infos visuelles par-dessus les photos (Croquis, illustrations, svg,…).
La fonction commentaire sur Adobe XD (Découverte en stage)

Finalement, concernant ma page de présentation, j’ai tranché entre les deux choix visuels et j’ai choisi celle sur fond noir, celle qui représente les grains des plages de sable noir d’Islande.

Page de présentation sur fond noir

Droit d’auteur & Prononciation

Il y a deux semaines, nous avons également eu un séminaire avec Monsieur Hambersin, professeur en droit d’auteur. Il était important de le voir afin de valider nos projets, sans son accord, impossible pour nous de présenter notre projet devant le jury externe ! Tout était bon pour lui avec mon projet, et comme je le pensais, le contrat de cession des droits d’un doubleur (Voix) allait m’être utile ! En effet, je dois absolument le faire signer par mon correspondant afin d’approuver le fait d’enregistrer sa voix pour la prononciation de certains mots en islandais.

J’en ai donc profité pour reprendre contact avec lui et lui demander s’il était partant ! C’est avec plaisir qu’il a accepté ! La liste de mots et le document envoyé, il devrait m’envoyer le(s) fichier(s) audio(s), ainsi que la cession dans les jours qui suivent.

Heyyyyyy friend !

Code & Responsive

Il était temps qu’après la fin de conception du prototype, je commence enfin à coder mon projet. J’ai donc pris une journée pour mettre en place mes 3 “modules” en Javascript :

  • La carte interactive et les liens vers les jours de visite sur la page de présentation;
  • Les boutons audios;
  • Le burger menu.

Ensuite, j’ai pris deux-trois jours pour réaliser chaque page en HTML, et les derniers jours qui suivent pour le style avec le CSS et le reponsive. Le site sera plus ou moins différent sur chaque écran : Mobile, Tablette, Desktop et Big desktop, pour une expérience au top.

Conclusion

Ces deux semaines ont été plus que productives ! J’arrive au bout de ce projet ! Et à ce stade, il ne me reste plus qu’à :

  • Mettre en place mes grilles (CSS Grid) pour le desktop, tablette et mobile ;
  • Corriger les quelques bugs de code ;
  • Modifier les éléments soulevés par mes professeurs ;
  • Écrire les alt pour chaque image ;
  • Préparer mes slides pour la présentation bêta.

En attendant, je suis plutôt serein, car je pense être prêt pour cette dernière présentation avant le jury final, et surtout très fier du travail accompli.

Une fois de plus, j’ai un peu changé mon approche graphique et utilisé des éléments dont je n’avais jamais utilisé !

Je suis donc super content de pouvoir présenter ce TFE.

Happy

Testeur de cookies & jeune apprenti en infographie

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store