Aller au contenuAller à la navigationAller au contact

Réalisations·Médias & magazines

DADI Magazine

DADI est un magazine 100 % numérique et 100 % gratuit, consacré au design, à l’architecture, à l’art et à la technologie.

Portraits d’artistes, rencontres avec des designers, regards d’architectes : la rédaction publie régulièrement, et chaque article doit être en ligne vite.

Sur une maquette d'Enzed, nous avons développé le site et son CMS, pour que la rédaction publie elle-même, simplement et rapidement.

Client
DADI Magazine
Année
2012
Design
Enzed
Technologies
  • Laravel
  • CMS éditorial

Quatre rubriques, trois colonnes.

Le logotype DADI, en noir sur blanc

Le brief

Le brief tenait en une phrase : un site qui se met à jour facilement et rapidement. Les articles sortent à un rythme régulier, et tout doit rester accessible d'un coup d'œil.

L'accueil aligne les derniers articles, chaque article s'ouvre sur sa photo, son titre et son chapeau.

La page d'accueil sur ordinateur, avec l'article « La douceur des particules »
L'article « Archiculte, archisacré » sur ordinateur
Les articles défilent en colonnes, du design à l’architecture

Des formes premières

Le logo se construit avec quatre formes : un demi-cercle, un triangle, un demi-cercle et une barre. La même économie traverse tout le site, en noir et blanc, et laisse les photos parler.

Les titres et les lettrines sont composés dans une linéale très condensée, le texte en Roboto. Une étiquette noire signale la rubrique de chaque article.

Le logo DADI se construit forme par forme
Le demi-cercle du D et l’étiquette « design »
Les formes premières du logo : demi-cercle, triangle, demi-cercle et barre
La lettrine A ouvre l’article « La douceur des particules »
L’étiquette « art » se pose, puis le titre et le chapeau de l’article
Les typographies : une linéale condensée pour les titres et les lettrines, Roboto Light, Regular et Bold pour le reste
La grille éditoriale en six colonnes, sous deux articles de la rubrique art
Les étiquettes des quatre rubriques : design, architecture, art, technologie
Le titre « Archiculte, archisacré » apparaît derrière un masque

Une structure en trois colonnes

La mise en page repose sur trois colonnes. Elle offre presque autant de façons de mettre un article en avant qu'il y a d'articles, et s'adapte à tous les écrans.

Les quatre rubriques se parcourent depuis le menu : design, architecture, art et technologie.

Une photo d’escalier en béton s’ouvre jusqu’à pleine largeur, avec l’étiquette « architecture »
L’article « Aesch, école béton » dans la rubrique architecture
L’article « S comme Superstudio »
Le menu passe d’une rubrique à l’autre : design, architecture, art, technologie
L’article « L’art de la rouille » dans la rubrique art
La rubrique design : « Retour à Memphis », « Formafantasma lights the light », « Max Bill, Willy Guhl, Swiss sixties… »

Sur mobile et sur les réseaux

Sur téléphone, les colonnes se rangent en une seule et la lecture reste confortable, de la lettrine à la dernière photo.

Le même langage passe sur Instagram : formes du logo, titres condensés et étiquettes de rubrique.

Le site défile sur mobile, de l'accueil aux articles
La grille Instagram @dadi_magazine

Un magazine en ligne à lancer ?Ou le projet que vous n’osez pas lancer.

Un gros projet se mène comme un petit : une étape à la fois. La première, c’est un café à Vevey ou un appel.

Parlons-en
Service associéSite vitrine sur mesure