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

OGGO

2010⁠年からジュネーブでApple ITコンサルティング。ブランドとサイトをゼロから作り直し、最後のセクションまで計測しました。

期間2024–2026所在ジュネーブ
役割すべての工程公開oggo.ch
仕事アイデンティティ・エディトリアル・インターフェース・開発・デジタルマーケティング
納品ブランド・サイト・計測・広告

何も流用していません。アイデンティティ、グリッド、書体、サイトをゼロから作り直し、断ち切られたセクションがなくなるまで画面ごとに計測しました。

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

アートディレクション

ロゴタイプ、タイポグラフィ、ステーショナリー、グッズ:画面の外でも、名刺やTシャツや看板でも成り立つブランド。

ビジュアルロゴタイプの4⁠状態:ベタ、白抜き、明地、暗地。4⁠文字は2×2の正方形に収まります。だからファビコンにしても何も失われません。
ビジュアルOGGOのレッド上の HK Nova 見本。大見出しを担い、本文は Apple のシステム書体 SF Pro に切り替わります、好みではなく、顧客の業態との一貫性による選択です。
ビジュアルステーショナリー。名刺にスローガンもサービス一覧もありません:氏名、肩書き、電話番号だけ。打ち合わせの最後に手渡すものであって、パンフレットではありません。
ビジュアルオブジェクト。ロゴはベタ塗り、グラデーションも凹凸もなし:布と金属への印刷という制約であり、同時に試験でもありました。シルクスクリーンに耐えるブランドは何にでも耐えます。
ビジュアルチーム用 T シャツ。ロゴはバッジ大に縮小し、胸の高い位置へ。顧客先に立つ技術者が着るものとして、遠くから識別できて、なお主張しすぎないこと。
ビジュアル技術版。色と書体、その派生を確定させます:印刷所、仕入先、開発者が正確な指定を求めた日に効くのはこれです。正確な値はここには載せません。動かないアドレスの、クライアント専用スペースにあります。
レッド
ブラック
テキストグレー
背景グレー
HK Nova大見出し
SF Pro本文・Apple システム書体
築く · 02

インターフェース — デスクトップ

大画面で見るOGGOのサイト。顧客が最もよく読む場所。

ビジュアルトップページ。2⁠行の約束、下線が引かれた2⁠語「Mac compris」。その向かいには何も売らない一⁠列:顧客が実際に口にするままの6⁠つの文。自分たちの話を始める前に、来訪者は自分の状況を見つけます。
ビジュアル導入事例。見出しは6⁠社を数え、隣の囲みは「やらないこと」を述べます:見せられない数字は出さない、顧客に代わって推薦文を書かない。自らの制約から始まる実績ページです。
ビジュアル運用管理(マネージドサービス)のページ。左には3⁠文で語られる困りごと、右には対応範囲を示す8⁠つのラベル。その下にあるのが、本当に他社と分かつ一⁠行です:Mac が本業であり、Microsoft のパートナーでもある。顧客はどちらかを選ばされません。
ビジュアル会社そのものを語るページ。2⁠つの屋号、工房はひとつ、住所も同じ:組織図ではなく、続いてきた時間として語られます。二⁠つのブランドを分けるのは色の点ひとつ。赤は法人、黄色は個人です。
築く · 03

インターフェース — モバイル

同じページを、縮小ではなく描き直し。訪問の半分はここに届きます。

ビジュアルスマートフォンのトップ。見出しは二⁠つのウェイトと赤い下線をそのまま保ち、6⁠つの文の列は横並びをやめて約束の下へ移ります。省いたものはなく、変わったのは読む順序だけです。
ビジュアルスマートフォンでの導入事例。前文、電話への一⁠行、囲みが、読む順にそのまま積み上がります。番号は親指の届く位置にとどまり、このサイトでは一⁠画面より遠くへ行きません。
ビジュアルスマートフォンでの運用管理。二⁠段が一続きになり、赤い番号(01、02)が筋を通します。狭い画面では、段組みが担っていた役目を番号づけが引き受けます。
ビジュアルスマートフォンでの「会社について」。2⁠つの屋号が上下に並び、それぞれに色の点。住所は電話への一⁠行のすぐ下に残ります。同じページ、同じ順序、スマートフォン用の簡略版はありません。
築く · 04

開発

一目ではわからないが、サイトを支えるもの:ベクターのロゴタイプ、計測したコントラスト、フッターのグリッド、サイトマップ。

ビジュアル6⁠つのサービス、それぞれに一⁠枚のカード。各行に番号、アイコン、一⁠行の説明、矢印。ざっと目を走らせれば足りる目次で、しかもカタログではなく「緊急」から始まります。
ビジュアル読み進めている途中の導入事例。数字は囲みではなく文のなかで太字になります:9⁠テラバイトを継続バックアップ、29⁠台を遠隔管理。そして次の節がそれを時間のなかに置き直します。結局それだけが、意味のある証明です。
ビジュアルフッター。4⁠段、住所、営業時間:そして、ほかではまず見かけない一⁠行があります。「明日は 8 時 30 分から」。夜7⁠時に浮かぶ問いへの答えが、人が探す場所に書かれています。
ビジュアルお問い合わせのページ。見出しは通りの名を挙げ、フォームが尋ねるのは4⁠項目、うち一⁠つは任意。右の列は電話を先に置きます。「一⁠番早いのは電話です」とはっきり書かれた:自らを最短経路だと言い張らないフォームです。
Welcome to the Machine
クライアント専用 · アドレスはひとつ、パスワードはスペースごと
クライアント専用スペース↗espace.wttm.ch
WTTM Rue Jean-Gutenberg, 3bis, 1201 Genève InstagramBehanceAwwwards 法的事項・プライバシー・© 2026
サイト内検索検索/