Contact

    Si vous souhaitez envoyer plusieurs fichiers, pensez à les compresser dans une archive zip.

    (Taille maximum 20 Mo / Fichiers acceptés : .jpg .png .pdf .psd .ai .zip)



     

    Cas client : MPG, l’application pour jouer entre amis

    Une refonte de site vitrine originale

    Peut-être que le nom de MPG ou MonPetitGazon parlera aux amateurs du ballon rond puisqu’il s’agit d’un jeu mobile bien connu ! Le but est de créer son équipe de football avec les joueurs évoluant réellement en championnat professionnel afin d’affronter ses amis à chaque match. Le résultat est calculé par rapport aux véritables performances des joueurs : de quoi pimenter vos soirées foot !

    Pour ce projet, nos interlocuteurs étaient Benjamin Fouquet et Grégory Rota, les fondateurs de MPG. Nous avons tout d’abord discuté de leur besoin immédiat, qui ne concernait pas l’application mobile mais le site vitrine présentant le jeu mobile. En effet, la mission était de refaire entièrement leur site vitrine tout en donnant la priorité à deux choses indispensables : le SEO (Search Engine Optimization) et la vitesse de chargement du site.

    Puisqu’il s’agit d’une société connue et que la mission était vraiment intéressante (surtout pour les footeux :), la concurrence avec les autres prestataires fut forte et nous avons su nous démarquer en chamboulant un peu les idées qu’ils avaient en tête, surtout sur un point de vue technologique.

    Besoin de notre expertise ?

    85

    Score mobile lighthouse

    98

    Score ordinateur lighthouse

    Le javascript au service de la performance

    La maquette du nouveau site que nous a fourni le client étant une onepage sans trop de complexité, l’idée initiale était simple : créer un site purement statique, avec du HTML, du PHP et du JavaScript pour animer tout ça. Une idée qui aurait très bien pu fonctionner alors pourquoi avoir proposer autre chose ?

    Quand et pourquoi utiliser un framework javascript comme NextJS ?

    Le premier avantage d’utiliser un framework comme NextJS c’est d’avoir une boîte à outils conçue et utilisée par des milliers de développeurs.

    1. Cela permet de ne pas réinventer la roue et d’accélérer le développement en évitant de re-développer des parties indispensables comme le routing ou encore la gestion du multilingue. Ces fonctionnalités déjà présentes n’empêchent en aucun cas d’avoir une liberté totale lors du développement du site internet.
    2. De profiter d’une façon de développer préétablie pour cette technologie, favorisant les bonnes pratiques de développement. Cela évite aussi de partir sur une structure de projet peu banal pouvant générer des bugs et/ou empếchant une bonne prise en charge lors de l’évolution et la maintenance du site vitrine.
    3. D’avoir la puissance du JavaScript au service de la performance, sans négliger la partie SEO puisque NextJS permet de faire du rendu statique, tout comme si nous avions développé de manière classique le site en PHP et HTML.

    Très professionnel dans l'approche de la mission, L’équipe AquilApp a su répondre à tous nos besoins et n'a pas hésité à challenger nos choix de technos lors du brief. Ils ont su faire preuve de disponibilité et de flexibilité tout au long de la mission dans un projet qui demandait de la souplesse. Je recommanderai vivement AquilApp.

    Benjamin Fouquet

    Créer un site internet rapide

    Un score de performance lighthouse en mobile à plus de 90%, c’est vraiment possible ?

    Nous allons pas nous mentir, de plus en plus Google pousse les développeurs à rendre les sites web plus légers, plus rapides et plus performants. Ces performances jouent notamment un rôle important pour le référencement naturel. Et même si c’est relativement facile d’obtenir un score proche de 100% sur ordinateur, la mission se corse énormément lorsque nous voulons avoir un score similaire sur téléphone alors que c’est le terminal utilisé par plus de 65% des visiteurs d’un site internet vitrine.

    Grâce à la technologie utilisée et à de nombreuses optimisations globales ou ciblées mobiles (lazyload, prefetch, compression) nous avons pu fournir au client un projet ayant un score de plus de 85% en mobile et très proche des 100% en ordinateur*, notamment grâce à l’utilisation de Vercel, un hébergeur spécialisée des Apps Javascript NextJS.

    *Ces scores ont été calculés en 2020 et peuvent avoir changer avec l’évolution des algorithmes de Google.

    Pour être bien référencer, il ne faut rien laisser au hasard

    Attention au JavaScript et au référencement naturel : même si les robots de référencement s’améliorent de jour en jour, le contenu affiché grâce au javascript peut vraiment être mal interprété si ce n’est pas fait correctement. 

    Petite astuce pour savoir si votre site est bien visible des robots : accédez à votre site en désactivant le JavaScript, si l’affichage est mauvais ou incomplet, il se peut que votre référencement soit impacté.

    Site vitrine, quelles questions se poser ?

    Même si pour ce projet précis, le choix de NextJS pouvait être justifié, il ne le sera pas pour beaucoup d’autres.

    J’ai besoin de gérer le contenu de mon site et je n’ai pas de compétence en développement informatique

    Dans ce cas, nous vous conseillons vivement de partir sur la création d’un site vitrine avec un CMS comme WordPress. Une interface d’administration assez complète vous permettra de gérer le contenu de votre site par vous même. Une interface similaire peut être imaginée pour un site en ReactJS mais exploserait sûrement votre budget. Dans le cas où vous souhaitez un site vitrine ultra performant, il est aussi possible d’utiliser WordPress pour gérer le contenu et de l’afficher sur un site en NextJS. Dans tous les cas, AquilApp peut vous accompagner dans vos choix et le développement de votre site vitrine.

    J’ai besoin d’un site vitrine mais il y a des fonctionnalités plus ou moins complexes à intégrer

    Dans ce cas, il est possible que la meilleure solution soit de partir d’un site vitrine sur mesure, afin de pouvoir intégrer ces fonctionnalités. Cela nécessite une réflexion au cas par cas afin de choisir le compromis parfait selon vos besoins.

    SOYEZ RAPPELÉ SOUS 24 HEURES