Titre partie PORTFOLIO Nicolas Ceyte 1
Réalisations personnelles 2
Retouche d image Au cours de mon apprentissage du logiciel Adobe Photoshop j ai effectué de nombreuses modifications d images. Ci-dessous un exemple type. Version initiale Version modifiée 3
Conception d interface Dans le cadre du DUT MMI et du cours de conception d interfaces, il fallait tout d abord travailler en groupe sur la méthode des personas et l appliquée au «site fictif» de l association France-Burkina afin de savoir quels seraient les besoins des visiteurs en allant sur ce site et ce qu il faudrait mettre en avant. France-Burkina est une association dont la mission est d améliorer les conditions d accès à l éducation des Burkinabés. Chaque étudiant devait ensuite réaliser une maquette graphique de la page d accueil du site de l association France-Burkina en suivant plusieurs étapes : tout d abord les contenus contextuels qui ont pour but de réaliser une maquette fonctionnelle ; ensuite le développement d une charte graphique avec entre-autres l univers graphique, la palette de couleurs, la typographie, les formes de mise en page choisies, le logo, ainsi que les sources des images utilisées dans sa réalisation. Toutes les réalisations ont été faites sur le logiciel Adobe Photoshop. Maquette fonctionnelle Palette de couleur choisie Logo France Burkina 4
Conception d interface Maquette finale 5
Création de logo Dans le cadre du DUT MMI et du cours création de logo, il fallait réaliser une analyse concurrentielle, définir une planche de tendance et réaliser un logo respectant un cahier des charges précis. Le sujet sur lequel j ai travaillé est une entreprise de nettoyage s appelant Clean your Office : les demandes de l entreprise était que le logo devait à la fois transmettre l attention apportée à l environnement et le professionnalisme de l entreprise tout en reprenant le nom complet de l entreprise. Pour créer le logo ci-contre j ai utilisé le logiciel Adobe Illustrator. Pour créer cette planche de tendance, j ai tout d abord recherché des éléments se rapprochant des couleurs choisies (soit le bleu et le vert) se rapprochant également de la nature, puis des éléments ayant pour couleur les couleurs voulues. J ai ensuite décliné cette planche de tendance en palette de couleurs. C L E A N Y O U R Planche de tendance O F F I C E #7DFF89 #73D7F9 #FFFFFF Palette de couleurs 6
Création d identité visuelle Dans le cadre du DUT MMI et du cours de création d identité visuelle, j ai créé ma propre identité visuelle & logo. Ce que je souhaite diffuser c est surtout le coté jeux vidéo et manga par l aspect «personnage» et le coté programmation par l aspect «typographique». J ai donc créé une charte graphique ainsi que divers dérivés à ce logo. Pour créer ce logo j ai utilisé le logiciel «Adobe Illustrator». Pour créer ce logo je me suis tout d abord basé sur des logo de forme typographique, dont un en particulier, le logo «V pour vendetta». Version RVB Version B&W Version carte de visite C:31% M:14% J:14%J N:00% C:33% M:24% J:26%J N:04% C:36% M:53% J:51%J N:50% C:59% M:00% J:70%J N:00% C:00% M:62% J:70%J N:00% C:31% M:14% J:14%J N:00% #000000 #1A1A1A #4A4A4A #75BB70 #EF7C4E #FFFFFF Palette CMJN #000000 #1A1A1A #4A4A4A #34FF89 #F47D4E #FFFFFF Palette RVB 7
Réalisations multimédia Sur cette page et les pages suivantes vous trouverez les aperçus de réalisations conçues dans le cadre de l apprentissage du logiciel Adobe Flash. Pour les tester vous pouvez aller sur mon site personnel catégorie portfolio : http://vsp149406.nfrance. com/~16_ceyte/wordpress/nicolasceyte/portfolio/ La première création a était réalisée dans le cadre du cours Animation Interactive. Le but de ce cours était de découvrir les bases de l animation sur le logiciel Adobe Flash en réalisant une courte animation. Le sujet était libre mais devait comporter au minimum deux choix. Ci-dessous, quelques aperçus de cette création. La seconde création a était réalisée dans le cadre de l évaluation du cours Animation Interactive 2D, d une durée de deux heures. Le but de ce cours était de découvrir les bases du langage Action Script 3 du logiciel Adobe Flash en réalisant une application interactive. Ci-dessous, quelques aperçus de la création. 8
Réalisations multimédia La troisième création a était réalisée dans le cadre du cours Réalisation multimédia. Le but de ce cours était de concevoir une application interactive sur un sujet qu il nous plaît. J ai choisi l histoire des jeux vidéo comme sujet. L application se découpe en trois parties : une partie histoire composée d un type de frise chronologique, une partie QCM reprenant les éléments de la frise chronologique et une partie jeux. Je précise que cette création est encore en cours de réalisation (le coté graphisme n a pas encore était réellement abordé et il reste des problèmes de collision dans les différents jeux). Ci-dessous, quelques aperçus la création. Accueil Interface de choix QCM Frise chronologique Jeu 1 : Ice Runner Jeu 2 : Ice Flying 9
Réalisations de groupe 10
Projet tuteuré Les projets tuteuré sont des projets commandités le plus souvent par des associations. Ils sont un milieu d échange entre professionnels et étudiants. Au cours de ce type de projet, chacun y trouve un avantage : Pour les étudiants, avoir effectué des projets concret est très bien vu par les recruteurs. Pour les professionnels, cela leurs permet de faire réaliser un de leur projet gratuitement. Pour effectuer ces projets, les étudiants sont divisés en agence, allant de 3 à 5 étudiants dans la plupart des cas. Notre agence, Spancube, est une agence de création web et multimédia composé de cinq étudiants : Clémentine THIBAULT, Jason LEMIERE, Irina RAKOTOARIVELO, Raphaël RABIER et moi-même. Au sein de l agence, j occupais le poste de développeur, bien que chacun d entre nous ai participé plus ou moins à toutes les tâches. Polyvalents, nous disposons notamment de compétences dans les domaines de l infographie, de l audiovisuel, du développement web et de la communication. Nous possédons également un site web : http://spancube.fr.nf/ Sur les quatre prochaines page vous trouverez les détails sur notre projet tuteuré commandité par Martin JOMBE, un développeur d applications indépendant. Ce projet a été effectué au cours de l année 2014-2015 en DUT première année de la formation MMI. 11
Projet tuteuré : EdApps Pour le projet EdApps nous avons : créé une identité visuelle pour la marque d applications éducatives EdApps, commencé une communication commerciale autour de cette marque et conçu un site sur WordPress aux couleurs de l identité visuelle créée. Pour créer le logo ci-contre nous avons utilisé le logiciel Adobe Illustrator. Sur les pages suivantes, vous trouverez tout d abord certains aperçus du site réalisé, des aperçus sur les évolutions du logo et des aperçus de certaines variantes de logo qui ont été également proposées au commanditaire. Bannière de présentation Palette adoptée 12
Projet tuteuré : EdApps Page d accueil du site Page des applications Page de présentation Page de contact 13
Projet tuteuré : EdApps EdApps L éducation au bout des doigts 14
Projet tuteuré : EdApps EdApps EdApps 5 4 6 3 7 2 8 1 9 Ed Apps 15
Blog sur la culture Niponne Nani Nihon, est un blog sur la culture japonaise tenu par un groupe de trois étudiants : Clémentine THIBAULT, Irina RAKOTOARIVELO et moi même. Nani Nihon c est surtout le Japon vu par Akiko, Seiki et Mitsu, trois joyeux lurons qui s intéressent à la culture japonaise sous ses différents aspects. Que ce soit au niveau des traditions, des mangas ou des jeux vidéo, cette petite bande de passionnés décrypte pour vous, au fil des articles, divers sujets en provenance du Pays du Soleil Levant. -- Paragraphe de présentation du blog Nani Nihon rédigé par Clémentine THIBAULT. Lien vers le blog : http://vsp149406.nfrance.com/~16_thibault/wordpress/nani-nihon/ 16
Projet FAN Dans le cadre de l organisation de l événement du Festival des Arts Numériques (qui aura lieu à l IUT de Castres au mois de mars) et dans le cadre du cours Webdesign de la formation MMI, chaque groupe d étudiants doit réaliser les maquettes graphiques du site web de cet évènement sur les trois plateformes principales (à savoir : PC, mobile et tablette) ainsi que l intégration de celles-ci. Pour ce projet je travaille avec Irina RA- KOTOARIVELO qui se charge plutôt de la partie graphique (identité visuelle, maquettes graphiques, dossier de charte graphique,...) contrairement à moi qui m occupe plutôt de la partie technique (maquettes fonctionnelles, intégration du site web,...) bien que nous travaillons souvent en collaboration. Pour l instant nous avons réalisé les maquettes fonctionnelles, les maquettes graphiques et commencé la création du site web. Vous trouverez sur la page suivante les aperçus des maquettes graphiques réalisées sur les différents supports. Toutes les maquettes ont été réalisées sur le logiciel Adobe Illustrator. 17
Mentions légales Copyright Contact Projet FAN Accueil Programme Exposants Partenaires Infos pratiques FESTIVAL DES ARTS NUMERIQUES + QUELQUES INFOS 16 MARS 2016 IUT PAUL SABATIER TOULOUSE III CASTRES Conférence Conférence FESTIVAL DES ARTS NUMERIQUES Conférence 16 MARS 2016 IUT PAUL SABATIER TOULOUSE III CASTRES Article Article Article Mentions légales Copyright Contact 18