Atarimania

Refonte WebDev → React / Node.js

Atarimania est une encyclopédie dédiée à l'univers Atari, regroupant jeux, logiciels et informations sur les principales machines de la marque.

Le site propose également une vaste collection d'archives : magazines, publicités, jaquettes, notices et documents historiques.

  • Base de données très complète
  • Plus de 40 000 logiciels référencés
  • Archives et magazines numérisés
  • Captures et documents historiques
  • Préservation du patrimoine Atari
  • Communauté internationale de passionnés

Un véritable projet de préservation du patrimoine Atari, porté par une communauté internationale de passionnés.

Objectif

Afin d'échapper aux nouveaux tarifs imposés par PCSOFT, la communauté ATARIMANIA a souhaité refondre le portail dans une technologie open source.

Un rafraîchissement du look et de l'ergonomie était également souhaité.

Le fonctionnement responsive est un impératif.

L'ancien site étant un peu long à charger selon les pages, une optimisation générale de la vitesse de chargement serait un vrai plus.

Réponse

Après étude et échange avec le client, nous avons opté pour la technologie React pour le front et Node.js pour le back.

  • Réécriture complète du site catalogue
  • Refonte graphique
  • Mise en place du responsive
  • Optimisation SEO
  • Optimisation des performances générales
Le catalogue Atari Arcade d'Atarimania après la réécriture, en mode clair Le même catalogue Atari Arcade d'Atarimania en mode sombre

Réécriture complète du site en React & Node.js

Nous avons totalement réécrit le site, ses pages et son fonctionnement en conservant la BDD en l'état.

Après la phase de refonte UI/UX, nous avons implémenté un mode clair et un mode sombre afin de faire plaisir aux nouveaux utilisateurs sans perturber les utilisateurs historiques.

Le site propose (enfin) un comportement responsive

Le site ayant été développé à l'origine avant l'arrivée des smartphones, le responsive n'avait jamais été mis en place. C'est désormais de l'histoire ancienne !

Revue de l'expérience utilisateur au scroll

Ancrage du menu et des panneaux latéraux lors du scroll pour ne jamais perdre de vue les éléments essentiels des pages.

Pour finir : Optimisation SEO de l'ensemble des pages

Mise en place de toutes les bonnes pratiques, les données structurées et le maillage interne.

Rapport Lighthouse du site Atarimania réécrit : 100 en performance, accessibilité, bonnes pratiques et SEO

Résultats

30 000lignes de code
réécrites
5jours / homme
de réécriture
100 / 100au test
Lighthouse
40 000logiciels
répertoriés

Ces projets pourraient aussi vous intéresser

Vous avez un projet similaire ?

Contactez-nous !