国内人物の専門性と作品を結び付ける
デザイン / タイポグラフィ
NERD
青い立体的な文字を主役に、所属アーティストと作品ごとの担当領域を紹介する。
設計の見どころ
冒頭は短い英語と立体的な文字で創造性を伝え、その後にアーティストの紹介と制作実績が続く。独立したクリエイターをつなぐ会社という立場を示し、会社の説明だけでなく誰に相談できるかを人物単位で理解させる構成になっている。
詳しい解説を読む →公式サイトを見る ↗← サイト事例に戻る
01 02 03 04 05 国内 
国内
海外
DESIGN NOTES
このサイトの設計を読み解く。
名前を覚えてから仕事を見る
最上部に非常に大きな社名、その下に映像の表示領域があり、続いて会社の短い方針と作品一覧へのボタンが現れる。さらに最近の仕事、顧客、サービス、組織の目的へ進む。最初に印象を作り、具体的な能力や事業情報へ段階的に移す構成である。
太い社名と細い方針の対比
社名は極太のサンセリフで横幅いっぱいに置かれ、方針は大きく細いセリフ書体で中央に組まれる。ナビと分類には小さな横長のラベルを使う。どの文字も同じ強さにせず、記憶させる名前、読む説明、操作の目印という三つの役割を明確に分けている。
作品を四列の同じ形で比べる
最近の仕事は角を丸めた画像を四列に並べ、名称と領域タグを下に添える。コーヒー、実験的な企画、アプリ画面など素材が異なっても、枠の形と情報位置は揃っている。作品の色は残しつつ一覧の読み方を統一することで、幅広い制作分野を一つにまとめる。
関心に応じて入口を分ける
作品区画に領域別のタブ、説明区画にサービスへの入口、末尾に新規案件・採用・広報・一般連絡の区分がある。一つの相談ボタンだけで全訪問者を受け止めず、探索と問い合わせの両方を目的別に整理している。分類は実際の仕事の分け方と一致させたい。
多領域の実績を持つ会社へ
四列のカードと領域タブは、同じ会社がブランド、Web、プロダクトを扱う時に有用だ。ただし数だけ埋めると分類の違いが伝わらない。転用するなら各領域の代表作を選び、サムネイルに見せたい成果物を明確にして、一覧と詳細で説明の役割を分けたい。
APPLY TO YOUR PROJECT
自分の制作に取り入れるなら
作品の色や題材は自由にしながら、画像の形・名称・領域タグの位置を揃える。異なる種類の制作実績を同じ一覧で比較できるようにする整理方法が参考になる。
そのまま真似する前に
大きな社名と映像はサービス内容に到達する前の面積を使う。知名度がまだ低い会社で応用するなら、誰に何を提供するかの説明を早めに出す調整が必要になる。
次に見ておきたい参考
一覧へ →国内国内チームの組み方と仕事の範囲を示す
デザイン / タイポグラフィ
UNICELL
柔らかな図形と筆文字風の見出しで、案件ごとに専門家を組み合わせる仕事を紹介する。
設計の見どころ
冒頭は異なる形が集まる画面と言葉で会社の姿勢を示し、本文で案件に合わせて専門家を組む体制を説明する。採用、外部委託、相談というサービスの違いを分けた後、戦略、制作、運用などの業務へ展開し、体制と仕事内容の両方を理解させている。
詳しい解説を読む →公式サイトを見る ↗海外Rmc.Studio
デザイン / タイポグラフィ
大きな文章の間に立体の顔を浮かべる
デザイン / タイポグラフィ
Rmc.Studio
大きな文章と立体の顔を配置し、制作領域を直接伝えるRmc.Studioのサイト。
設計の見どころ
冒頭は黒い背景に大きな白文字で制作チームを名乗り、ランディングページや企業サイト、ECなどを説明する。その周囲に立体的な人物の顔を配置し、文章が主役でも堅くなりすぎない表情を付ける。抽象的な標語だけでなく、依頼できるものを最初に伝えている。
詳しい解説を読む →公式サイトを見る ↗