CLÉMENT VALLANCEfront-end developer (and more)

highlighting

designCORE : Report

STAGE

À PROPOS...

Il s'agit du rapport de stage de fin de deuxième année de ma formation en Métiers du Multimédia et de l'Internet.

DONC...

J'ai effectué mon stage en Irlande, dans une entreprise rattachée à l'institut universitaire technologique de Carlow: designCORE. designCORE est une entreprise de design produit. L'objectif durant mon stage était d'apporter mon expertise sur la communication actuelle de l'entreprise afin de proposer des solutions. Le rapport à l'instar de la soutenance de stage a été intégralement réalisé en Anglais.

Intégralité du projet

UX : ASMR

UX

À PROPOS...

Il s'agit ici d'une maquette de site d'une association fictive cherchant à démocratiser cette technique

DONC...

L’association Eargasm veut un onepage lui permettant d’expliquer clairement comment fonctionne l’ASMR en s’appuyant sur des statistiques et données réelles. Dans cette réalisation, il s'agissait d'évoquer l'ASMR à travers nos différents sens. Il fallait donc plonger l'utilisateur dans un univers pour qu'il puisse s'y transposer.

UX : Darwin Ecosystem

UX

À PROPOS...

Darwin, un projet d'éco-quartier de Bordeaux. Le quartier comporte lieux de services (coiffeur, réparateur, garagiste), récréatifs et de loisirs (skatepark, jardin) et lieux de convivialité (restaurants, bar, etc...).

DONC...

Dans ce projet fictif, il s'agit de faire une refonte du site actuel car difficile à naviguer et prendre en main, de trop nombreuses images et peu d’explicitations et de nivellement de l'information rendent le tout très confus. Il fallait donc une navigation plus claire, un nivellement de l'information plus pertinent ainsi qu'une présentation plus didactique de l'éco-quartier

Folloween

Folloween est une plateforme regroupant des films d'horreurs. Le projet a été développé par Théo Formet, un ami rencontré lors de ma précédente formation en Métiers du Multimédia et de l'Internet. À l'heure actuelle, j'intervient sur le projet en tant que front-end développeur sur la partie modération. Nous prévoyons pour 2019, une refonte totale du site en intégrant davantage de fonctionnalités. De ce fait, j'agirai en partie en tant que front-end développeur en apportant mon expertise en terme d'UX sur cette refonte.

Développement

UX : ASMR

L’association Eargasm veut un onepage lui permettant d’expliquer clairement comment fonctionne l’ASMR en s’appuyant sur des statistiques et données réelles. Dans cette réalisation, il s'agissait d'évoquer l'ASMR à travers nos différents sens. Il fallait donc plonger l'utilisateur dans un univers pour qu'il puisse s'y transposer.

UX

UX : Darwin Ecosystem

Dans ce projet fictif, il s'agit de faire une refonte du site actuel car difficile à naviguer et prendre en main, de trop nombreuses images et peu d’explicitations et de nivellement de l'information rendent le tout très confus. Il fallait donc une navigation plus claire, un nivellement de l'information plus pertinent ainsi qu'une présentation plus didactique de l'éco-quartier

UX

UX : Plant A Billion

Dans ce projet fictif, le site actuel n'est pas assez dynamique, explicatif ni incitatif à l'action, aux dons, et bien que disposant de graphisme de qualité, ne met pas la thématique assez en valeur et ne l'explicite pas suffisamment.

UX

UX : Nintendo Labo

Dans cet autre projet fictif, la refonte du site doit être plus proche des cibles que l'actuel, avec un aspect plus humain, plus chaleureux, et plus convainquant concernant la révolution d'utilisation des objets qu'il propose, sa facilité d'utilisation et de mise en place, et les potentielles applications.

UX

designCORE : Report

J'ai effectué mon stage en Irlande, dans une entreprise rattachée à l'institut universitaire technologique de Carlow: designCORE. designCORE est une entreprise de design produit. L'objectif durant mon stage était d'apporter mon expertise sur la communication actuelle de l'entreprise afin de proposer des solutions. Le rapport à l'instar de la soutenance de stage a été intégralement réalisé en Anglais.

STAGE

Amy Winehouse

23 juillet 2011. Une âme s'en est allée rejoindre les étoiles (trop tôt).

Graphisme

Portfolio 2018

Version de mon portfolio lors de mon entrée en Licence Professionnelle

Développement

Lorde, Melodrama World Tour

La chanteuse néo-zélandaise Lorde, vient tout juste de terminer sa tournée de son dernier album Mélodrama. L'occasion pour moi de marquer le coup avec une petite réalisation. J'ai donc fusionné plusieurs images tirées de l'instagram de la chanteuse. La petite animation a été créée à l'aide d'After Effect. ici

Audiovisuelle

LightsOn

Voici la deuxième version de ma plateforme LightsOn. L'ancienne version n'étant pas construite à base de php, la mise à jour du site était compliquée. Avec cette version, un backoffice a été entierement relié à une base de données, facilitant ainsi l'intégration de contenu.

Développement

Backoffice LightsOn

Pour toujours plus de facilité lors de la gestion de mon site internet Lightson, un backoffice était nécessaire. La plateforme me permet donc de créer, modifier ou supprimer un article.

Développement

Beyond

Lors d'un TP d'écriture pour les médias numériques nous avions à réaliser un journal avec deux articles sur un sujet de notre choix cohérent avec le ton général du journal. La mise en page a entièrement été réalisée par mes soins. Pour ma part, j'ai rédigé les articles sur le Féminisme et les Jeux Olympiques

Print

Orange Is The New Black

J'ai profité de la récente sortie de la saison 5 d'Orange is the new black pour créer des affiches des prisonnières les plus emblématiques de la série.

Graphisme

Pomme, la même robe qu’hier

Afin d'enrichir toujours plus mon site internet LightsOn et sa chaîne Youtube, j'ai décidé de lancer un concept : enrichir certaines vidéos avec une réalisation. Dans ce premier cas, il s'agit d'une référence à "la même robe qu'hier", premier single du premier album de Pomme.

Graphisme

Affiche Légo

Le dernier projet du premier semestre en Esthétique et Expression Artistique a été consacré à la réalisation d'une affiche pour la célèbre marque à la brique : Légo. L'objectif était de réaliser, à partir d'un courant artistique, l'Art nouveau dans mon cas, une affiche pouvant être publiée (fictivement) dans les rues de Limoges par exemple.

Graphisme

Lecteur Audio, 13 Reasons Why

Nous avions à réaliser un lecteur audio d'une seule chanson. Pour ma part, j'ai décidé d'aller plus loin en y ajoutant une playlist. Les musiques sont toutes établies dans un tableau javascript.

Développement

Doodle Google

Le début de notre second semestre en identité visuelle a été basé sur la création de Doodle Google, pour, par la suite recréer l'identité visuelle de l'université de Limoges. Je vous propose donc mes réalisations faites exclusivement sur illustrator.

Graphisme

13 Reasons Why

13 Reasons Why est une série pour laquelle j'ai tout de suite accrochée. Tout d'abord parce que le sujet du suicide est fort et doit être abordé. On découvre à travers les 13 faces, consacrées à une personne à chaque fois, les raisons qui ont poussées Hannah à passer à l'acte. La mise en scène est très réussie, on peut s'y perdre à l'image de Clay qui essaye de comprendre ce qui a bien pu se passer. Ainsi qu'à l'image d'Hannah qui, au fur et à mesure de l'histoire se perdait toujours plus. Mais finalement, Hannah était en perpétuelle recherche d'amour et d'attention, qu'elle ne trouvera ni chez ses parents, ni chez Clay, qui l'aimaient tous d'un amour fou. D'où le choix de la chanson. Cette série mérite d'être vue et mérite de provoquer le débat.

Audiovisuelle

Logo Université de Limoges

La création s'est basée sur l’idée du tableau périodique des éléments. Je me suis basé sur les éléments chimiques qui bougent dans un milieu. Ainsi qu’une lettre dans une forme géométrique (reprenant ainsi le principe du tableau). De plus je me suis arrêté à l’abbreviation "UNI" provenant de université car finalement dans la table des éléments tout est pensée de façon à ce qu’il y ait un rapport entre tous ces éléments chimiques. J’ai donc modifié la structure trop droite pour donner du dynamisme.

Graphisme

Remake Mr.Robot

Voici le second court métrage réalisé au cours de ma premiere année, toujours avec le même groupe, nous avons décidé de reproduire des scènes de l'incroyable série qu'est Mr.robot.

Audiovisuelle

Stromaé, Flat Album

Partant d'un projet devant être réalisé en cours sur la représentation d'un album en flat design, j'ai décidé de représenter un 2nd album, 'Racine Carrée' de l'artiste belge, Stromaé.

Graphisme

Christine & The Queens, Flat

Cette fois, pour notre 3ème TP, il nous a fallu choisir un album musicale, et essayer de le transformer en flat. J'ai donc choisi l'album Chaleur Humaine de Christine and The Queens. Les contours de Christine ont été repris et simplifiés. La reconnaissance est faite grâce aux couleurs restées identiques.

Graphisme

La porte, court-métrage

Lors du premier semestre, il nous a fallu réaliser un court métrage en intégrant une porte. Nous étions 5 pour réaliser ce projet.

Audiovisuelle

Titeuf

Titeuf est un dessin animé qui a bercé mon enfance. J'ai donc repris de manière simplifié la très célèbre mèche jaune du jeune garçon.

Graphisme

Luffy

Fan de manga et de One Piece, j'ai décidé de réaliser une verison flat de Luffy au chapeau de paille. J'ai donc repris les principaux traits physiques du personnage pour qu'il soit facilement reconnaissable.

Graphisme

2019

Bonne et heureuse année 2019 !

Intégralité du projet Intégralité du projet Intégralité du projet Intégralité du projet Intégralité du projet Intégralité du projet Intégralité du projet Intégralité du projet Intégralité du projet Intégralité du projet Intégralité du projet Intégralité du projet Intégralité du projet Intégralité du projet

1/3