C A N N A B I S

cliquez pour découvrir

COCAÏNE COCAÏNE

cliquez pour découvrir

LSD

cliquez pour découvrir

À PROPOS

Drug's Trip est un site permettant de consulter 3 témoignages concernant des expériences sensorielles vécues par des témoins anonymes. Il permet au lecteur de visualiser certains effets à travers des animations typographiques et ludiques. J’ai décidé de développer mes animations autour d’un effet en particulier pour chacune des drogues que j’ai choisie.
Premièrement pour le Cannabis, j’ai opté pour l’effet du trouble de la vue. Deuxièmement, pour la Cocaïne, je me suis penchée sur l’augmentation du rythme cardiaque et pour finir en ce qui concerne le LSD, j’ai priorisé l’effet d’hallucination.

N'hésitez pas à cliquer, survoler ou toucher les textes afin de découvrir l'effet dissimulé.

CASE STUDY

Objectif réalisation d’un side-project

Pour la réalisation de notre travail de fin d’année, il nous a été demandé de réaliser un side-project afin de mettre en avant nos compétences et capacités. Tout cela, dans le but de trouver un stage.

Chacun était libre de choisir son sujet.

Les recherches de sujet

J’ai toujours porté un grand intérêt à la typographie, j’ai donc décidé de jouer avec celle-ci. Par la suite, j’ai trouvé un post instagram de la revue «étapes» dont les articles sont centrés sur la culture visuelle et le design. Ce post concernait un graphiste, Igor Kupec, qui a illustré des maladies mentales à travers la typographie.

illustration travail Igor Kupec

Son travail m’a beaucoup inspiré et a renforcé mon envie de réaliser un side-project non seulement autour d’illustrations typographiques mais aussi autour du système neurologique sensoriel.
Par conséquent j’ai cherché des facteurs qui pourraient altérer ce système. La drogue m’a parut être le choix le plus pertinent car je peux exploiter un éventail assez larges au niveau de la diversité des effets qu’elle produit.

Le contenu

J’ai choisi d’exploiter 3 des drogues les plus consommées : le cannabis, la cocaïne et le lsd. Dans un premier temps je souhaitais partir sur une explication de la durée, de la consommation et des effets des drogues mais après en avoir discuté avec certains de mes professeurs je me suis finalement tournée vers les témoignages afin de capter l’attention de l’utilisateur.
Toutefois je ne tenais pas à traiter des témoignages tristes où émotionnellement difficile. C’est l’expérience sensorielle d’une personne et non pas de sa dépendance que je tiens à mettre en avant. J’ai donc animé la typographie avec des effets reflétant les sensations provoquées par les drogues.

Le design

J’ai choisi de réaliser un site sobre et épuré, afin de mettre en avant les animations des titres et textes. Le design de mon site est majoritairement noir et blanc avec néanmoins quelques touches de couleur pour attirer le regard.

Grâce à la page home j’apporte un aspect immersif car elle ne dévoile que les titres des drogues c’est donc à l’utilisateur de plonger pour découvrir le contenu.

L’intéraction

Grâce au bouton «cliquez pour découvrir» je suscite la curiosité de l’utilisateur mais aussi son interactivité, car il doit découvrir par lui même les animations présentent sur les textes. Les animations dissimulées des textes, s’activant au survol de la souris ou au touché pour la version mobile, ajoutent un sentiment d’inattendu et plonge le visiteur au plus près du témoignage. L’activation de l’animation empêche volontairement la lecture et permet de confronter le lecteur à l’effet de la drogue concernée.

La préparation à l’intégration du design

Avant de développer j’ai tenu à créer une mindmap afin de regrouper les tâches à effectuer pour la réalisation de mon site, me permettant ainsi de réfléchir aux méthodes d’approches pour mon code.

mind map

Place ensuite au code...

Les difficultées rencontrées

Le changement de contenu conseillé par mes professeurs a grandement impacté mon avancement, j’ai dû revoir complètement mon approche sur le sujet. À savoir, repenser mon design pour qu’il soit vitrine de témoignages et non un simple descriptif, il a fallu donc repenser l’association du fond et de la forme.

Également, la difficulté de proposer des animations typographiques pertinentes et en corrélation avec l’effet des drogues présentées.

En conclusion

Ce fut l’occasion de créer un projet basé sur nos propres envies, nous laissant libre court à notre créativité et permettant d’appliquer mes connaissances en design web & mobile. De plus, le changement de contenu au cours du développement de mon projet m’a permis de me confronter à ma capacité de réaction en utilisant mes connaissances en design pour maintenir une cohérence entre la présentation et le contenu, ce qui peut s’avérer commun dans un milieu professionnel.