Changer d'Air

Intégration d'un site web pour une agence de communication

IndexContent pageReference catalogNewsEdition zonesImage quality controlMobile platforms compatibility

Index

La page d'accueil se compose d'une animation et d'une grille présentant les dernières réalisations ainsi que d'un menu renvoyant aux grandes parties du site.

Page de contenu

La page agence gère différents sous menu ouvrant sur du contenu texte. Les différents paragraphes se développent un à un.

Catalogue de références

La navigation du catalogue intègre différents effets de transition et affiche les contenus en AJAX.

News

Le site intègre un fil d'actualités simple et efficace.

Zones d'édition

Les administrateurs ont la possibilité d'accéder directement au formulaire d'édition d'un objet depuis le site sans passer par l'arborescence de la console d'administration.

Contrôle des images

Le framework intègre un outil de contrôle des images en fonction des critères de composition qui permet d'optimiser les performances du site.

Compatible avec les supports mobiles

L'affichage sur les support mobile à été vérifié et optimisé.

Contexte

Ce site a été conçu et imaginé par l'agence Changer d'Air (changerdair.fr), qui a confié à Arza Studio la réalisation technique et le développement.

Changer d'Air est une agence de design graphique fondée en 2005 et spécialisée en stratégie, identité et développement de marque. Depuis 2011, elle et Arza Studio travaillent main dans la main dans la réalisation de projets web où ils coordonnent savoir faire, créativité et expertise technologique.

La version antérieure du site de l'agence fonctionnait sur Flash, une technologie désuète. Il s'agissait ici de proposer une solution HTML tout en retrouvant les notions de mouvements et de transitions de l'ancien site. Le contenu, près d'une centaine de références illustrées par plus de 300 visuels, devait pouvoir être géré facilement par les administrateurs. La performance du site était une priorité afin de garantir une navigation fluide et un chargement quasi-instantané. Enfin la nouvelle version devait pouvoir être facilement indexée sur les moteurs de recherches.

Réalisation

Un moteur de navigation AJAX a été développpé pour gérer plusieurs niveaux d'animations : transitions entre les pages, passages d'une référence à une autre, développements de texte. Le résultat a permis de créer une navigation fluide au travers d'une série d'effets combinant mouvements et fondus. Un module permettant de gérer un catalogue de références catégorisées a été réalisé sur-mesure pour répondre aux besoins de l'agence. Grace à la version 1.3 de l'Engine, les administrateur bénéficient des derniers outils d'éditions de contenus, notamment les zones d'édition. Elles permettent de visualiser un clin d'oeil la structure et l'organisation des objets composant le site web. Afin de répondre aux impératifs de performances et de garantir l'optimisation des contenus du site, un outils de contrôle des fichiers images à été mis en place. Si le visuel ne répond pas aux critères de poids ou de résolutions, il est automatiquement traité. Cela à permis d'atteindre de bonnes performances et ce malgré une grande quantité d'images à charger. Enfin, le développement d'une structure HTML propre et répondant le plus possible aux critères pour une meilleur indexation a permis au site d'apparaitre très rapidement dans les résultats de Google.

Détails du Projet

Date de LivraisonJanvier 2014
Secteur d'ActivitéGraphisme, web, communication visuelle
URLhttp://changerdair.fr
PaysFrance
LangueFrançais
Version de l'Engine1.3.2