Project Aim | プロジェクト

  • イギリスでの自殺防止キャンペーンのためのデジタルエージェンシーのコンセプト、アイデンティーデザイン、ウェブサイトデザイン。

    エージェンシーを通じチームメンバー全員のプロジェクトへの参加意欲を高める。

    情報を見つけやすく、シンプルでありながら、ビジュアルデザインで私たちが何をどうやってデザインしているかを伝えるサイトにすること。

My Roles

  • ロゴのネーミング、ロゴデザイン、ビジュアルガイド。

  • ワイヤーフレーム、GUI、HTML、CSS、Javascriptを用いた実装(レスポンシブデザイン)

  • ウェブサイト全体のコンテンツを管理

01 Logo Design | ヴィジュアルアイデンティティー

自殺防止に関わる慈善団体での活動を意識し、NPOとの連携に意味のある名称でなければならないと考え、ネストという名称にしました。ネストは、セーフティネットとして社会の課題をサポートしていることを表しています。初期のリサーチから若年層の自殺防止が課題である点を発見し、デザインもシンプルにユーザー層に受け入れられるよう設計。

02 Prototyping | Draft Design | 初期デザイン

初期デザイン段階で、Webデザインのプロトタイプを作成。このサイトでは、より身近な意見を取り入れようとしているので、フロントページにはメンバー全体の画像を採用しました。 また、この代理店サイトはイギリスの自殺問題を支援するソーシャルキャンペーンOPEN(OPENキャンペーンはこちらから確認できます)にも繋がっているので、「私たちの目的は、私たちの社会をより良いものにすることです」などのコピーと一緒にビジュアルイメージを作ることを試みました。

デザインツール】Adobe XD、Illustrator、Photoshop

03 Visualising the design | 最終デザイン

デザイン原案に沿って、レスポンシブデザインに対応した視差スクロールベースのサイトを制作しました。また、個人のコメントや写真を掲載することで、「自分たちが何者なのか」「私たちに何が出来るのか」をより明確に伝えることで、より信頼性、透明性の高いサイトになると考えに基づいてデザイン。