Bonjour - Hello

REZO ZERO studio digital créatif

Projet

Identité globale et site web pour MRAssociates

Délivrables

Concept, UX, Direction artistique, Développement

Awards & mentions

Awwwards Site of the Day Site inspire

Logements subventionnés au Royaume-Uni

Basé en Écosse, MRAssociates fournit des conseils professionnels et des formations sur l’aide au logement au Royaume-Uni. Ils pourront vous aider à gérer de nombreuses difficultés et sauront vous offrir expertises et conseils en ce qui concerne les “logements exonérés”. MRAssociates nous a demandé de repenser leur identité visuelle ainsi que leur site internet.

mra_fullscreen01.jpg
mra_images02.jpg

Évolution du logotype

Une fois le logo rendu "vivant", nous voulions le faire évoluer lors des changements de pages du site et ainsi garder la mouvance et la fluidité préétablie. Il devient l'élément transversal de la navigation du loading des pages à l'affichage des contenus.

mra_images01.jpg
mra_texture01.jpg

Une identité vivante

L'ancienne identité visuelle de MRAssociates comportait déjà 2 formes ovales mais associées à une typographie script amateur, le rendu était graphiquement très faible. L'idée des 2 formes nous plaisait bien mais il fallait à tous prix casser leur côté statique. En exploitant la librairie paper.js, le logo a ainsi pu prendre vie !

MRA_screencast01

Ligne et repère

Pour compenser la rondeur des formes du logotype, la mise en page du site est basée sur un système de grille construite autour d’une fine ligne grise. Cette ligne représente un repère lorsque l’utilisateur fait défiler la page vers le bas. Elle sert aussi à structurer l’affichage des textes et des images. Toutes les pages sont modelées à partir de cet élément central.

mra_screenshot02.jpg
mra_screenshot01.jpg

Phrase d’accroche

MRAssociates souhaitait que le visiteur se familiarise rapidement avec leur domaine. Pour ce faire, nous avons intégré le logo au début d’une phrase d’accroche. Ce principe se décline sur toutes les pages du site. Lors de l’ouverture du menu, les entrées du menu viennent remplacer cette phrase afin que le site reste harmonieux. Placer les éléments de cette façon nous a permis de créer des transitions de pages subtiles et fluides.

mra_fullscreen02.jpg
mra_fullscreen03.jpg
markbwbrick4.jpg

Travailler de concert avec Rezo Zero a été l’une des meilleurs expériences professionnelle de l’entreprise. L’équipe de Rezo Zero est amicale, efficace et offre des conseils très pertinents.

Mark Rodgers
Directeur général

CMS

Roadiz

Pour MRAssociates, Roadiz nous a permis de créer de multiples types de contenus et de les articuler au sein de la même arborescence. Nous avons créé un système de pages avec différents blocs de contenus, un système d’études de cas pour présenter les clients de MRAssociates, un blog et une base de connaissances. Tous ces contenus hétérogènes peuvent être référencés entre eux pour offrir une navigation transversale à l’utilisateur et un référencement optimal.

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