出典：aspensearch.com ↗ 確認日 2026.10.28
Editor's note
編集部の視点
「2006年から500件以上」の数字、得意な4分野、取引先と担当者全員の名前を1ページに並べ、少人数であることを強みに変えるアメリカの人材紹介会社。
クオンツ運用会社やベンチャー企業に、ソフトウェアエンジニア・クオンツ研究者・AI研究者を紹介する会社のサイト。ヘッダーにはニューヨークとロサンゼルスの時刻、About・Clients・Testimonials・Team、黒い「Contact」のボタンが並び、上部に固定される。ファーストビューは大きな「Aspen」の文字と網点の画像の格子に、「2006年から」の一文、「START A CONVERSATION（相談を始める）」、最近の転職先のロゴ。続いて会社の考え方、3つの数字（2006年から500件以上・最近の提示額100万〜500万ドル・19年以上）、4つの専門分野、6社の取引先、利用者の声、創業者とパートナー6人の名前と役職。
- 01 紹介の件数・提示額の幅・経験年数の3つの数字で、実績を短く伝える
- 02 得意な分野を4つに絞り、それぞれ扱う職種をタグで並べる
- 03 「担当するのは私たち本人」と書き、担当者7人の名前と役職を見せて少人数を強みにする
Conversion
集客の工夫
- 実績の数字 （あり） 2006年から500件以上・19年以上
- 得意分野の明示 （あり） クオンツ研究・エンジニア・AI・組織づくりの4つ
- 取引先 （あり） 6社を分野のラベルつきで
- 利用者の声 （あり） 名前・職種・転職先つきの1件
- 担当者の紹介 （あり） 創業者とパートナー6人の名前と役職
- 相談ボタンの常設 （あり） ヘッダーに「Contact」
- 電話 （なし） tel:リンクは無い（メールは mailto:リンク 1か所）
- 言語の切り替え （なし） 英語のみ
実績を、3つの数字にまとめる
会社の考え方の後に「2006年から500件以上の紹介」「最近の提示額100万〜500万ドル」「19年以上」の3つの数字が並びます。長い実績紹介の代わりに、件数・金額・年数という比べやすい数字で信用を伝えています。
得意分野を絞り、扱う職種まで書く
専門分野はクオンツ研究、エンジニアリング、AI・機械学習、組織づくりの4つ。それぞれに「シグナル研究」「低遅延のC++」「学習基盤」などの職種がタグで並びます。何でも扱うとは言わず、得意なことを具体的に書くことで、合う人と会社から声がかかります。
少人数であることを、強みとして見せる
チームの欄には「小さなチーム。担当するのは私たち本人」とあり、創業者とパートナー6人の名前と役職が並びます。最初の相談から内定まで同じ人が担当すると書くことで、少人数を安心材料に変えています。ヘッダーの「Contact」はどこからでも押せます。
チェック項目は 2026.10.28 に実ブラウザで描画したトップページ（PC 1440px・SP 375px）を確認したものです。
Colour
配色
- #FFFFFF 背景
- #232323 見出し・本文・ボタン（黒）
- #A1FFCB 強調の面・担当者の名札（ミントグリーン）
- #E0E0E0 格子の線・画像の面（グレー）
背景は面積、文字は文字数で重み付けして実測した色から、役割ごとに整理しています。
Typography
フォント
| 用途 | 使用フォント | 無料で近いもの |
|---|---|---|
| 見出し・本文・ボタン | Suisse Int'l | Inter |
| 小さなラベル・タグ | Suisse Int'l Mono | IBM Plex Mono |
| 要素 | PC サイズ / 太さ | PC 行間 | SP サイズ / 太さ |
|---|---|---|---|
| h1 | 181px / 450 | 1.00 | 52px / 450 |
| h2 | 181px / 450 | 0.80 | 52px / 450 |
| h3 | 38px / 450 | 1.10 | 24px / 450 |
| 本文（p） | 12px / 400 | 1.10 | 12px / 400 |
| ボタン | 16px / 450 | 1.30 | 16px / 450 |
実測値（PC 1440px・SP 375px、2026.10.28 計測）。同じ要素で最も多く使われている指定を表示しています。h1 をロゴや小さな見出しに使っているサイトでは、h1 の値が小さく出ます。
Structure
ページ構成（上から順に）
- 01 ヘッダー ロゴ、ニューヨークとロサンゼルスの時刻、About・Clients・Testimonials・Team、「Contact」のボタン。上部に固定。 ヘッダー／ロゴ＋横並びナビ型
- 02 ファーストビュー 大きな「Aspen」の文字と網点の画像の格子。「2006年から」の一文と「相談を始める」のボタン、最近の転職先のロゴ。 ファーストビュー／大きな文字型
- 03 ひと言 「PLACING WINNERS.」の大きな文字。 メッセージ／大きな一文型
- 04 会社について 優秀な人は求人に応募しない、という考えから始まったこと。 コンセプト／写真＋メッセージ型
- 05 3つの数字 2006年から500件以上の紹介、最近の提示額100万〜500万ドル、19年以上。 会社情報／スペック表型
- 06 4つの専門分野 クオンツ研究、エンジニアリング、AI・機械学習、組織づくり。それぞれ扱う職種をタグで。 機能・強み／左右交互型
- 07 取引先 6社を「QUANT FINANCE」「AI」のラベルつきで並べる。 事例・実績／リスト＋ラベル型
- 08 利用者の声 名前・職種と、転職先・職種・会社を添えた1件。 推薦／利用者の声型
- 09 チーム 「担当するのは私たち本人」の一文と、創業者とパートナー6人の名前と役職。 一覧／カード並び型
- 10 相談の呼びかけ 「相談を始めましょう」の大きな文字。 行動喚起／ボタン帯型
- 11 フッター ページ内のリンク、2都市の時刻、メールアドレス、LinkedIn。 フッター／ナビ＋会社情報型
Download
ワイヤーフレームをダウンロード
この構成を、Figmaで編集できるワイヤーに
上のページ構成を、DevNJ のワイヤーフレーム部品で組み直したものです。元サイトの文章・画像・コードは含みません。
Figmaでの使い方
- SVGをダウンロードする
- Figmaのキャンバスにファイルをドラッグ＆ドロップする
- セクションごとにレイヤーが分かれた状態で開くので、順番の入れ替えや文言の差し替えから始める
文字はテキストレイヤーとして入ります（フォントは Noto Sans JP）。
Reproduce
このサイトを参考にするときのポイント
- 01 件数・金額・年数など、実績を数字3つにまとめて見せる
- 02 得意分野を絞り、分野ごとに扱う仕事をタグで並べる
- 03 少人数の会社は、担当者全員の名前と役職を出して「最後まで同じ人が担当する」と書く
- 04 電話での相談を受けるなら、tel:リンクも用意する
FAQ
よくある質問
Aspen Search のサイトで使われているフォントは？
見出しから本文まで Suisse Int'l、小さなラベルとタグは Suisse Int'l Mono です。どちらも有料なので、無料なら Inter と IBM Plex Mono の組み合わせが近くなります。
社員が少ない会社でも、チームの紹介は必要ですか？
Aspen Search は「担当するのは私たち本人。若手が代わりに連絡することはない」と書き、7人全員の名前と役職を並べています。少人数であることを隠さず、誰が担当するかが分かることを安心材料にしています。
どんな業種の参考になりますか？
人材紹介や採用支援のほか、コンサルティング、士業、専門分野に特化した代理店など、担当者の顔と得意分野で選ばれる仕事に向きます。
スクリーンショットは、解説に添える引用として縮小して掲載しています。デザイン・文章・画像の権利はAspen Searchおよび各権利者に帰属します。ワイヤーフレームは元サイトを写したものではなく、構成を DevNJ の部品で組み直したものです。権利者・制作者の方からの掲載の取り下げ・修正のご依頼はお問い合わせから承り、原則2営業日以内に対応します。 掲載ギャラリー: Awwwards — Site of the Day
