Scroll

Présentation

💻🚀 - Étudiant en M1 360 Digital à Sup de Web Nice, je suis développeur web front-end & chargé marketing digital chez Gazelle Communication. Je suis particulièrement intéressé et impliqué dans les domaines de l'intégration web, du UI/UX design et de la communication digitale.

👾🤟 - Pendant mon temps libre je suis également photographe amateur, enthousiaste de nouvelles technologies et rider occasionnel (🛹, 🏂 & 🏄‍♂️).

Télécharger mon CV Linked In

Projets

Site réunion
La Réunion

Site web reponsive
Site fewz
Agence Fewz

Site web reponsive
site weather
Application Météo

Site web/web-app responsive
Fond d'écran Popcorn Time
WikiVids

Site web responsive
Fond d'écran Popcorn Time
Bonnes pratiques SEO

Infographie
Site Huffington Post
Huffington Post

Site web responsive
Site Beats Shop
Beats

Site web responsive
Site Yo
Yo

Site web responsive
Site Countries
Countries API

Site utilisant l'API "REST Countries"
Jeu Pong
PONG 2019

Jeu-vidéo Processing
Site Futuramapédia
Futuramapédia

Site web responsive
Événement Frammi
FRAMMI Awards

Festival de réalisations étudiantes
Site IUT Games
IUT Games

Événement sportif étudiant
Maquette animée Popcom
Agence Popcom

Maquette de site animée
Maquette Popcom
Agence Popcom

Maquette de site statique
Maquette GPSam
GPSam

Maquette d'appli Android
Logo CF
CF

Logo personnel
Fond d'écran Popcorn Time
Nike Speckle

Webdesign
Fond d'écran Popcorn Time
CF

Charte graphique

Agence Popcom

Maquette de site animée – After Effects

×
Maquette animée Popcom
Animation réalisée en 1ère année de DUT MMI durant mon temps libre. Chaque année, les promotions d'étudiants sont divisées en 4 groupes de TP qui forment chacun une agence. Celles-ci sont par la suite sollicitées par des clients pour des réalisations multimédia ou pour l'organisation d'un événement. Pour le site de l'agence, chaque étudiant doit proposer une maquette et la présenter devant un jury. Pour donner vie à ma maquette et aux éléments qui la composent, je l'ai animée.
Découvrir

Agence Popcom

Maquette de site statique – Sketch App

×
Maquette Popcom
Maquette réalisée en 1ère année de DUT MMI dans le cadre de notre projet tutoré. Chaque année, les promotions d'étudiants sont divisées en 4 groupes de TP qui forment chacun une agence. Celles-ci sont par la suite sollicitées par des clients pour des réalisations multimédia ou pour l'organisation d'un événement. Pour le site de l'agence, chaque étudiant doit proposer une maquette et la présenter devant un jury. La meilleure est retenue, codée puis publiée sur Internet.
Découvrir

GPSam

Maquette d'appli Android – Sketch App

×
Maquette GPSam
Maquette réalisée lors de la Nuit de l'Info 2017. Chaque année, étudiants, enseignants et entreprises se réunissent lors de cette compétition nationale et tentent de développer un application informatique en une nuit. Le sujet de 2017 : la sécurité routière. La "Erebor Team", constituée d'étudiants de DUT MMI et Informatique et Licence Informatique de l'USMB, a décidé de concevoir une application Android et une web app permettant de contacter les secours, signaler des accidents, désigner un Sam en fonction du taux d'alcoolémie, et trouver un Sam aux alentours pour rentrer de soirée.
Découvrir

IUT Games

Site web responsive – HTML/CSS/JS

×
Site IUT Games
Site réalisé en 1ère année de DUT MMI dans le cadre de notre projet tutoré. HTML et scripts écrits par Juliette Bois, CSS responsive réalisé par moi-même. En plus de l'aide que j'ai pu apporter à la réalisation du site, j'ai participé à l'organisation de l'événement.

Les étudiants de 1ère année sont chargés d'organiser l'intégralité de l'événement, du dossier de partenariat aux animations, en passant par les inscriptions et la communication. Les IUT Games rassemblent les étudiants de tous les départements de l'IUT de Chambéry autour d'activités sportives lors d'une matinée.
Découvrir

Futuramapédia

Site web responsive – HTML/CSS/JS

×
Site Futuramapédia
Site réalisé en 1ère année de DUT MMI dans le cadre de nos cours de web. Chaque étudiant était libre de choisir le contenu de son site, cependant quelques critères étaient à respecter :
  • Responsive
    – avec 2 feuilles de style interchangeables
  • Respect des normes d'accessibilité du W3C
    – WAI-AAA – WCAG 2.0
  • Formulaire
    – avec captcha personnalisé en Javascript
  • Multilinguisation
    – .html.fr / .html.en
  • Structure précise
    – menu principal, contextuel, aside, etc.
  • Utilisation d'ancres (#)
    – pour la navigation entre les sections
J'ai choisi de réaliser une encyclopédie web sur la série télévisée Futurama. J'envisage à l'avenir de maintenir le projet en l'hébergeant avec un nom de domaine dédié. Je prévois aussi de développer moi-même un CMS, afin de publier de nouveaux articles sans avoir à modifier le HTML directement, et pour permettre aux visiteurs de laisser des commentaires.
Découvrir

FRAMMI Awards

Festival de réalisations étudiantes – Organisation d'événement

×
Événement Frammi
FRAMMI est un festival de réalisations étudiantes organisé chaque année par les étudiants de l'IUT MMI de Chambéry. Il a pour but de faire découvrir des talents naissants, promouvoir le travail d'étudiants en multimédia le temps d’un soir, face à un public d’amateurs mais aussi de professionnels et face à un jury qui décerne les prix dans différentes catégories : audiovisuel, graphisme, programmation et communication.

J'ai eu l'occasion de travailler sur la 10ème édition de ce festival. Voici les tâches que j'ai effectué pour mener à bien ce projet :
  • Organisation globale de l'événement
    – Planification du déroulement de la soirée, recherche de partenaires, achat des trophées, préparation le jour J
  • Plan de communication
    – Création d'un planing éditorial pour les réseaux-sociaux, affichage print, contact de relais (spot sur NRJ Radio, article dans le Dauphiné)
  • Captation vidéo et photo
    – Captation vidéo/photo classique, timelapses, photo-booth
Découvrir

CF

Logo personnel – Illustrator

×
Logo CF
Logo réalisé durant mon temps libre pour me construire une identité visuelle multi-supports (web, média, print). Réalisé en format vectoriel sous Illustrator, il représente mes initiales écrites d'une traite, sans lever le stylo. Quand le support le permet, par exemple sur le web, il est accompagné d'un fond bleu dégradé faisant également partie de mon identité visuelle. Ce fond symbolise pour moi la couleur de la mer et du ciel de la Côte d'Azur, tout comme il évoque le monde numérique.
Découvrir

Site d'agence Fewz

Site web responsive – HTML/CSS/JS

×
Site Fewz
Site Internet réalisé durant mon année en MMI2 pour notre agence/groupe de TP. Voici les librairies JavaScript utilisées pour mener à bien ce projet :
Découvrir

La Réunion

Site web responsive – HTML/CSS/JS

×
Site Réunion
Réalisé dans le cadre de mon année en Licence Professionnelle : Métiers du Numérique (Conception, Réalisation et Rédaction Web). À partir de seulement quelques textes et images données, nous devions réaliser un site Internet de A à Z :
  • Brainstorming initial
  • Conception graphique sur Sketch (UI/UX design, expérience utilisateur)
  • Développement web (Webpack + NPM, HTML/CSS, JS, jQuery)
  • Optimisations (PageSpeed, SEO On-Page, responsive design
Voici les librairies JS que j'ai utilisé pour améliorer l'expérience utilisateur et donner vie au site, le dynamiser :
Découvrir

WikiVids

Site web responsive – HTML/CSS/JS/Bootstrap

×
Site WikiVids
Site Internet réalisé durant mon stage volontaire de 2 mois chez BrainyUP, start-up de e-learning à la pépinière d'entreprise "CréACannes" à Cannes. Cette landing page a été créée pour promouvoir une particularité de BrainyUP, les wikivids : courtes vidéos d'environ 1 minutes pour expliquer un concept, un objet, une idée. Le site a été codé en utilisant le Bootstrap. Durant mon stage, j'ai également pu élaborer un planning éditorial pour l'entreprise, l'appliquer en tant que Community Manager par la suite et toucher au référencement naturel.
Découvrir

Bonnes pratiques du SEO

Infographie – Sketch App

×
Infographie SEO
Infographie sur les bonnes pratiques du SEO On-Page (initiation). Réalisée durant ma deuxième année en MMI.
Découvrir

Application Météo

Site web responsive/web-app – HTML/CSS/JS/PHP/AJAX/Weather API

×
Weather App
Site Internet/web-app réalisé en MMI2 dans le cadre de nos cours d'Intégration Web. Une maquette est donnée et nous devons l'intégrer (HTML/CSS) puis la rendre fonctionnelle (JS/PHP/etc.).
Découvrir

Nike Free RN Speckle

Webdesign – Sketch App

×
Nike Speckle
Webdesign réalisé dans le cadre de nos cours en MMI2. Un cahier des charges et une description de la nouvelle collection de chaussures Nike nous a été donné. Nous étions complètement libres quant à la réalisation de la maquette. J'ai pris le temps de prototyper la maquette sous Sketch App (Mac) pour la présentation de celle-ci à l'oral (soutenance).
Découvrir

CF

Charte graphique – Sketch App/InDesign

×
Charte graphique CF
Charte graphique personnelle, réalisée sous InDesign durant ma deuxième année en MMI.
Découvrir

Huffington Post

Site web responsive – HTML/CSS/JS

×
Site Huffington Post
Site Internet réalisé en MMI1 dans le cadre de nos cours d'Intégration Web. Une maquette est donnée et nous devons l'intégrer (HTML/CSS) puis la rendre fonctionnelle (JS/JQuery/etc.).
Découvrir

Beats

Site web responsive – HTML/CSS/JS

×
Site Beats
Site Internet réalisé en MMI1 dans le cadre de nos cours d'Intégration Web. Une maquette est donnée et nous devons l'intégrer (HTML/CSS) puis la rendre fonctionnelle (JS/JQuery/etc.).
Découvrir

Yo

Site web responsive – HTML/CSS/JS

×
Site Beats
Site Internet réalisé en MMI1 dans le cadre de nos cours d'Intégration Web. Une maquette est donnée et nous devons l'intégrer (HTML/CSS) puis la rendre fonctionnelle (JS/JQuery/etc.).
Découvrir

Countries API

Site utilisant l'API "REST Countries" – HTML/CSS/JS/Node + NPM/REST Countries API

×
Site Countries
Site Internet réalisé en MMI2 dans le cadre de nos cours d'Intégration Web du Semestre 4 Web. Nous devions utiliser un API de notre choix trouvée sur Internet et l'implémenter sur un site. Pour ce projet, voici les outils utilisés :
  • REST Countries API
    – API d'informations sur les pays du monde
  • Node.js
    – Environnement d'exécution JavaScript
  • NPM
    – Gestionnaire de paquets Node.js
  • GIT
    – Gestionnaire de versions
Découvrir

PONG 2019

Jeu-vidéo réalisé sous Processing – Arduino/Processing/Java

×
Jeu Pong
Jeu-vidéo réalisé en MMI2 dans le cadre de nos cours d'Internet Of Things du Semestre 4 Web. Nous devions coder un jeu avec le logiciel Processing en utilisant un Arduino Uno (SparkFun Inventor's Kit) équipé d'un accéléromètre en tant que manette. J'ai décidé de réinventer le jeu d'arcade PONG. Voici les fonctionnalités de PONG 2019 :
  • Avoir un pseudo
    – Nickname de 5 caractères
  • Définir la taille de certains éléments du jeu
    – Balle, palettes
  • Définir le nombre de matchs voulu
    – 3 minimum, 10 maximum
  • Autoriser le déplacement sur l'axe X (horizontal) ou non
    – 1 ou 2 degrés de liberté
  • Définir si les palettes se réinitialisent à chaque point marqué
    – Repositionner les palettes au milieu ou non
Découvrir

Instagram | @chrisfr06

Contact