Design

Design près de Zurich: des marques, des sites et des interfaces qui ressemblent à l’entreprise qu’ils représentent.

• Réalisation: Orbit

Design près de Zurich: des marques, des sites et des interfaces qui ressemblent à l’entreprise qu’ils représentent.

Une entreprise est aujourd’hui jugée d’abord à l’écran, bien avant que quelqu’un n’appelle, et souvent en quelques secondes. Les générateurs de sites et les modèles ont rendu le bon design moins cher que jamais, et c’est justement pourquoi tant de sites se ressemblent: les mêmes grilles, les mêmes images, les mêmes phrases. Un site qui ressemble à celui de la concurrence en dit aussi peu qu’un site inexistant. Orbit conçoit marques et sites pour qu’ils ressemblent à l’entreprise: calmes là où le travail est calme, éclatants là où un événement promet des frissons, personnels là où une personne est la marque. Tout est d’abord conçu dans Figma, construit à partir d’un design system que partagent chaque page et chaque app du client, et livré tel qu’il a été conçu.

• Concept de marque, nom et logo • Sites en plusieurs langues • Interfaces pour apps et portails • Design systems en briques • Lettrage de véhicules et imprimés • Wireframes et prototypes dans Figma • Administration pour tout gérer soi-même • Conçu pour le téléphone

Un nom venu de la Vieille Forêt

Bombadille est la Public Impact Boutique de Jon Baumann, à Langenthal, qui a suivi des dossiers à l’état-major du conseiller fédéral Schneider-Ammann. En Suisse, les affaires publiques sont le terrain de grandes maisons aux grandes équipes à Berne et à Zurich; Bombadille mise sur l’inverse, une boutique avec un visage. La marque qu’Orbit développe pour elle en mars 2026 s’inspire de Tom Bombadil, le personnage du « Seigneur des anneaux » de Tolkien qui, dans la Vieille Forêt, n’appartient à personne et aide tout le monde. Deux des trois couleurs portent des noms tirés de la même histoire, Goldberry et Willow, et Peacock pour le bleu pétrole, et le logo, un B dans un anneau, tient aussi sûrement sur le papier à en-tête que sur le stand de l’exposition commerciale de Langenthal.

La page de destination n’a besoin d’aucun menu pour expliquer l’offre. Quand on fait défiler la page, le premier écran change de couleur, du blanc au Peacock, au Willow et au Goldberry, et avec chaque couleur apparaît l’un des trois domaines avec une phrase en deux parties, dont la première appartient toujours au client: « Vos préoccupations sont entendues et comprises. Nous traduisons et convainquons. » Puis Jon Baumann entre en scène. Dans le conseil, on achète une personne, et la page la présente dès que l’on comprend ce qu’elle défend. C’est sur cette base que bombadille.ch a été mis en ligne.

L’identité commence dans la rue

Un spécialiste du nettoyage de ventilations a un problème que les autres artisans ne connaissent pas: son meilleur travail ne se voit pas. Il se trouve dans des gaines derrière le plafond et dans une roue de ventilateur au local technique. Ce que l’on voit, c’est la camionnette devant la maison. Pour CR Lüftungen à Bülach, l’identité commence donc dans la rue, et, avant même le premier trait, par une question à laquelle aucun moodboard ne répond: de quel véhicule s’agit-il exactement? Sous la désignation L2H1, le Ford Transit Custom existe en deux générations, la plus récente avec 200 millimètres d’empattement en plus, et un film adhésif ne pardonne aucune erreur. Le permis de circulation tranche, et le lettrage naît à l’échelle 1:25 sur un gabarit de ce véhicule précis.

L’emblème, dessiné comme une roue de ventilateur, s’étend sur les flancs arrière et s’enroule autour de l’angle à l’arrière, comme si la camionnette à l’arrêt brassait encore de l’air. Sur l’arrière se trouve un code QR pour tous ceux qui attendent derrière lui au feu, et sur le toit un grand pour tous ceux qui regardent d’en haut, d’un balcon, d’un bureau, d’un chantier au troisième étage. Le site, « Luft als Lebensmittel » (l’air comme denrée vitale), montre enfin ce qui se passe derrière la grille: un curseur superpose deux vraies photos de la même gaine, avant, sous une fourrure de poussière, après, nette jusqu’au fond.

Une précision qui se voit

Kinetra vend quelque chose qui ne se met pas en boîte: les droits de production de la métrologie suisse de la plus haute qualité, des instruments développés pendant des décennies sous le nom Microtest. Le marché appartient à des noms comme Zeiss, Hexagon et Mitutoyo, et le site doit être aussi lisible pour les ingénieurs que pour les directions, sans devenir un catalogue. La page d’accueil est donc rouge, une seule couleur, un emblème fait de quatre losanges entrelacés et une phrase. Le Microtest System apparaît comme une vue éclatée à sept pièces numérotées, du cliquet au palpeur, et chaque page se termine par la même liste honnête, aptitude à la série, appareil témoin, CAO et plans, chacun avec une coche ou une croix. Chaque parcours mène à un entretien plutôt qu’à un panier: « Termin vereinbaren » (prendre rendez-vous) accompagne chaque vue.

À la première personne

Un atelier d’une seule personne gagne sa clientèle par la confiance et le bouche-à-oreille, pas par des rabais et des halls d’exposition. Le site de DD Moto à Gontenschwil est donc écrit à la première personne, en tutoyant et sans les formules creuses du métier, et commence par une attitude plutôt qu’une offre: « Ein Leben ohne Motorrad ist möglich. Aber sinnlos. » (Une vie sans moto est possible. Mais absurde.) Juste à côté se trouve le bouton WhatsApp, car un formulaire ne convient pas à quelqu’un qui est lui-même à l’atelier. Sous le même toit, le MD Garage du père entretient depuis plus de vingt ans Ferrari, Lamborghini et voitures de collection, et son site reprend le ton de l’atelier: des caractères gras sur fond couleur papier, des photos numérotées comme dans des archives, un tampon « Officina MD, dal 2000 ».

Les deux sites ont une administration qui ne fait que l’essentiel. Les textes figurent côte à côte en allemand et en anglais, ligne par ligne, les champs modifiés peuvent être rétablis à l’original d’un clic, et tout le contenu peut être sauvegardé en un seul fichier. Pas de planification d’atelier, pas de factures, pas de gestion de pièces: un outil que personne n’utilise ne coûte que de l’entretien.

Montrer plutôt que raconter

Pour une agence dont le travail est d’une puissance visuelle rare, le site doit s’effacer. La page de Next Hype s’ouvre sur un visage de lumière et une seule phrase, et répartit le travail en trois reels, Commercial, Lifestyle et Entertainment. Le showreel passe du format paysage au format portrait, parce que les marques le voient aussi bien au mur lors d’un pitch que dans le fil de leur téléphone, et à la fin il n’y a pas de page de contact, mais un mur couvert de marques avec un bouton rouge: « join ». Pour le collectif Team Black Cat, le site s’efface plus encore: les derniers travaux s’affichent en grand et sans recadrage, chaque membre a un profil avec nom d’artiste et discipline, et c’est le collectif qui fixe l’ordre, pas un algorithme.

Des frissons, horaires compris

Un événement d’horreur vit de son atmosphère, mais se réserve sur la foi d’informations concrètes, et Basement of Horror à Zofingue réunit les deux sur la même surface. En haut défile un bandeau d’avertissement avec limite d’âge, date et « Betreten auf eigene Gefahr » (entrée à vos risques et périls), derrière le titre vacillent des scènes de l’arène, et juste en dessous figurent les quatre informations que cherche chaque groupe. L’événement est raconté comme un dossier d’enquête, zone interdite B-9, un médecin disparu. Trois boutons mènent aux billets et pointent tous vers la même destination, pour qu’une modification à un seul endroit suffise, et chaque candidature d’acteur est d’abord enregistrée, puis seulement envoyée: si l’envoi par e-mail échoue un jour, elle n’est pas perdue pour autant.

Des sites qui n’ont plus besoin de leur agence

Avant Orbit, Jan Stalder a été responsable chez Geyst AG de sites de clients qui doivent prouver chaque jour qu’ils tiennent leurs promesses. Pour Flow Swiss, l’un des principaux fournisseurs cloud de Suisse, la promesse « committed to simplicity » commence dès la navigation, et un nouveau produit est un nouveau bloc, pas un nouveau site. La REMP (Recherches et études des médias publicitaires), dont les études sont la monnaie de référence du marché publicitaire pour la presse et le cinéma, voulait une rédaction qui publie sans attendre une agence pour chaque ligne; pour cela est notamment né un module de listes de prix qui changent d’année en année. Chez AssetImmo, la fondation de placement des caisses de pension suisses, les chiffres passent en premier, chacun avec sa date de référence, et depuis 2021 la trame tient bon à chaque rapport semestriel et, en 2025, même lors du déménagement de la fondation, sans une seule refonte.

Il en est né une attitude qui vaut pour chaque site d’Orbit: qui le possède l’entretient lui-même. Un site qui n’a plus besoin de son agence, voilà qui semble un objectif étrange. Pour une entreprise qui veut grandir, c’est le seul qui vaille.

Livré tel que conçu

Dans le métier, beaucoup se perd entre le design et le site terminé, et chaque écart coûte un cycle de retours. Chez Orbit, une maquette n’est pas reconstruite, elle est transmise: depuis Figma ou directement depuis Parallax, elle devient dans Relay socle, brique et page, et un navigateur de rendu vérifie, conteneur par conteneur, si l’interface suit la maquette. Les couleurs, polices et icônes d’une marque restent les siennes: les polices d’un client n’atterrissent jamais chez un autre.

Chez Orbit, un site n’est pas un aboutissement, mais le début d’un outil: les mêmes briques portent ensuite le portail, l’app et l’imprimé. Ainsi, dans cinq ans, une entreprise se ressemble encore, même si elle a grandi. Qui cherche un tel site trouve à Fahrweid près de Zurich les personnes qui le conçoivent, le construisent et continuent de travailler avec lui.