Quel est le point commun entre ces avatars ?

troll zandalari de wow
Mon pseudo Eleosse troll zandalari de wow
hanzo le personnage d'overwatch
le nom du personnage Hanzo hanzo le personnage d'overwatch
Ezreal le personnage de league of legends
le nom du personnage Ezreal de league of legends Ezreal le personnage de league of legends

Salutations

dessin me représentant sur mon ordinateur

Le point commun entre ces avatars, c’est ce qu’il y a entre la chaise et l’écran : moi, Jessy Allard, junior développeur web diplômé de l’HEAJ en Développement Web et Transmédia.

Désormais titulaire d’un bachelier, je suis à la recherche d’un emploi dans le développement web. Je vais commencer par mes points faibles : je ne suis vraiment pas doué avec les photocopieuses et les cafetières. Plus sérieusement, j’envisage mon profil comme celui d’un technicien qui aime qu’on lui donne du fil à retordre. Plus un projet se complexifie, plus j’ai envie de comprendre comment le faire fonctionner. Les imprévus et les problèmes techniques sont pour moi un vrai terrain de jeu : chercher la bonne solution, tester différentes approches et optimiser chaque étape du process. Un bon projet, ce n’est pas seulement le résultat ; tant qu’il y a un fil à tirer, je chercherai à en démêler les nœuds.

L’aspect que je préfère dans le développement de projets, c’est la phase de réflexion et de recherche. Maintenir une cohérence graphique, penser comme les futurs utilisateurs, anticiper leurs comportements et leurs parcours… C’est cette diversité qui me plaît dans le web. Un site, c’est un ensemble de compétences qui se complètent, où la curiosité, la créativité et la rigueur ont toutes leur place. Dans ce portfolio, vous découvrirez des projets aux styles variés, de créations épurées à des identités plus audacieuses et assumées. J’aime affirmer ma sensibilité à travers mes choix graphiques, tout en sachant m’adapter à chaque projet, à sa direction artistique et à ses contraintes.

Je vous souhaite la bienvenue dans mon univers

Project

affiche du site dataplay

Dataplay

Objectifs du projet

Le but de cet atelier est de concevoir une expérience de visualisation de données afin d'aider les utilisateurs à interpréter l'ensemble de ces données. La durée de cet atelier est de 3 semaines et il se fait en groupe de 5.

Technologies Utilisées

  • HTML, SCSS, Javascript, JSON
  • Framework : Laravel
  • Conception : Figma
  • Gestion : Github

Défis et solutions

L'un des principaux défis était de rendre les visualisations de données interactives. Pour y répondre, nous avons utilisé la bibliothèque JavaScript Highcharts. Pour obtenir des données propres, nous avons également dû organiser correctement notre Google Sheet afin de la convertir en JSON.

Site Web
affiche du site dataplay
affiche du site dataplay
site TrendyLab

Trendylab

Objectifs du projet

Lors de mon stage chez Rebel Company, j'ai eu l'opportunité de travailler sur le site web de TrendyLab. Il s'agissait de donner vie à leur maquette en utilisant Wordpress et Elementor.

Technologies Utilisées

  • Wordpress, Elementor
  • HTML, CSS, Javascript

Défis et solutions

Le défi principal était de respecter la maquette tout en utilisant les fonctionnalités d'Elementor et wordpress. J'ai dû faire preuve de créativité pour trouver des solutions aux limitations de ces outils, tout en maintenant la qualité et la cohérence du design. Pour cela, j'ai utilisé la méthode agile avec au début mon maitre de stage en tant que Scrum Master, puis j'ai pris le rôle de Scrum Master pour gérer les tâches et les priorités du projet. Cela m'a permis de mieux comprendre la gestion de projet et d'améliorer mes compétences en communication et en collaboration avec l'équipe.

Site Web
visuel du site TrendyLab
conférencier Stephen Hay durant sa conférence

Iolce

Objectifs du projet

D'après une conférence, il a fallu rédiger des résumés de celle-ci afin de pouvoir donner son avis. Les résumés servent donc à apporter du contexte à quiconque pour mieux comprendre nos avis par la suite. Ce projet consiste donc en l'organisation de contenu, l'interaction et la présentation.

Technologies Utilisées

Défis et solutions

C'est le deuxième site que je réalise, et mon défi était d'intégrer des grilles. En montrant comment j'ai créé mes grilles, mon professeur m'a indiqué que je suivais une méthode, celle du 8-point grid. Sans le savoir, j'ai donc appliqué les principes de cette méthode pour mes grilles, et depuis, c'est devenu un automatisme pour moi.

Site Web
screenshot de mes prototypes sur adobe XD
vue satellite de la cour de l'HEAJ

Rethinking User eXperience

Objectifs du projet

Le but de cet atelier est de conceptualiser et de repenser l'usage de la cour intérieure de la Haute École Albert Jacquard en expérimentant des méthodes de Design Thinking.

Technologies Utilisées

Défis et solutions

La mise en pratique des méthodes de Design Thinking était un vrai défi. Nous avons commencé par comprendre nos utilisateurs avec des interviews. Suite à ces interviews, nous avons pu identifier les problèmes grâce à des analyses verticales et horizontales des réponses. Nous avons ensuite procédé au prototypage et à la conception des idées, en les testant par la suite afin de récupérer des feedbacks pour obtenir le meilleur résultat possible.

Site Web
plan du concept de la cour
aperçu du jeu vidéo Hivemind Survivor

Travail de fin d'étude

Objectifs du projet

Le but du TFE est d’explorer un sujet qui vous passionne en concevant un prototype complet et interactif avec une dimension UX/UI et des interactions avancées. Le but est de démontrer notre créativité et notre maîtrise technique à travers une solution innovante et fonctionnelle.

Technologies Utilisées

  • HTML, CSS, Javascript, Phaser.io

Défis et solutions

La gestion du temps fut très importante durant la réalisation de ce projet, surtout au début où il fallait savoir très vite quoi faire, sans quoi le risque était de se retrouver cinq mois plus tard avec un prototype peu convaincant. Depuis le début, je suis parti sur une direction claire : développer un jeu vidéo. Même en sachant où je voulais aller, le chemin était semé d’obstacles, mais pour arriver au bout, j’ai su faire preuve d’ingéniosité afin de mener à bien ce projet en essayant de bousculer les codes du genre Roguelike.

Site Web
aperçu du jeu vidéo Hivemind Survivor

Compétences

Photoshop

Mon sens du design me pousse à passer mes visuels dans Photoshop afin de les modifier pour les faire correspondre à la direction artistique du projet. Et plus encore...

Défis

Durant la confection de mes projets, il m'arrive de me lancer des défis. Par exemple, lors du développement de ce portfolio, je me suis essayé au motion design sur After Effects. Tout en sachant que je débute sur ce logiciel, c'est avec ce genre d'initiative qu'on développe de nouvelles compétences. En plus, on évite de stagner uniquement dans ce qu'on sait faire.

Plus qu'un défi, ça peut s'avérer être une solution. Comme par exemple le visuel 3D de mon projet Rux que j'ai réalisé dans Minecraft. En plus d'une superbe vision de mon projet à travers une vidéo, Minecraft offre la possibilité aux utilisateurs de partager leurs maps, ce qui permet à tout le monde d'aller voir de leurs propres yeux le résultat de mon projet.

Ia

De nos jours l'intelligence artificielle est omniprésente dans notre société et notre travail. J'ai plutôt tendance à penser que ça reste qu'un outil dont le resutat n'est bon que si la personne qui l'utilise ne compense pas un manque de réflexion, ce qui implique le fait de ne pas simplement copier-coller les résultats de l'IA. Personnellement, je l'utilise pour faire des bouts de code sur des sujets que je ne maitrîse pas à 100%. Par exemple, lorsque je me suis renseigné sur la librairie Phaser.io pour mon TFE, j'ai lu la documentation et j'ai compris comment ça fonctionnait globalement, et gràce à ça j'ai pu mieux orienter l'IA sur les points de code dont j'avais besoin pour les fonctions JS simplifiées de Phaser.io. Ce workflow me permet de garder une certaine autonomie tout en continuant à apprendre.

N'hésitez pas à me contacter pour toute question ou renseignement, je suis toujours ouvert à de nouvelles opportunités. je vous remercie d'avoir pris le temps de visiter mon portfolio.

À bientôt !