{"id":822,"date":"2026-02-23T21:53:20","date_gmt":"2026-02-24T02:53:20","guid":{"rendered":"https:\/\/ehebert.dectim.ca\/projectx\/tp2\/?p=822"},"modified":"2026-05-12T01:39:05","modified_gmt":"2026-05-12T05:39:05","slug":"web-et-experience-numerique","status":"publish","type":"post","link":"https:\/\/ehebert.dectim.ca\/projectx\/tp2\/web-et-experience-numerique\/","title":{"rendered":"Web et Exp\u00e9rience num\u00e9rique"},"content":{"rendered":"\n
\n
\n
\n

Web et Exp\u00e9rience num\u00e9rique<\/strong><\/strong><\/strong><\/h1>\n\n\n\n

Cr\u00e9ation de sites web simples \u00e0 utiliser et agr\u00e9ables \u00e0 regarder. Qu\u2019il s\u2019agisse d\u2019un site vitrine, d\u2019une boutique en ligne ou d\u2019une page de pr\u00e9sentation, chaque projet est con\u00e7u pour que les visiteurs trouvent ce qu\u2019ils cherchent \u2014 et qu\u2019ils restent.<\/p>\n\n\n\n

\n

Nous contacter<\/a><\/h4>\n\n\n\n
\"\"<\/figure><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure><\/div>\n<\/div>\n<\/div>\n\n\n\n
\n

Notre flux de production<\/h2>\n\n\n\n
\n
\n
\n

Analyse des besoins<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/h3><\/div>

Identification des objectifs du projet, des utilisateurs vis\u00e9s et des fonctionnalit\u00e9s requises.<\/p><\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n

\n
\n

\u00c9tude du march\u00e9<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/h3><\/div>

Analyse des concurrents et des meilleures pratiques du secteur pour orienter les choix de conception.<\/p><\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n

\n
\n

Planification du site<\/strong><\/strong><\/strong><\/strong><\/strong><\/h3><\/div>

D\u00e9finition de la structure des pages, du contenu \u00e0 int\u00e9grer et de l’organisation g\u00e9n\u00e9rale.<\/p><\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n

\n
\n

Cr\u00e9ation des maquettes<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/h3><\/div>

R\u00e9alisation des plans de chaque page pour visualiser l’ensemble avant le d\u00e9but du d\u00e9veloppement.<\/p><\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n

\n
\n

Design des interfaces<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/h3><\/div>

Habillage des maquettes avec les couleurs, les polices et les visuels pour un r\u00e9sultat coh\u00e9rent et attrayant.<\/p><\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n

\n
\n

Int\u00e9gration du design<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/h3><\/div>

Transformation du design en site web fonctionnel, rapide et adapt\u00e9 \u00e0 tous les appareils.<\/p><\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n

\n
\n

Ajout des fonctionnalit\u00e9s<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/h3><\/div>

Int\u00e9gration des formulaires, boutiques, galeries et autres \u00e9l\u00e9ments n\u00e9cessaires au bon fonctionnement du site.<\/p><\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n

\n
\n

Tests et v\u00e9rifications<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/h3><\/div>

Validation du bon fonctionnement sur les diff\u00e9rents navigateurs et appareils, sans bugs.<\/p><\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n

\n
\n

Mise en ligne<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/h3><\/div>

Publication du site sur le serveur de production et v\u00e9rification de la stabilit\u00e9 au lancement.<\/p><\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n

\n
\n

Suivi et am\u00e9liorations<\/strong><\/strong><\/strong><\/strong><\/strong><\/h3><\/div>

Analyse de l’utilisation du site et apport des ajustements n\u00e9cessaires apr\u00e8s le lancement.<\/p><\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/div>\n<\/div><\/div>

<\/div>
<\/div><\/div>\n<\/div><\/div>\n\n\n\n
\n

Tendances actuelles<\/h2>\n\n\n\n
\n
\n

Les sites agissant comme des apps<\/strong><\/strong><\/h4>\n\n\n\n

De plus en plus de sites web fonctionnent aussi bien qu’une application, sans qu’il soit n\u00e9cessaire de la t\u00e9l\u00e9charger.<\/p>\n<\/div>\n\n\n\n

\n

Plus de s\u00e9curit\u00e9 en ligne<\/strong><\/strong><\/h4>\n\n\n\n

Les nouvelles technologies permettent de cr\u00e9er des sites plus s\u00e9curis\u00e9s et plus fiables pour les utilisateurs.<\/p>\n<\/div>\n\n\n\n

\n

Des outils de plus en plus puissants<\/strong><\/strong><\/h4>\n\n\n\n

Les nouvelles fa\u00e7ons de coder permettent de cr\u00e9er des sites plus rapides, plus flexibles et plus faciles \u00e0 faire \u00e9voluer.<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n
\n

Des sites faits pour tout le monde<\/strong><\/strong><\/h4>\n\n\n\n

L’accessibilit\u00e9 web est de plus en plus importante \u2014 un bon site doit pouvoir \u00eatre utilis\u00e9 par n’importe qui.<\/p>\n<\/div>\n\n\n\n

\n

Le scrollytelling<\/strong><\/strong><\/h4>\n\n\n\n

Lors du d\u00e9filement d’une page, des animations et des histoires se d\u00e9roulent pour rendre la navigation plus vivante et engageante.<\/p>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n

\n

Nos projets de design<\/h2>\n\n\n\n
\n\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\t\t\t
\t\t\t\t\t\t\t\t

\n\t\t\t\tAnimation NASCAR<\/a>\n\t\t\t<\/h3>\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tYoan Robitaille<\/a>\t\t\t\t<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\t\t\t\t\t\t\t\t

\n\t\t\t\tHouse Breach<\/a>\n\t\t\t<\/h3>\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\u00c9mile H\u00e9bert<\/a>\t\t\t\t<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\t\t\t\t\t\t\t\t

\n\t\t\t\tMonstre M\u00e9canique<\/a>\n\t\t\t<\/h3>\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\u00c9li Bousquet<\/a>\t\t\t\t<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\t\t\t\t\t\t\t\t

\n\t\t\t\tNuages et mers<\/a>\n\t\t\t<\/h3>\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tNathan Fortier<\/a>\t\t\t\t<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n<\/div>\n\n\n\n
\n

Questions fr\u00e9quentes<\/mark><\/h2>\n\n\n\n
\n
\n
\n