Website - 2020
NoDoubt
Personal Business Performance Diagnosis
Website - 2020
NoDoubt
ビジネス戦闘力診断
「NoDoubt(ノーダウト)」
独自の人材プラットフォームに紐づく「ビジネス戦闘力」診断サイト
ノーダウトは、ビジネス現場での「戦闘力」を、60個超の質問項目から徹底的に分析し企業にエキスパートを紹介する人材プラットフォームです。
優秀なエキスパート人材だけを扱うというユニークさと、「サイバープロファイリング」というコンセプトを、ノーダウト独自の世界観として細部までこだわり抜き築き上げることで他サービスとの差異化を表現し、コアなターゲット層を捉えることを目指しました。
そして「設問ページ」「結果ページ」「エンブレム」「スキルバッジ」「OGP画像」等、全てのデザインの意図を言語化しながら妥協なくデザインに落とし込みました。
- 公開月 - 2020年6月
- 担当 - デザイン(診断サイト/OGP画像)
- ツール - Photoshop / Illustrator / XD
- 仕様 - Responsive
- 制作期間 - 約2ヶ月
- 備考 - Direction by 株式会社まーけっち
● design point
「サイバープロファイリング」の世界観×「スピード感のある直感的な回答」を促す設問ページ
設問ページの画面デザインは、コンセプトの伝達以上に「スピード感のある直感的な回答を促す」ことを重要視しました。
サイバーな印象をもつイメージは「デジタル」「人工知能」「光線」など色々ありますが、今回は「電子回路」を縦型に採用し、回路を走るような線・繋がりという要素から「縦」への意識を強め、流れるような自然なペースでの回答を促しました。
● design point
診断結果のパーツコンセプトは「スカウター」。
ユーザーの視線誘導と直感的な理解を促すデザインを徹底的に追求。
相手の戦闘力を計測したり位置を把握するGPSのような役割をもつ架空の装置「スカウター」。
円環表現を用い強弱を直感的に表現するとともに、レーダーチャートや背景画像にも丁寧にコンセプトを反映。
コントラストによる奥行きの重み付けや、言語の使用を最小限にとどめるなど、直感的な理解を生むデザインを考え抜きました。
● Design Point - Emblem & Icon
精緻な言語化により完成したオリジナルエンブレム・スキルバッジ
「エンブレム」は、母集団のヒエラルキー状の構成と、その中でのユーザー自身がどの位置にいるのかを直感的感覚的に理解できることを目的に制作。それ自体に意味のある特有のモチーフ(剣・盾・王冠・星・リボン…等)を用いず抽象的なノーダウト独自のデザインとしました。
序列表現の意図・イメージをデザイン監修者と言語的に精緻に議論し丁寧に擦り合わせながら、試行錯誤を重ね制作しました。
また、分析結果を4つのカテゴリーで可視化した「スキルバッジ」は、「ピクトグラムのように直感的に内容が理解できるデザイン」とすべく、言語化→図示のサイクルを自身の中で回しながらイメージに合うものを作成しました。
● Design Point - OGP Image
トップページをSNSでシェア・拡散した場合のOGP画像
デザインコンセプト・世界観を直感的に感じられ、かつエキスパート人材を扱うため洗練された印象とシャープさを与えるビジュアルにデザインしました。
当初ロゴは別の、丸みのあるポップなものでしたが、プラットフォームとの連携と診断サイトの洗練されたビジュアルに合わせて、運営側でブラッシュアップが図られています。