Bonjour - Hello

REZO ZERO studio digital créatif

Projet

Identité globale et site web pour Villes & Paysages

Délivrables

Concept, UX, Direction artistique, Développement

Awards & mentions

Awwwards Site of the Day
Css Design Awards
Site inspire

Villes et corps en mouvement

Villes & Paysages, filiale du groupe Egis, est une agence d’urbanisme et de conception d’espaces publics. Leur approche s’appuie sur la création des conditions favorables à l’expression des corps en mouvement : créer une composition urbaine capable de transcender les normes techniques, la gestion des flux, l’intégration des infrastructures, les dynamiques économiques… Villes & Paysages nous a consulté pour repenser leur identité visuelle ainsi que leur site internet.

vp_fullscreen06.jpg
vp_fullscreen07.jpg
vp_fullscreen08.jpg
Villes%20%26%20Paysages%20screencast%2002

Un symbole pour 3 activités

Le logotype original de Villes & Paysages comportait un pictogramme en forme d'arbre. Ils souhaitaient garder cette icône mais voulaient un signe ne représentant plus seulement le paysage mais englobant leurs 3 principales activités : la mobilité, la programmation urbaine et le paysage. Nous avons donc travaillé autour de cette notion de 3 entités et proposé une synthèse graphique.

Zones d'attraction

Le concept principal de la nouvelle identité de Villes & Paysages est l'idée de focus, de zones où vont se concentrer l'attention. Ce concept va représenter le travail de Villes & Paysages qui intervient aussi bien en micro-environnement qu'en macro-environnement. En print comme en digital, ce parti pris va être décliné graphiquement et ergonomiquement.

Une ligne conductrice au coeur du site

Côté digital, une ligne conductrice est pensée comme une représentation cartographique linéaire des projets et déclinée sur chaque page du site. Tantôt animée, tantôt fixe, elle articule différents points d'ancrage, similaires à des stations, qui permettent des temps de pause dans la navigation.

vp_fullscreen01.jpg
vp_fullscreen04.jpg
vp_fullscreen05.jpg
vp_fullscreen12.jpg
vp_fullscreen02.jpg
Villes%20%26%20Paysages%20screencast01

Conteneurs superposés

Pour contre-balancer l'ergonomie basée sur des cercles, les environnements des pages projets adoptent une composition graphique plus rectiligne. De larges conteneurs viennent se superposer avec le contenu existant, permettant une navigation qui segmente moins les chargements de pages.

vp_texture01.jpg

Le cercle pour leitmotiv

Pour appuyer l'identité, les cercles se déclinent dans l'ergonomie et les environnements de pages : hover de boutons, drag and drop des carrousels d'images, zoom et dé-zoom du menu, animations de chargement… La méthodologie de l'architecte paysagiste est représentée par les animations du cercle, qui mettent en exergue un détail ou englobent des idées.

vp_fullscreen11.jpg

CMS

Roadiz

Pour Villes & Paysages, nous avons mixé un contenu éditorialisé et structuré par blocs avec des flux d’actualités et de projets sujets à une recherche plein-texte avec Apache Solr, grâce à Roadiz. La souplesse de l’interface et de la structure choisie ont ainsi fait remonter ces contenus hétérogènes sur la page d’accueil au sein du même carrousel. À noter, la gestion documentaire homogène permet également à l’éditeur d’intégrer tant images que vidéos pour les mêmes emplacements.

  • Symfony Components
  • Doctrine
  • Twig
Découvrez Roadiz
vp_roadiz.jpg