Le cocktail : son histoire

Un travail de fin d'année pas comme les autres

L'année avance et après avoir participé au workshop dataplay, les professeurs nous ont annoncé le fatidique travail de fin d'année. Le sujet est tout autant facile que difficile. En effet, il nous est demandé de créer un side-project sur un sujet libre. L'essence même du TFA est une rétrospection de nos compétences actuelles. Bien entendu, c'est aussi l'occasion de montrer nos points forts et d'améliorer nos points faibles.

Les premières idées

Dès le mois d'octobre, je me suis lancé sur la recherche de sujets pour le TFA. Dans un premier temps, j'ai essayé de trouver des problèmes qui pourraient être résolus par une application web, je voulais mettre à rude épreuve mes compétences en code. Très vite, je me suis mis d'accord sur l'idée d'une application de recettes de cocktails.

Mais, c'était sans compté l'avis révélateur de mon coordinateur ! Il m'a remis en question. C'est grâce à lui et à son suivi que l'idée d'un travail parlant de l'histoire du cocktail a abouti.

#

Les couleurs

Du point de vue des couleurs, la recherche a été compliqué pour ma part. J'ai donc commencé à recenser les couleurs de plusieurs sites du même style que le mien afin de pouvoir me faire une idée précise des couleurs et tons à utiliser. Finalement, j'ai décidé d'utiliser une palette s'axant autour du blanc, du rouge et du bleu-noir.

palette de couleur rouge blanc noir-bleu blanc cassé

La typographie

Dans la recherche de la typographie, j'ai directement appliqué les procédés vus en cours de Design Texte. Je voulais de tout de manière, utiliser une font serif (pour le côté ancien) et une font sans serif (pour le côté plus contemporain). Après plusieurs essais, j'ai finalement choisi mes fonts.

  • 2 polices, 2 graisses : Normal et gras
  • Interlignage : Entre 120%(pour certains titres) et 160%
  • Longueur des lignes : entre 55 et 70 caractères

Première rencontre

Salut toi ! Je me présente. On m’appelle généralement M.Cocktail et quand on me consomme de trop, je peux être dangereux pour la santé. Je suis apprécié car j’agrémente aisément les soirées. Mais sais-tu d’où je viens ? Quelles sont mes origines ? Je vais tout t’expliquer !

Titre - Alegreya - Serif

Texte - Montserrat - Sans serif

Le design

Le design a été une des plus rudes épreuves de ce travail dans mon cas. Dès le début de mon année, je suis parti avec l'idée que mes compétences et mes goûts en design étaient mauvais. Ce travail de fin d'année a été une occasion de me surpasser d'un point de vue créatif et c'est grâce aux conseils de mes professeurs ainsi qu'à l'influence de plusieurs sites que j'ai réussi à créer ce design.

image du design sur sketch

Le code

La partie la plus rude passée, j'ai enfin pu m'attaquer au code. J'ai voulu me mettre à l'épreuve et afin de rendre le travail plus intéressant et interactif, j'ai décidé de mettre en valeur les animations ainsi que la musique. Les animations en mobile ont été difficiles à gérer avec plusieurs contraintes techniques et ajustements à faire en fonction des devices. Mais les plus grands challenges ont été le scroll et la navigation en desktop.

code aeroport tfa voyage

Un conseil ?

Vous avez apprécié mon travail, vous avez des conseils ou un avis à donner ? N'hésitez pas à me contacter, je suis ouvert à toute discussion et je trouve qu'il est important de se remettre en question afin de s'améliorer avec le temps. Travailler en équipe, avoir l'avis d'une tierce personne et discuter sont ce que je recherche d'un stage en agence !