Aller au contenuAller à la navigationAller au contact

Réalisations·Services pros & cabinets

Tradamarca

Depuis 2007, Tradamarca protège, défend et valorise les marques de ses clients. Andeers a dessiné pour le cabinet un site tout en diagonales, et nous l'avons construit.

Basé à Pully, avec des bureaux à Zurich et à Crans-Montana, Tradamarca est un cabinet de conseil en propriété intellectuelle. Marques, designs, droits d'auteur, indications géographiques : l'équipe accompagne ses clients du dépôt à la défense de leurs droits, en Suisse et dans le monde.

Mandatés par Andeers, qui signe le design, nous avons développé le nouveau site en français et en anglais. Il fallait garder la rigueur d'un cabinet juridique, et lui donner du mouvement.

Client
Tradamarca
Année
2024
Design
Andeers
Technologies
  • Laravel
  • Lochness CMS
  • Animations sur mesure

Des lignes droites, mais jamais à l'horizontale.

Le logotype Tradamarca sur fond rouge, coupé par une diagonale

L'esprit serein

La page d'accueil pose le ton : des vignes vues du ciel en noir et blanc, une promesse simple et, en guise d'invitation, une session gratuite de trente minutes avec un expert.

Chaque domaine du cabinet a ensuite son objet, photographié sur fond noir : un casque, une pierre taillée, un mouvement de montre, une jeune pousse sous cloche pour les startups.

La page d'accueil sur ordinateur
« Une protection de marque, l'esprit serein »
Défendre vos marques, en ligne et hors ligne
Défilement du site sur mobile
Au cœur de votre stratégie de marque

Tout en diagonales

Andeers a construit l'identité sur une forme simple, le chevron, et sur de grandes diagonales. Elles coupent les sections, décalent les images et cassent la structure en rectangles qu'on attend d'un site de cabinet.

Le reste est volontairement sobre : du noir, un rouge, un blanc cassé et du blanc, une grotesque en light et en bold, et une pastille rouge marquée d'un plus pour chaque lien.

Le système de marque : logotype, chevron, couleurs, typographie, liens et cale
La typographie, une grotesque en light et en bold
Le chevron, en tête du portefeuille de marque en ligne
La palette : noir, rouge, blanc cassé et blanc
La coupe oblique s'ouvre et révèle les objets

Ouvrir les volets

La difficulté : ouvrir ces volets sans perdre les diagonales. Il a fallu un mélange de JavaScript, de CSS et d'images, et quelques heures de recherches et de tests, pour que la coupe oblique s'écarte et révèle chaque objet.

Les détails suivent la même logique : les services défilent en étiquettes, les valeurs du cabinet se déplient au clic sur la pastille. Le cabinet gère ses contenus, en français et en anglais, depuis Lochness, notre CMS.

La pastille qui se déplie
Accélérateur de succès pour les startups
Les services en étiquettes
Les pages complètes, en colonnes
Nos valeurs
Un mouvement de montre en détail

Un esprit boutique, un réseau international

Le site mène au portail clients, où chacun consulte l'état de ses dossiers depuis un ordinateur, une tablette ou un téléphone. Les startups ont leur propre entrée : un programme court pour éviter les erreurs fatales au moment de choisir un nom ou un logo.

Les trois bureaux, Pully, Zurich et Crans-Montana, ferment chaque page, avec un formulaire de contact. Un cabinet à taille humaine, qui parle sans jargon juridique.

Accès à vos dossiers en ligne
Trois écrans sur mobile
Les trois bureaux : Pully, Zurich et Crans-Montana
Le site sur ordinateur et sur mobile

Un design audacieux à construire ?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éRefonte de site web