国内人物の専門性と作品を結び付ける
デザイン / タイポグラフィ
NERD
青い立体的な文字を主役に、所属アーティストと作品ごとの担当領域を紹介する。
設計の見どころ
冒頭は短い英語と立体的な文字で創造性を伝え、その後にアーティストの紹介と制作実績が続く。独立したクリエイターをつなぐ会社という立場を示し、会社の説明だけでなく誰に相談できるかを人物単位で理解させる構成になっている。
詳しい解説を読む →公式サイトを見る ↗← サイト事例に戻る
01 02 03 04 05 国内 
国内
海外
DESIGN NOTES
このサイトの設計を読み解く。
大きな文章の間に立体の顔を浮かべる
冒頭は黒い背景に大きな白文字で制作チームを名乗り、ランディングページや企業サイト、ECなどを説明する。その周囲に立体的な人物の顔を配置し、文章が主役でも堅くなりすぎない表情を付ける。抽象的な標語だけでなく、依頼できるものを最初に伝えている。
丸い案内と遊びの呼びかけを重ねる
上部の案内は灰色の丸いボタンでそろえ、右端にプロジェクト相談を置く。中央にはピンクのCatch meという呼びかけが重なり、機能の案内と遊びの要素が共存する。どこまでが操作の実動作かは未検証だが、視覚上は短い形の反復でまとまりを作っている。
金属のロゴから黄緑の実績区画へ移る
本文画面では大きな金属調のRmcロゴが現れ、その下で黄緑から淡い色へ変わる実績区画へ切り替わる。黒い導入から明るい一覧へ大きく調子を変え、仕事を見る段階を知らせる構成だ。色面を変えるだけで、ページ内の役割の違いを強く示している。
制作できるサイトの種類を先に示す
公開テキストではReadymagを使うこと、制作の範囲、独自のビジュアルや動きへの対応が明記される。実績にはECや複数ページのポートフォリオといった種別も付く。作品名だけでは判断しづらいサービスの適合性を、作れるものの分類で補う方法が参考になる。
体制と相談の入口を文章で補う
チームや担当者の紹介、公開後の対応、問い合わせの呼びかけも本文に含まれる。強いビジュアルだけで終えず、どのような人が制作するかと相談の入口を用意する構成だ。サイトの印象と依頼先としての判断材料を、別々の文章で補っている。
APPLY TO YOUR PROJECT
自分の制作に取り入れるなら
制作会社は得意な見た目を見せつつ、何を制作できるかを冒頭の文章で明示できる。作品の種別と制作体制を添えると、相談者が自分の案件との相性を考えやすい。
そのまま真似する前に
掲載元の名称はREADYMAGIC Studioだが、現在の公式画面はRmc.Studioを使っている。表示上の強い重なりや動きは端末ごとに確認が必要で、受賞・成果や対応範囲の実態は未検証。
次に見ておきたい参考
一覧へ →国内国内チームの組み方と仕事の範囲を示す
デザイン / タイポグラフィ
UNICELL
柔らかな図形と筆文字風の見出しで、案件ごとに専門家を組み合わせる仕事を紹介する。
設計の見どころ
冒頭は異なる形が集まる画面と言葉で会社の姿勢を示し、本文で案件に合わせて専門家を組む体制を説明する。採用、外部委託、相談というサービスの違いを分けた後、戦略、制作、運用などの業務へ展開し、体制と仕事内容の両方を理解させている。
詳しい解説を読む →公式サイトを見る ↗海外Instrument
デザイン / タイポグラフィ
名前を覚えてから仕事を見る
デザイン / タイポグラフィ
Instrument
巨大な社名と映像の後にセリフ書体の方針を置き、四列の作品カードを領域別タブで整理する。
設計の見どころ
最上部に非常に大きな社名、その下に映像の表示領域があり、続いて会社の短い方針と作品一覧へのボタンが現れる。さらに最近の仕事、顧客、サービス、組織の目的へ進む。最初に印象を作り、具体的な能力や事業情報へ段階的に移す構成である。
詳しい解説を読む →公式サイトを見る ↗