Changer d'Air

Website integration for a communication agency

IndexContent pageReference catalogNewsEdition zonesImage quality controlMobile platforms compatibility

Index

The home page features and animation and a grid that presents the latest realizations along with a menu linking to the website's principal pages.

Content page

The studio page manages different sub-menus linking to textual content whose individual paragraphs unfold one by one.

Reference catalog

Navigation within the catalog integrates different transition effects and displays the content using AJAX.

News

The website features a simple and efficient news feed.

Edition zones

Administrators enjoy the possibility of accessing directly to an object's edit form from the site rather than by searching for it within the administration panel.

Image quality control

The framework integrates a tool for quality controlling images according to composition criteria that guarantee the performances of the website.

Mobile platforms compatibility

Rendering on mobile platforms was verified and optimized.

Context

This web site was imagined and conceived by the Changer d'Air (changerdair.fr) studio, who mandated Arza Studio with the technical realization and the development of the actual site.

Changer d'Air is a graphic design company founded in 2005 and specialized in strategy, identity and brand development. Since 2011, it has been working in collaboration with Arza Studio on web development projects where the two companies can combine know-how, creativity and technological expertise.

Built upon Flash, an obsolete technology, the goal here was to program a new site using HTML all while maintaining the fluidity and the transitions of the previous site. The content, nearly an hundred references illustrated by more than 300 images, was to be easily manipulated by the administrators and was to be optimized in order to guarantee fast page loads. Finally, search engines had to be able to index the new site with facility.

Realization

An AJAX navigation engine was developed in order to manage many levels of animations: transitions between pages, moving between references and unwrapping of text. The result allowed the implementation of fluid navigation through many effects combining movement and fades. A custom module permitting the administration of a reference catalog was programmed to answer the need of the studio to manage its extensive portfolio. Thanks to the version 1.3 of the Engine, the maintainers of the site have access to the last content editing tools, namely editable zones. They allow the visualization at a glance of the structure and the organization of the objects that make up the website. In order to answer the performance requirements and to guarantee the optimization of the content on the site, a tool for quality controlling image files was implemented. If the item does not match criteria of size and resolution, it is automatically processed into its optimized form, which enabled the site to provide outstanding page load speeds in spite of a great number of images to load. Lastly, the development of a clean and logical HTML structure with indexation in mind has allowed the site to rapidly come up in Google's search results.

Project Details

Delivery DateJanuary 2014
Activity SectorGraphic design, web, visual communication
URLhttp://changerdair.fr
CountryFrance
LanguageFrench
Engine Version1.3.2