Chargement

À propos


Image de profil de Nicolas Robitaille

Depuis que je suis entré au cégep de Sainte-Foy dans la technique d'intégration multimédia, je suis fasciné par le web. J'en ai fait ma force en me spécialisant dans la programmation front-end (CSS, SASS, etc.), back-end (serveur, etc.) et dans les extensions Adobe. Je privilégie l’esthétique, la simplicité et l'utilité lorsque je produis un projet pour des clients. J'ai depuis pris de l'expérience progressivement dans le domaine de l'animation 3D.

Portfolio

Utiliser le carrousel pour en savoir plus


Porte d'un vaisseau spatial en 3D

01.Sci-fi door

Date : Novembre 2019.

Institution : Création de jeux video - Université du Québec en Abitibi-Témiscamingue.

Création d'une porte Sci-fi dans le cadre d'un cours à l'université du Québec en Abitibi-Témiscamingue - centre Montréal.

Logiciel(s) utilisé(s) pour les médias : 3DsMax, Blender et Substance Painter.

Lien vers l'animation 3D

Épée fantaisie en 3D

02.Stylized Fantasy Sword

Date : Décembre 2019.

Institution : Création de jeux video - Université du Québec en Abitibi-Témiscamingue.

Création d'une épée de fantaisie stylisée dans le cadre d'un cours à l'université du Québec en Abitibi-Témiscamingue - centre Montréal. Le jeu vidéo Fable est une source d'inspiration majeure pour ce projet.

Logiciel(s) utilisé(s) pour les médias : 3DsMax, Blender et Substance Painter.

Lien vers l'animation 3D

Motion Design - Animation liquide
Motion Design - Animation liquide
Motion Design - Animation liquide

03.Motion Design - Animation liquide

Date : Mars 2018.

Institution : Techniques d'intégration multimédia - cégep de Sainte-Foy.

Dans le cadre du cours de projet de recherche, j'avais comme but d'expérimenter certains aspects techniques en lien avec mon programme. Je me suis alors spécialisé en motion design. Étant un passionné de ce domaine depuis longtemps, ce ne fût pas un choix difficile. Cette animation est ma 2e expérimentation sur ce sujet. J'ai utilisé des tutoriels pour m'aider à créer ce test.

Logiciel(s) utilisé(s) pour les médias : Illustrator, Animate, Premiere Pro.

Motion Design - Initiale
Motion Design - Initiale

04.Motion Design - Initiale

Date : Février 2018.

Institution : Techniques d'intégration multimédia - cégep de Sainte-Foy.

Dans le cadre du cours de projet de recherche, j'avais comme but d'expérimenter certains aspects techniques en lien avec mon programme. Je me suis alors spécialisé en motion design.Cette animation est ma 1e expérimentation sur ce sujet.

Logiciel(s) utilisé(s) pour les médias : Illustrator, Animate, Premiere Pro.

Jeux 2D
Jeux 2D
Jeux 2D

05.Jeux 2D

Date : Mai 2017.

Institution : Techniques d'intégration multimédia - cégep de Sainte-Foy.

Ce projet était individuel et réalisé dans le cadre d'un cours de programmation de deuxième année. Cela consistait à créer un jeu en 2D à la troisième personne à partir de zéro. Ce qui signifie que nous devions créer tous les médias, programmer le jeu et intégrer la page Web dans laquelle le jeu est affiché. Nous devions créer une histoire, alors j'ai décidé de créer un jeu d'action se passant pendant la deuxième Guerre Mondiale. Le protagoniste a pour objectif de libérer une ville contrôlée par les nazis.

Langage(s) de programmation : Programmation orientée objet, Javascript, PHP, HTML5, CSS3.

Logiciel(s) utilisé(s) pour les médias : Illustrator, Animate.

Projet Synthèse
Projet Synthèse
Projet Synthèse

06.Projet Synthèse

Date : Mars 2018.

Institution : Techniques d'intégration multimédia - cégep de Sainte-Foy.

Pour notre dernier projet, j'avais comme mandat de créer le site Web de mon programme collégial.

J'ai conçu le site Web, intégré mon design et tout programmé à partir de zéro. Le site Web comprend un formulaire de contact, un carrousel composé des différents projets réalisés par mes collègues et un flux de médias sociaux. J'ai choisi des couleurs contrastées par rapport aux tendances de l'année 2018. J'ai également décidé de créer un site Web de type "one-page", divisé en sections, pour faire face à la limitation du contenu qui était à ma disposition.

Je ne peux malheureusement pas vous fournir de lien, mais l'idée principale est représentée dans les images ci-dessus.

Langage(s) de programmation : JQuery, Javascript, Typescript, PHP, HTML 5, CSS3.

Logiciel(s) utilisé(s) pour les médias : Illustrator, Photoshop, Sketch.

Quiz
Quiz
Quiz

07.Application Web - Quiz

Date : Décembre 2017.

Institution : Techniques d'intégration multimédia - cégep de Sainte-Foy.

Dans le cadre du cours de réalisation de produits numériques interactifs III, j'avais comme mandat de créer une application ayant comme principal but la résolution de questions avec plusieurs choix de réponses (un quiz).

Langage(s) de programmation : PHP, Javascript, jQuery, CSS3, HTML, MySQL, Heroku, ServiceWorkers.

Logiciel(s) utilisé(s) pour les médias : Illustrator, Photoshop.

Lien vers le Quiz

Bibliothèque en ligne
Bibliothèque en ligne
Bibliothèque en ligne

08.Design Web - Bibliothèque en ligne

Date : Mars 2017.

Institution : Techniques d'intégration multimédia - cégep de Sainte-Foy.

Le mandat de ce projet consistait à concevoir le site Web d'une bibliothèque en ligne. J'ai décidé d'utiliser des couleurs sobres en conjonction avec des couleurs avec un contraste élevé. Les images sont mises en avant puisqu'il s'agit d'une bibliothèque. Je voulais un design complet, mais doux pour les yeux. Rien d’imposant, puisque le contenu était plutôt massif. C'était en équipe de trois, je m'occupais de l'apparence et du contenu du site (front-end) alors que mes coéquipiers s'occupaient du côté serveur (back-end).

Langage(s) de programmation : PHP, Javascript, jQuery, CSS3, HTML, MySQL.

Logiciel(s) utilisé(s) pour les médias : Axure, Sketch.

Brûlerie TIM
Brûlerie TIM
Brûlerie TIM

09.Design Web - Brûlerie TIM

Date : Septembre 2016.

Institution : Techniques d'intégration multimédia - cégep de Sainte-Foy.

Pour ce projet, j'avais comme mandat de créer le design pour un site Web fictif d'une brûlerie. Puisque le contenu était abondant, je suis allé pour une apparence sobre et des couleurs chaudes pour accentuer le sentiment chaleureux d'une brûlerie. Les images sont également au coeur du site puisqu'il s'agit principalement d'un site de vente.

Logiciel(s) utilisé(s) pour les médias : Illustrator, Photoshop, Sketch.

Cafétéria
Cafétéria
Cafétéria

10.Design Web - Cafétéria

Date : Octobre 2016.

Institution : Techniques d'intégration multimédia - cégep de Sainte-Foy.

Pour ce projet, je devais concevoir une application fictive pour la cafétéria du cégep de Sainte-Foy. Il n'y avait aucune contrainte sur le style, les couleurs, les polices de caractères, etc. J'ai décidé d'utiliser des tons plus sombres pour les couleurs principales, chacune des couleurs représentes une catégorie de repas (végétarien, pâte, etc.).

Logiciel(s) utilisé(s) pour les médias : Illustrator, Photoshop, Sketch.

11.Animation - logo android

Date : Mars 2016.

Institution : Techniques d'intégration multimédia - cégep de Sainte-Foy.

Le mandat de ce projet était de créer une animation de 15 à 20 secondes pour la marque de notre choix. J'ai choisi Android pour la simplicité de son logo puisque ça apporte beaucoup plus de liberté sur le niveau créatif. J'ai décidé de lui donner un aspect jovial et énergique en le faisant apparaître comme une fusée saluant le visionneur par la suite. C'était un projet individuel, alors j'ai conçu l'idée principale, créé les médias (j'ai reproduit le logo original) et les ai animés.

Logiciel(s) utilisé(s) pour les médias : After Effetcs, Premiere Pro.

12.Vidéo promotionnelle de la TIM

Date : Décembre 2017.

Institution : Techniques d'intégration multimédia - cégep de Sainte-Foy.

Dans le cadre du cours de montage médiatique plurimédia, j'avais comme mandat de créer une courte publicité de ma technique dans le but de mettre en valeur ce domaine particulier à l'aide des logiciels d'Adobe comme Illustrator, After Effects, etc.

Logiciel(s) utilisé(s) pour les médias : After Effetcs, Premiere Pro.

Dessin 1

13.Dessin - Le mythe de Pandore

Date : Décembre 2018.

Institution : Design graphique - université Laval.

Dans le cadre du cours de génération d'images : dessin, je devais créer un dessin représentant un mythe de mon choix. J'ai décidé de baser mon dessin sur le mythe de Pandore. J'ai représenté le moment de sa création par les dieux de l'Olympe.

Matériel(aux) utilisé(s) : Stylo à encre noir.

Dessin 2

14.Dessin - Peinture d'une chambre

Date : Octobre 2018.

Institution : Design graphique - université Laval.

Dans le cadre du cours de génération d'images : dessin, je devais créer plusieurs dessins représentant un environnement que je visite quotidiennement. Pour celui-ci, j'ai décidé de peindre ma chambre en utilisant bien l'ombrage présent lors de la séance de création.

Matériel(aux) utilisé(s) : Aquarelle.

Expériences


  • Présent
    -
    2018

    téluq

    Technicien en informatique

    Créer divers sites de cours pour les étudiants de la téléuniversité à l'aide de l'interface fournie par les graphistes.

  • 2018
    -
    2017

    Begin Edition International Inc.

    Intégrateur/programmeur web

    Intégrer une base de données et un site web à partir d’une maquette. Créer l’interface de la base de données, etc.

Formations


  • mai 2021
    -
    jan 2020

    Université Laval

    Certificat en informatique

    Modélisation, analyse et base de données.

  • Déc 2019
    -
    Août 2019

    Université du Québec en Abitibi-Témiscamingue - centre Montréal

    Création de jeux vidéo - concentration intégration logicielle

    Une session dans le BAC en création de jeux vidéo - concentration intégration logicielle.

  • fev 2019
    -
    Août 2018

    Université Laval

    Design Graphique

    Une session dans le BAC en design graphique.

  • Juin 2018
    -
    2015

    Cégep de Sainte-Foy (Québec)

    Techniques d’intégration multimédia - Web et apps

    Diplôme d'études collégiales (DEC)

  • 2015
    -
    2010

    École secondaire les Etchemins

    Parcours régulier

    Diplôme d'études secondaires (DES)