webHax
Korinna Gladhill
Projet scolaire
Le mandat de ce projet consistait à créer l’identité visuelle d’une conférence fictive et d’intégrer mon design par la suite en HTML, en CSS et en JavaScript .
Le site est fictif mais l’importance de ce type de site est réel.
Processus de création
Planification et structuration
En ayant l’idée globale en tête, j’ai choisi quelques couleurs qui constituent le site au complet, ainsi que plusieurs gabarits de styles visuels, nottament pour les typographies, dégradés, radius, etc.
Design
J’ai ensuite procédé au design général du site web, en format desktop et mobile, en intégrant tous les styles établis à l’étape précédente.
Développement
L’intégration et la programmation du site étaient les choses qui prenaient le plus de temps parce qu’il y avait beaucoup de détails et de défis.
Outils et logiciels utilisés
Rôle et contribution
- Design fait par moi, wireframes fournis
- La grande majorité du code a été effectué par moi, avec un stack créé par les enseignants du cours
- Choix des visuels, des textes et des images fait par moi
Logiciels
Figma, JavaScript, HTML, CSS, VS Code
Défis rencontrés
Les animations de swiper et de hover étaient souvent compliqués et j’avais une idée très spécifique en tête de ce que je voulais, ce qui rendait cela difficile à atteindre.
Solutions
- Faire beaucoup d’essai-erreur
- Chercher les meilleurs outils et paramètres pour faire en sorte que tout soit fluide
Résultat final
Au niveau des images et vidéos, l’IA générative nous a servi à produire et/ou bonifier certains médias (ex. visuels d’ambiance, textures, illustrations, variations, courtes séquences), ainsi qu’à générer des itérations pour explorer rapidement des pistes de direction artistique. Les médias finaux ont ensuite été sélectionnés, retouchés, intégrés et optimisés par notre équipe (compression, recadrage, formats web, cohérence visuelle et accessibilité). Tous les contenus générés ont été utilisés de façon éthique et responsable : aucune personne réelle identifiable n’a été imitée, aucun deepfake n’a été produit, et aucune utilisation non déclarée n’a été effectuée. Nous avons principalement utilisé VEO/Flow AI avec le modèle Nanobana. Ce service n’offre malheureusement pas une option pour partager la conversation.