サイト内検索/
プロジェクト — 03 / 05

SYCOM

電話とネットワークは、信頼できる相手に任せるもの。サイトはまず、SYCOMにできることを順に述べる必要があります。アワードAwwwardsNominee2023

期間2022所在スイス
役割描く・築く公開sycom.ch
仕事アイデンティティ・エディトリアル・インターフェース・開発
納品ブランド、サイト、ステーショナリー、車両ラッピング

SYCOMはスイス・ロマンド地方の企業の電話、ネットワーク、ITを設置し保守します:オンプレミスまたはクラウドのPBX、モバイル、配線、サポート。5⁠つの領域のうち4⁠つは、顧客が名前で呼べないものです。サイトはこの5⁠項目の上に組み立てられ、その前に置かれるものはありません。黒が全体を支え、青は指し示すためだけに使います。

プロジェクトを画像で ↓
築く · 01

導入

名前と5⁠つの入口。それを見る前にスクロールするものはありません。

ビジュアルトップ画面。隆起した点群の上に幅広の大文字で名前、画面下部に5⁠つの領域:物理PBX、クラウドPBX、ICT、セキュリティ、IT。
ビジュアル「About us」:1⁠文、1⁠段落、丸ボタン1⁠つ。青い円が、この画面で唯一の色です。
ビジュアルコンタクト画面。黒は上から下まで保たれ、引っかかりは見出しの句読点だけです。
ビジュアル展開したメニュー。まず5⁠つの領域、次に小さく「about」と「contacts」。連絡先は右の段に収まります。
築く · 02

取り扱い

各領域にページがあり、どのページも実際に聞かれる問いから始まります:それは何か、誰のためか。

ビジュアルサービスの6⁠タイル。カーソルが乗ったものが青に変わります:サイト全体で唯一のホバー状態です。
ビジュアル「Physical PBX」。見出しは2⁠行で極大に組み、その下に問いと答えを細い2⁠段で。
ビジュアルアーキテクチャ図:端末、スイッチ、ゲートウェイ、ネットワーク。線画で、ソフトの画面写真は使いません。
ビジュアル5⁠つのスマートフォン画面。メニューは全高のリストになり、5⁠つの領域は最初の5⁠行のままです。
描く · 03

画面の外へ

シンボルは、3⁠メートル離れた車両のドアで読めるように描かれました。ほかはそこから決まります。

ビジュアルシンボルの作図。左にグリッド、右に完成形。各枝に9⁠つの点、線は使いません:小さくしても崩れない理由です。
ビジュアルストライプの地に置かれた白いカード。表はシンボルのみで、名前は裏に回ります。
ビジュアル車両ラッピング。黒い車体に白で名前とシンボルを、ドアとテールゲートに。住所も電話番号もサービス一覧も載せません。
規則

ブランドを固定するもの

2⁠つの書体と4⁠つの色。見出し用の書体と、読むための書体、サイトのほぼ全体を担うのは後者です。

ビジュアル見出しはChaney。極端に詰まったグロテスク、大文字のみ。名前と領域名を担い、文章には使いません。
ビジュアルほかはすべてHelvetica Neue。黒地ではレギュラーで行間を広く:技術的な文章をダークモードで読ませるための組みです。
ビジュアルブランドの青地に、シンボルと文字を組んだ完全形。両者が同じ高さで並ぶ唯一の組み合わせです。
版カラーボード。土台は黒、青は目印のためだけの色です。
ブラック
ブルー
ペールブルー
ホワイト
Chaney見出し・大文字
Helvetica Neue本文
Welcome to the Machine
クライアント専用 · アドレスはひとつ、パスワードはスペースごと
クライアント専用スペース↗espace.wttm.ch
WTTM Rue Jean-Gutenberg, 3bis, 1201 Genève InstagramBehanceAwwwards 法的事項・プライバシー・© 2026
サイト内検索検索/