Chercher une page/
Projets — 03 / 05

SYCOM

On confie sa téléphonie et son réseau à qui inspire confiance. Le site doit d’abord dire ce que SYCOM sait faire, dans l’ordre.DistinctionAwwwardsNominee2023

Période2022LieuSuisse
RôleDessiné, construitEn lignesycom.ch
MétiersIdentité · Édition & print · Interface · Développement
LivréMarque, site, papeterie, habillage véhicule

SYCOM installe et maintient la téléphonie, les réseaux et l’informatique des entreprises de Suisse romande : centraux physiques ou dans le cloud, mobiles, câblage, support. Cinq métiers, dont quatre que le client ne sait pas nommer : le site est construit sur ces cinq entrées, et rien d’autre ne les précède. Le noir tient tout ; le bleu ne sert qu’à désigner.

Le projet, en images ↓
Construit · 01

L’ouverture

Le nom, les cinq entrées, et rien à faire défiler avant de les avoir vues.

VisuelL’accueil. Le nom en capitales larges sur une nuée de points en relief, et les cinq métiers alignés en bas d’écran : PBX physique, PBX cloud, ICT, sécurité, informatique.
Visuel« About us » : une phrase, un paragraphe, un bouton rond. La pastille bleue est le seul élément coloré de l’écran.
VisuelL’écran de contact. Le fond noir est tenu du haut en bas ; la seule accroche est la ponctuation du titre.
VisuelLe menu déployé : les cinq métiers d’abord, « à propos » et « contacts » ensuite, en plus petit. Les coordonnées tiennent dans la colonne de droite.
Construit · 02

Les métiers

Chaque métier a sa page, et chaque page commence par la question qu’on pose vraiment : c’est quoi, et pour qui.

VisuelLa grille des services, six tuiles. Celle qui est survolée passe en bleu : c’est le seul état de survol de tout le site.
Visuel« Physical PBX ». Le titre est composé sur deux lignes en très gros ; en dessous, la question et sa réponse, en deux colonnes de texte fin.
VisuelLe schéma d’architecture : postes, commutateur, passerelle, réseau. Dessiné au trait, sans capture d’écran de logiciel.
VisuelCinq écrans de téléphone. Le menu devient une liste pleine hauteur ; les cinq métiers restent les cinq premières lignes.
Dessiné · 03

Hors de l’écran

Le symbole a été dessiné pour rester lisible sur une portière de véhicule, à trois mètres. Le reste en découle.

VisuelLa construction du symbole : la grille à gauche, le tracé à droite. Neuf points par branche, aucun trait : c’est ce qui lui permet de rester net en petit.
VisuelLes cartes, blanches, posées sur un fond rayé. Le symbole y est seul : le nom passe au dos.
VisuelL’habillage du véhicule. Nom et symbole en blanc sur la carrosserie noire, posés sur la portière et le hayon : pas d’adresse, pas de numéro, pas de liste de services.
La règle

Ce qui fixe la marque

Deux polices et quatre couleurs : une police pour les titres, une pour lire, et c’est la seconde qui porte presque tout le site.

VisuelChaney, pour les titres. Une grotesque très serrée, en capitales seulement : elle porte le nom et les intitulés de métier, jamais une phrase.
VisuelHelvetica Neue, pour tout le reste. Sur le noir, elle est composée en graisse normale et interlignée large : c’est ce qui rend un texte technique lisible en face sombre.
VisuelLe logotype complet, symbole et mot, sur le bleu de la marque. C’est la seule composition où les deux vivent à la même hauteur.
PlancheLa planche de couleurs. Le noir tient l’ensemble ; le bleu n’est là que pour désigner.
le noir
le bleu
le bleu pâle
le blanc
Chaneytitres · capitales
Helvetica Neuetexte courant
← VerticitéTous les projetsLuigi di Moncello →
Welcome to the Machine
Accès clients · une adresse, un mot de passe par espace
Votre espace client↗espace.wttm.ch
À proposContactProjetsServicesIdentitéÉdition & printInterfaceDéveloppementMarketing digitalMotion designbientôt
WTTM Rue Jean-Gutenberg, 3bis, 1201 Genève InstagramBehanceAwwwards Mentions · Confidentialité · © 2026
Chercher une pageChercher/