Venant de Barberaz, je suis un développeur créatif et motivé, je suis passionné par les jeux vidéo notamment leur conception mais aussi leur développement. Impliqué et rigoureux dans les tâches qui me sont confiées. Je suis toujours à la recherche de solution sur des problèmes donnés. Curieux, j'aime apprendre de nouvelles choses pour approfondir mes connaissances.
Voir mes projets
J’ai dû concevoir et coder un jeu vidéo de type Frogger en Java sur l’IDE Eclipse en un mois et demi.
J'ai dû définir les fonctionnalités du jeu, tout en respectant le principe du Frogger : faire traverser un personnage jusqu’à plusieurs portes en évitant divers obstacles. Le joueur dispose de 60 secondes pour réussir, avec un bonus de 10 secondes par porte franchie. Un système de score est également mis en place, ajoutant 10 points par porte atteinte.
Puis, j’ai dû coder l’intégralité du jeu, en programmant les mécaniques de déplacement du joueur et des obstacles, de collision, la gestion du temps et du score.
J'ai eu une semaine pour refaire le site web d'une cliente en utilisant le CMS WordPress et Laragon.
J'ai intégré au mieux la maquette que mon équipe et moi avions conçue. J'ai également utilisé des templates et le système ACF pour permettre à ma cliente de modifier le contenu sur WordPress sans toucher au code.
Une fois la version pour ordinateur terminée, j'ai créé des versions responsive pour les téléphones et tablettes. Je me suis également occupé de l'hébergement sur ovh
Voir le site web
Lors d'un projet, notre professeur nous avait demandé de refondre le site de réservation de matériel de notre département.
Pour ma part, j'étais responsable de l'intégration de la maquette qu'on m'avait faite auparavant dans le projet. Côté fonctionnalités, je m'occupais de l'authentification et de la connexion des utilisateurs à leur session. Et aussi de l'hébergement ovh que notre professeur nous avait configuré pour le projet.
Voir le site de réservation
Pour présenter les réalisations que j'ai effectuées durant mes années de BUT, j'ai décidé de créer mon propre portfolio.
J'ai réfléchi à la manière de me présenter ainsi qu'à celle de mettre en valeur mes projets. J'ai aussi pris en compte les fonctionnalités nécessaires pour illustrer mes réalisations. J'ai opté pour un design sobre et épuré, afin que le site ne soit pas trop chargé et qu'il soit accessible et lisible partout.
J’ai réalisé une infographie sur le thème de la pollution plastique dans les océans, un sujet à la fois important et intéressant.
Après avoir recherché et synthétisé les informations pour éviter une surcharge visuelle, je l'ai structuré en trois parties :
Le tout repose sur un fond bleu, évoquant l’océan, qui s’assombrit progressivement pour symboliser la profondeur.
Télécharger le PDF de la réalisation
J’ai dû reproduire une maquette d'un site grâce à un modèle mais aussi faire la version responsive en partant de rien sur Figma.
Pour réaliser cette maquette sur Figma j'ai dû créer des composants pour me permettre de faire des variantes. Mais j'ai aussi fait la maquette le plus possible en auto-layout.
Une fois la version desktop terminée, on m'a demandé de réaliser la maquette mais en version responsive téléphone, en autonomie sans modèle. J'ai donc dû adapter les composants et les variantes du desktop.
Dans le cadre de la refonte du site web pour une cliente, nous étions une équipe de quatre personnes pour concevoir la maquette.
De mon côté, j’ai réalisé la page de contact ainsi que certains éléments des autres pages, comme l'encart précédant le footer dans la page A propos. J’ai également conçu les prestations et mis à jour le design des avis clients de la page d'accueil.
Enfin, j’ai pris en charge la partie haute de la page prestations, s’arrêtant avant les prestations détaillées.
Pour un rendu, j’ai dû réaliser un logo et j’ai décidé d’opter pour un acronyme.
J’ai choisi d’utiliser mon prénom comme base et ai disposé les lettres B, J, M pour Benjamin. Pour ajouter une touche liée au développement web, j’ai intégré un point-virgule. Ensuite, j’ai expérimenté différentes polices et couleurs, en testant plusieurs combinaisons avant d’opter pour un bleu océan, une couleur que j’apprécie.
Voulant personnaliser davantage mon logo, j’ai repris un élément de ma signature : deux traits. J’ai alors intégré ces traits en les superposant aux lettres, créant ainsi une coupure originale.
Enfin, donner du relief, j’ai ajouté une ombre noire sous les lettres.
J’ai réalisé un effet de parallaxe sur un tableau de chevalier grâce à Photoshop et After Effects.
Pour cela, j’ai commencé par détourer individuellement chaque élément afin de les séparer de l’arrière-plan. Ensuite, pour animer le cheval et le chevalier, j’ai employé l’outil Marionnette afin de créer leurs mouvements. Le bouclier et le drapeau ont été ajustés manuellement pour affiner leur position.
Pour simuler l’effet du vent, j’ai appliqué une déformation progressive sur le drapeau et ajouté un subtil effet de pluie inclinée pour accentuer cette sensation. Enfin, l’outil Caméra en mode 3D m’a permis de créer un effet d’entrée immersive dans le cadre.
J'ai créé une animation de chargement sur un logo pour un chargement de page sur After Effects.
J'ai décidé d'utiliser le logo que j'avais conçu afin d'ajouter à la fois un visuel et une animation qui lui correspondaient.
J'ai utilisé différentes techniques, comme la modification de la valeur de l'opacité pour faire clignoter les lettres, ainsi que la fonctionnalité Masque, qui m'a permis de créer l'effet de découpe des lettres sur After Effects.
Dans le cadre de ce projet, en groupe de deux, nous devions réaliser un motion design en une semaine sur un sujet donné, qui était pour nous "Qu'est-ce qu'une dalle IPS ?".
Nous avons donc dû nous renseigner sur ce sujet en premier lieu.
Ma contribution à ce projet a été d'élaborer les 30 dernières secondes du script avant la réalisation, puis de créer les designs sur Illustrator et de réaliser les animations sur After Effects. J'ai également assuré la voix off d'un personnage, en français et en anglais.
Voir le motion design sur Youtube