02

Site web PhytoTech (webjam 2026)

Dev web

Contexte

Réalisé dans le cadre du WebJam 2026 (webjam.ca), un marathon de création web en équipe. Avec Nathan Fortier, Miro Leblanc et Éli Bousquet, nous avons conçu le site de PhytoTech, une entreprise fictive présentant son invention : le Q-tipousse, un coton-tige dont l’embout repousse après avoir été coupé. Le projet a remporté le titre de Grand gagnant 2026 ainsi que le prix du meilleur site web.

Outils utilisés

Rôles

Contenu (titres, images, textes), intégration HTML/CSS/JS, modélisation 3D

Crédits

Nathan Fortier : Design du site
Miro Leblanc : Intégration, conversion HTML vers PHP (WordPress)
Yoan Robitaille : Contenu, intégration et modélisation 3D
Éli Bousquet Débogage, intégration, javascript
Équipe : Nathan Fortier, Miro Leblanc, Éli Bousquet

Utilisation d'IA

L’intelligence artificielle a été utilisée pour la rédaction des textes, la génération de l’ensemble des images du site, le débogage de code, ainsi que pour l’aide à la conversion du HTML vers PHP (WordPress).

01 - Idéation

J’ai eu l’idée d’un coton-tige infini — un embout qui repousse une fois coupé — qui est devenu le concept central du produit Q-tipousse , porté par la compagnie fictive PhytoTech.

Idéation

Concept produit

Direction créative

02 - Design du site web

Nathan Fortier a pris en charge le design visuel du site sur Figma, établissant la direction graphique (mise en page, typographie, cartes produits) que nous avons ensuite intégrée.

Figma

Direction visuelle

Collaboration

03 - Rédaction des contenus

J’ai rédigé l’ensemble des textes du site à l’aide de Gemini et Claude : la mise en marché des modèles de produits (Bourgeon, Classique, Bosquet), les descriptions technologiques, ainsi que les textes de la section Événements et Entreprise.

Rédaction

Storytelling

Contenu

04 - Codage des premières pages

J’ai intégré la page d’accueil (index.html) ainsi que la page Accessoires, en HTML/CSS/JS, à partir des maquettes Figma de Nathan.

HTML

CSS

Intégration

Code d'une section de la page accessoire

05 - Conversion vers WordPress

Miro Leblanc a converti nos pages HTML statiques en templates PHP pour les intégrer dans WordPress, rendant le site gérable dynamiquement.

06 - Présentation et remise de prix

Grand gagnant 2026

Sous le nom d’équipe Erreur fatale, nous avons présenté le Q-tipousse, un coton-tige infini dont l’embout repousse après avoir été coupé. Les juges ont grandement apprécié le concept ainsi que la qualité du site, ce qui nous a valu le titre de Grand gagnant 2026 et le prix du meilleur site web, remis au projet qui se démarque le plus par son excellence technique, créative et collaborative.

02