国内THE610BASE
観光 / イラスト
遊ぶ人の絵で複合施設を説明する
観光 / イラスト
THE610BASE
廃校を舞台にした多彩な体験を、人物といちごのイラストで一つの場所としてまとめる。
設計の見どころ
冒頭には学校のタイルを思わせる水色の背景と、飲む人、遊ぶ人、いちご、植物のイラストが広がる。農園、醸造所、カフェという複数の事業を一つの楽しい場所として感じさせる見せ方だ。施設の航空写真だけでは伝えにくい利用の幅を絵で補っている。
詳しい解説を読む →公式サイトを見る ↗← サイト事例に戻る
01 02 03 04 05 国内 
国内
海外
DESIGN NOTES
このサイトの設計を読み解く。
独自の概念を採用の悩みへ翻訳する
冒頭で組織が選ばれるためのスタイルを提示し、本文ではその定義を述べた後、人物インタビューと解決できる悩みを並べる。独自用語を宣言するだけで終えず、求職者理解や自社の魅力の言語化という実務の問題へ接続している点が特徴だ。
画面で優先される要素
薄い青灰色の背景に太い日本語の見出しを置き、スタイルという語だけを赤くしている。下部には採用関連の言葉が横に並び、その先に赤と青緑の人物イラストが見える。抽象的な組織論を人の集合として見せ、企業情報の硬さをやわらげている。
具体性を支える情報
サービスはスタイルをつくる、とどける、はぐくむという段階で整理される。導入事例には企業規模や業種も表示され、同じ課題を持つ組織が参考対象を選びやすい。人物の考え方を紹介する記事と、法人への支援事例を分けて蓄積する構造になっている。
行動への導線
上部の赤い問い合わせボタンに対し、画面右下には採用情報の別ボタンが見える。発注を考える人と入社を考える人の入口が視覚的に分離されている。メニューでもサービス紹介、ナレッジ、導入事例を分け、検討の深さに合わせた移動を可能にしている。
取り入れるときの考え方
自社独自の支援概念を持つ会社では、名前の意味、具体的な困り事、サービス、事例という順序が応用できる。新しい概念ほど顧客の言葉へ翻訳する必要があるため、自社の造語だけで説明せず、発注前の悩みと結び付ける設計を優先したい。
APPLY TO YOUR PROJECT
自分の制作に取り入れるなら
独自の理念を顧客の具体的な悩みへ翻訳し、サービスと導入事例で説明する。発注者と採用応募者の導線も別にすると、目的の違いが伝わる。
そのまま真似する前に
独自用語の印象が強いほど、何を依頼できるかが曖昧になる可能性がある。商品ページでは納品物や支援の範囲を具体的に示したい。
次に見ておきたい参考
一覧へ →国内国内共通の姿勢と個別の事業を分ける
マーケティング / イラスト
gaaboo
多様な人物のイラストと丸いナビゲーションで、SNSやITを扱う会社の活動を紹介する。
設計の見どころ
冒頭の社名と人物イラストから会社の考え方へ進み、選ばれる理由、サービス、グループ、採用やニュースへ続く。SNSだけでなくITやプロデュースなど複数の事業を持つため、まず共通の仕事への姿勢を示してから個別の事業を分ける順序になっている。
詳しい解説を読む →公式サイトを見る ↗海外TAB Kitchen & Bakery
飲食 / イラスト
楕円の窓から描かれた店内へ入る
飲食 / イラスト
TAB Kitchen & Bakery
店内を描いた楕円の窓から空間へ入り、街の記憶と働く人の物語を伝えるカフェ。
設計の見どころ
最終撮影の冒頭では、ベージュの背景中央に楕円の窓を置き、その中へ店内のイラストを見せる。次の画面では同じ赤い家具や照明が大きくなり、室内へ近づいたような構図に変わる。一枚の店内写真とは異なり、入口から場所を知る流れそのものを表現している。
詳しい解説を読む →公式サイトを見る ↗