# data[].attributes.body
Vous pouvez visiter les différents padlets ci-dessous qui présentent mes projets.

# data[].attributes.body
Nous avons travaillé en groupe sur une SAE (Situation d'Apprentissage et d'Évaluation) dont l'objectif était d'élaborer une campagne de prévention sur un enjeu sociétal de notre choix. Nous nous sommes organisés en agences, et au sein de la nôtre, nous avons choisi de traiter de l'abus d'alcool.

# data[].attributes.body
Voici le résultat de notre spot de prévention. En ce qui me concerne, j'ai cadré et monté cette vidéo.
Ci-dessous, le matériel technique qui nous a été utile pour le tournage :

Lumière (éclairage salle + 1 fresnel bicolore + 1 panneau LED rectangulaire) ;

Caméra (Blackmagic Pocket Cinema) ;

Optique (Lumix 12-60mm f3,5-5,6).

# data[].attributes.attachment_link.title
Spot de prévention contre l'alcool - SOBER

# data[].attributes.headline
Dossier de production - spot de prévention

# data[].attributes.subject
Dossier de production - spot de prévention

# data[].attributes.body
Quelques jours avant le tournage, nous avons dû mettre en place un dossier de production qui contenait notamment les informations sur le lieu et les acteurs de la vidéo, le matériel (technique et décoratif) nécessaire, le storyboard et le plan d'implantation.

# data[].attributes.body
Afin d'habiller notre site WordPress, nous avons eu besoin de prendre quelques photos en studio. Pour cela, nous avons utiliser un Canon 80D 18-135mm f3,5-5,6. Ensuite, j'ai retouché ces images sur le logiciel Affinity Photo.

# data[].attributes.body
Cette SAE a été partagé entre travaux individuels et travaux collectifs. Par exemple, nous avons tous mis au point une charte graphique différente et donc chacun un logo.
Explication de mon logo :
Pour créer le symbole de notre marque, j'ai réalisé en vectoriel la forme d'une capsule de bière ainsi qu'une bouteille d'alcool. J'ai ensuite coupé cette dernière en deux afin d'intercaler notre nom "Sober" au milieu. Le fait de placer notre nom de marque entre les deux morceaux de bouteilles met en valeur la sobriété et non l'alcool.

# data[].attributes.body
Vous pouvez retrouver ici ma charte graphique qui explique plus en détails ma démarche concernant mon logo, mes choix de couleurs, etc.

# data[].attributes.body
Comme pour la charte graphique, nous avons tous réalisé une maquette pour notre CMS. Ci-dessus, vous pouvez voir celle que j'ai confectionné. C'est d'ailleurs celle-ci qui a été choisi, elle sera donc utilisée pour créer notre site web.

# data[].attributes.body
Durant cette SAE, j'ai mis à profit mes compétences en développement web afin de créer un site internet type "blind test".

Pour réaliser ce dernier, j'ai utilisé l'HTML, le CSS, le JavaScript, le PHP et le SQL. J'ai également gérer une base de donnée pour stocker les musiques, le compte des joueurs et les scores.

PS : ce site n'est plus mis à jour, il reste quelques erreurs non résolues.
N'hésitez pas à le tester quand même !

# data[].attributes.headline
Production vidéo - Les chaînons manquants

# data[].attributes.subject
Production vidéo - Les chaînons manquants

# data[].attributes.body
Lors d'un travail à l'IUT, j'ai eu pour mission de créer un spot publicitaire pour le festival des Chaînons manquants à Laval. L'une des contraintes principales était de réaliser ce spot avec seulement 3 photos et de s'y incruster.
Logiciels utilisés : Affinity Photo, Davinci Resolve

# data[].attributes.body
Storyboard du spot vidéo pour les Chaînons manquants.

# data[].attributes.body
A l'occasion d'une SAE, j'ai retravaillé la charte graphique du festival des Geek Days à Rennes. J'ai pu m'exercer au vectoriel, à la photographie et au détourage de photos.
Logiciels utilisés : Affinity Designer, Affinity Photo

# data[].attributes.body
Sur ce pdf, vous pouvez voir tous les designs que j'ai créé lors de cette même SAE.
Logiciels utilisés : Affinity Designer, Affinity Publisher

# data[].attributes.body
J'ai réalisé la maquette d'une application mobile. Le but de cette application était de proposer aux visiteurs un large panel de jeux vidéos afin qu'ils notent et donnent leur avis.
Vous pouvez visualiser celle-ci en cliquant sur le lien ci-dessus.
Logiciel utilisé : Figma

# data[].attributes.body
J'ai appris à manipuler le vectoriel en même temps de réaliser cette affiche sur la ville de Concarneau.
Logiciel utilisé : Affinity Designer

# data[].attributes.body
Pendant deux cours de production graphique, j'ai réalisé mon autoportrait en m'inspirant de l'artiste Brno Del Zou et du célèbre peintre Piet Mondrian et de son tableau "Composition en rouge, bleu et jaune".
Logiciel utilisé : Affinity Photo

# data[].attributes.body
J'ai créé ce site lors d'une SAE. L'objectif était de créer des sections afin de se présenter.
Le responsive n'étant pas l'un des critères demandés, le site n'est pas disponible sur mobile et tablette.

HTML, CSS, PHP, CSV

# data[].attributes.attachment_link.title
CV numérique - Mathis Hutin - Etudiant MMI

# data[].attributes.attachment_link.description
Je m'appelle Mathis Hutin, je suis étudiant en BUT MMI à l'IUT de Laval. Retrouvez ma présentation générale, mes compétences, mes réalisations...