30° Magazine

District Creative Lab a signé l'identité et le design du site ; nous l'avons développé, de la page d'accueil à la boutique.

Tout part du symbole : un cercle ouvert qui devient une fenêtre sur la photo. L'image passe d'abord, le texte suit.

Le symbole reprend les chiffres du logotype dans un cercle ouvert. Le degré s'en détache et se pose au bord : il évoque à la fois la température, l'angle et la latitude.

Sur le site, il devient un repère : un point rouge signale la rubrique active, et le cercle cadre les photos.

Le magazine paraît au rythme des saisons, et la palette suit : un vert pour le printemps, un turquoise pour l'été, un rouille pour l'automne, un bleu glacier pour l'hiver. Chaque teinte est tirée de la photo, et une seule s'affiche à la fois.

Autour, le blanc, le noir et un gris papier, celui qui accueille les couvertures. Le nom de la saison s'écrit en français et en allemand, comme le magazine.

Une seule famille de caractères, en deux graisses : le gras pour les titres, les noms et les étiquettes, le léger pour les sous-titres et le texte courant. Chaque titre se lit en deux temps, « Botswana, » puis « rugueux et sauvage ».

La même règle organise la navigation : Articles, News, Portfolio, Trends et Shop, chaque rubrique doublée de son nom en allemand.

Sur la page d'accueil, la photo occupe tout l'écran, couverte d'une fine trame de points qui rappelle l'impression du magazine. Le symbole se pose au centre.

La trame se dissout ensuite pour laisser apparaître la photo, nette.

Le portfolio donne la parole aux photographes : Alex Strohl, Alice Greenfield, Laurent Boiveau ou Luke Stackpoole. Chacun a sa page, avec l'auteur du texte, la date de parution et une mosaïque de photos.

On passe d'un portfolio à l'autre sans revenir à la liste.

Une couverture de 30° ne porte aucun gros titre : une photo plein cadre en portrait, le symbole en blanc dans une zone calme et un petit bloc pour les quatre thèmes, lifestyle, sport, aventure et voyage.

Le site les présente sur le gris papier, comme des objets posés sur une table. Tous les numéros depuis le N°46 s'alignent en un mur de couvertures, des éditions collector d'hiver à l'édition anniversaire des 20 ans.

Dans la boutique, chaque numéro a sa fiche : la couverture, un extrait de l'éditorial, la disponibilité et le choix de la langue, français ou allemand. Les anciens numéros restent en vente ; ceux qui sont épuisés passent en gris.

Les abonnements se commandent au même endroit, avec paiement en ligne. La rédaction gère articles, portfolios, numéros et commandes depuis Lochness, notre CMS.

Sur mobile, le portfolio se lit en une colonne : la photo en pleine largeur, le titre en deux graisses, puis le texte.

Le système se prolonge sur Instagram : la photo, une citation, le symbole. En story, chaque saison reprend sa couleur.