Publié le 2021 M10 18
Under the hood: quelles technos pour votre projet ?
Chaque projet dispose de ses challenges et contraintes : comment fait-on pour pour choisir les technologies les plus adaptées ?
Uxer - Yohann

Yohann

Developpeur Fullstack

Le choix des technologies pour réaliser un projet est une étape essentielle à réaliser avant le lancement de ce dernier. Pour cela nous avons besoin de connaître plusieurs paramètres, d'un brainstorming avec la cheffe de projet et les designers et d'un café ou deux. (la pénurie de dosettes n’est pas permise ☕).

$parameters = Les paramètres à prendre en compte

Le triangle d’or

Le triangle d’or est une méthode de gestion de projet web, qui s’applique à la perfection dans la réflexion du choix des technologiques à utiliser. On va prendre en compte trois éléments pour nous aider à faire notre choix :

  • La qualité du code et des performances
  • La deadline prévue par le client
  • Le budget consacré au projet

Les spécificités du projet

En fonction du type de projet, (e-commerce, site vitrine, application web...), les contraintes ne seront pas les mêmes. Le client peut aussi ajouter des spécificités, comme l’accès à un back-office ou un site traduit en plusieurs langues. Il est capital d'anticiper tous ces éléments afin de choisir les technologies qui supporteront au mieux le projet, sa maintenabilité et ses évolutions futures.

Nos compétences

Eh oui ! Il existe beaucoup de langages de développement et de technologies différentes, notre panel est large mais pas infini ! 😎 Si nous essayons toujours de choisir les technologies les plus adaptées à chaque type de projet, nous faisons aussi en fonction de nos compétences internes respectives. Et ça évolue vite, très vite même ! Nous nous tenons donc régulièrement à jour pour pouvoir travailler sur de nouvelles technos si nécessaire !

$launchAlgorythme = On mélange les paramètres et on choisit

⚠️ Attention, on commence à parler technique.

Les sites vitrines

Les sites vitrines ont beaucoup de contraintes : ils sont souvent traduits en plusieurs langues, avec le besoin d’un back-office et une optimisation SEO poussée.

Nous avons donc le choix entre un site Wordpress, qui nous permettra d’intégrer directement le back-office, WPML pour la traduction et Yoast ou Rank Math pour le SEO, tout cela sur la base d’un thème sur mesure. L'autre option : un site utilisant un headless CMS comme Strapi pour l’API et le back-office ainsi qu’un front-end en Next ou Nuxt.

Les applications web

La complexité des applications web vient surtout du fait qu'elles sont réalisées sur-mesure pour chacun de nos clients et de leurs projets.

Nous partons systématiquement sur une API REST et un front basé sur un framework JS :

  • Pour l’API : API plateforme, Laravel, Slim ou Express JS
  • Pour le front : Angular, Vue ou React

L’avantage d’une telle configuration ? Imaginons que vous ayez une application web et vous souhaiteriez une application mobile. Nous n'avons pas à tout refaire ! Nous avons déjà toute l’API (les données de l'application) et il ne nous reste plus qu’à développer l’interface mobile de l’application et le tour est joué ! Cela représente un gain de temps et une maintenance simplifiée.

Les e-commerces

C'est le type de projet le plus délicat. Chaque site e-commerce est différent de par ses spécificités. On parle d'une boutique de quelques produits à une boutique de milliers de références, de boutiques internationales traduites dans plusieurs langues, de contenus à optimiser fortement en SEO, et bien d'autres complexités !

C'est pour cela qu'en fonction du périmètre de chaque projet, les technologies utilisées pour le développement de chaque e-commerce peuvent varier, allant d'un site sur-mesure à une base CMS comme Wordpress.

L’intégration

La base du travail de notre agence repose sur l'expérience utilisateur. Chez nous, pas de thème réutilisable sur lequel on change simplement les couleurs et le logo. Tout est fait sur-mesure pour chacun de nos client, à partir d'un travail de réflexion et de conception en amont du développement.

A partir des maquettes réalisées pour un projet, nous utilisons systématiquement pour leur intégration le préprocesseur SCSS, compilé avec du Gulp ou Webpack. Une grosse phase de recettage est également réalisée conjointement par les équipes créatives et techniques en fin de projet pour s'assurer que le rendu final soit bien conforme à ce qui était défini.

En conclusion

Les technologies que nous utilisons nous permettent de répondre aux besoins d’un grand nombre de projets. Si nous n'avons pas de grille fixe classant automatiquement les projets dans des technologies pré-définies, nous nous basons sur notre expérience et nos acquis pour choisir au cas par cas les meilleures technologies pour chaque projet !

L'objectif final est toujours le même : développer un site de manière efficace, qu'il soit performant, sécurisé, facile à maintenir et à gérer au quotidien. Et surtout, qu'il propose une chouette expérience aux utilisateurs. 😊

Exit ;

Vous avez un projet ?

Parlons-en