国内No Company
採用 / イラスト
独自の概念を採用の悩みへ翻訳する
採用 / イラスト
No Company
採用と組織の悩みを、スタイルという独自の概念と人物インタビュー・導入事例で説明する。
設計の見どころ
冒頭で組織が選ばれるためのスタイルを提示し、本文ではその定義を述べた後、人物インタビューと解決できる悩みを並べる。独自用語を宣言するだけで終えず、求職者理解や自社の魅力の言語化という実務の問題へ接続している点が特徴だ。
詳しい解説を読む →公式サイトを見る ↗← サイト事例に戻る
01 02 03 04 05 国内 
国内
国内
DESIGN NOTES
このサイトの設計を読み解く。
明るい街の中に修繕の相談を置く
冒頭は淡い黄色やクリーム色を背景に、住宅、電車、木、人、作業する人を平面的なイラストで描く。「安心を 暮らしに。」という大きな言葉を重ね、住宅修繕を日常の街の一部として見せる。故障の不安を強調する写真とは異なる、相談しやすい雰囲気を作っている。
二つの常設ボタンで次の行動を示す
右下には雨漏りのセルフチェックとLINEへの入口が、色の異なる丸みのあるボタンとして並ぶ。すぐに依頼するほど状況が分からない人と、相談を始めたい人の両方を受け止める配置だ。主な連絡手段に加えて、自分の状態を整理する入口を設ける点が参考になる。
波形とカードでお知らせを区切る
スクロール先には桃色の背景と白いお知らせカードが並び、カード内に分類と日付が入る。区画の境界には波形と小さな家の絵が使われ、冒頭の街の世界観を保つ。明るい表現を続けながら、更新情報は同じ形のカードにして読み取りやすさを確保している。
検査機器を不安への説明に使う
公開テキストにはドローン、赤外線、木材水分計などの検査方法が説明される。専門機器の名前を並べるだけでなく、どのように住まいの状態を確認するかを知る材料になる。原因が見えにくい修繕サービスでは、作業の進め方を示すことが相談前の判断を助ける。
写真を送るまでを三段階にする
LINE相談は友だち追加、写真撮影、送信という三つの段階で案内される。最初から専門的な症状説明を求めず、相談者ができる行動へ分解する構成だ。施工例やサービスの説明と合わせて、連絡後に何を用意すればよいかまで見通せるようにしている。
APPLY TO YOUR PROJECT
自分の制作に取り入れるなら
不安を抱えて訪れる人には、明るい絵柄と具体的な相談手順を組み合わせたい。依頼ボタンだけでなく、自己確認や写真送付など一歩手前の行動も用意できる。
そのまま真似する前に
イラストの親しみやすさだけで施工品質は判断できない。対応エリア、料金条件、現地調査や保証の範囲を確認できる情報が必要で、LINE送信や施工実績の真偽は未検証。
次に見ておきたい参考
一覧へ →国内国内THE610BASE
観光 / イラスト
遊ぶ人の絵で複合施設を説明する
観光 / イラスト
THE610BASE
廃校を舞台にした多彩な体験を、人物といちごのイラストで一つの場所としてまとめる。
設計の見どころ
冒頭には学校のタイルを思わせる水色の背景と、飲む人、遊ぶ人、いちご、植物のイラストが広がる。農園、醸造所、カフェという複数の事業を一つの楽しい場所として感じさせる見せ方だ。施設の航空写真だけでは伝えにくい利用の幅を絵で補っている。
詳しい解説を読む →公式サイトを見る ↗国内共通の姿勢と個別の事業を分ける
マーケティング / イラスト
gaaboo
多様な人物のイラストと丸いナビゲーションで、SNSやITを扱う会社の活動を紹介する。
設計の見どころ
冒頭の社名と人物イラストから会社の考え方へ進み、選ばれる理由、サービス、グループ、採用やニュースへ続く。SNSだけでなくITやプロデュースなど複数の事業を持つため、まず共通の仕事への姿勢を示してから個別の事業を分ける順序になっている。
詳しい解説を読む →公式サイトを見る ↗