Prochain projet ...

PortFolio

Date : 2024-25
Temps de conception : 3-4 semaines
Theme : personnel
Langage : HTML, CSS, JS
Spécification :
PortFolio

Pour montrer mes travaux, j'ai réalisé un portfolio personnel, fait de A à Z par moi-même. Je voulais montrer, à travers la direction artistique, que j'aime le monde de l'automobile, mais sans en faire trop. Le côté sombre ne peut pas plaire à tout le monde, mais je ne trouvais aucune autre couleur qui me plaisait. Ceci est la version 1, car je compte refaire certaines parties pour les améliorer et les adapter davantage à mon goût. Mais pour le moment, il remplit toutes les attentes d'un portfolio. Il est facile à naviguer et à comprendre, je trouve. Je pense que c'est un bon début pour montrer mon intérêt pour le design, le graphisme, etc. Je l'ai fait en HTML, CSS et JS. J'ai mis pas mal de temps à trouver quelque chose qui me plaît. Les media queries sont adaptées aux tailles d'écran les plus courantes sauf téléphones. Le seul problème est l'optimisation : je suis conscient de ce souci et je vais essayer de l'améliorer du mieux possible.

Site maquette NBA

Date : 2024
Temps de conception : 1 semaines
Theme : NBA
Langage : HTML, CSS
Spécification :
Site a partir d'un theme aléatoire

Pour continuer à m'entraîner sur du HTML et du CSS, j'ai demandé un thème aléatoire à un camarade de classe. Il m'a donc répondu "la NBA" entre les cours. J'ai alors travaillé sur une maquette de site sur la NBA avec plusieurs idées en tête. Je trouve que la bannière et le reste de la page ne sont pas dans la même direction artistique. J'ai donc essayé plusieurs versions sans trouver ce qui me convenait le mieux. Après pas mal de réflexion et avec l'arrivée d'autres projets scolaires, j'ai mis cette conception de maquette en pause pour le moment. De ce fait, il n'y a pas toute la page et les media queries sont présentes à moitié pour les largeurs de 1450px, 1920px et 2560px, même si la meilleure version reste en 1270px.

Cliquez pour le voir ⟶

Site Eco-meuble

Date : 2024
Temps de conception : 1 semaines
Theme : écologie
Langage : HTML, CSS
Spécification :
Site pour SAE(projet de groupe)

Pour un projet de développement web et économie, par groupe de 2, il fallait faire un site pour présenter notre marque d'éco-meubles pour les étudiants. Je me suis donc occupé de la partie design du site, j'ai fait l'apparence pendant que mon binôme s'occupait de la partie gestion avec des questionnaires à faire, l'histoire de la marque, etc. Donc, pendant une semaine, j'ai réalisé des palettes de couleurs, des dispositions différentes et la recherche d'images. J'ai tout assemblé en HTML avec du CSS, les media queries sont présentes sauf pour les téléphones. J'ai aussi fait un logo pour la marque en guidant une IA pour le faire (le temps du projet ne permettait pas de créer un logo par moi-même).

Cliquez pour le voir ⟶

Site personnel BMW

Date : 2024
Temps de conception : 2.5 semaines
Theme : automobile
Langage : HTML, CSS
Spécification :
1er site fait apres 1 mois et demi d'HTML,CSS

Pour un projet de première année d'informatique, dans le cours Développement des interfaces web, il fallait créer un site internet sur le thème de son choix. J'ai donc choisi de faire la page de présentation d'un modèle de voiture en m'inspirant de celle officielle de cette marque. Je me suis alors mis au travail et j'ai rapidement remarqué que je manquais de connaissances. J'ai donc presque tout appris grâce à des documentations en ligne, ce qui explique le temps de réalisation. À cause de cela, j'ai rencontré des problèmes de temps et il manque un élément fondamental : les media queries. Le site est donc conçu pour une largeur de 1272 pixels. Dans le futur, j'ajouterai ces media queries et améliorerai la page pour la rendre plus responsive.

Cliquez pour le voir ⟶

Testeur/Generateur Mdp

Date : 2023
Temps de conception : 2 semaines
Theme : Securité
Langage : HTML, CSS, PY
Spécification :
1er site pour un projet NSI

Pour un projet de NSI en terminale, par groupe de 2, nous avons eu 2 semaines pour créer un site ou un jeu vidéo de notre choix. On a donc choisi de faire un site permettant de tester ou de générer un mot de passe. Il est fait en HTML, CSS et Python. Nous n'avions aucun cours d'HTML ni de CSS, donc tout est fait à partir de documentation en ligne. Le site n'est donc pas très poussé, mais il fonctionne pour un premier site sans aucune connaissance. Les media queries pour 2560px et en dessous de 1270px ne sont donc pas faites, ce qui signifie que la mise en forme du site peut être refaite en fonction de la largeur.

Cliquez pour le voir ⟶