TIP TIP

TIP

公開日:2022/11/04

クライアント:
TIP(TMDU Innovation Park)

Summary

プロジェクト概要

概要

概要

東京医科歯科大学様と三菱地所様が共同で行うトータルヘルスケアイノベーションコミュニティ「TIP(TMDU Innovation Park)」のティザーサイト、ロゴマーク、Webサイトを担当させていただきました。

背景

背景

TIPを周知するため、プレスリリースの受け皿として、ティザーサイトの制作が必要になり、ご相談いただきました。ロゴに合わせたWebサイトを制作し、情報が増えるに応じて更新をし続けています。

課題

課題

東京医科歯科大学様の敷居が高い印象があるので、コミュニティとしてはオープンな印象を発信しつつも、質の高さはキープしたい。

具体的な施策

初回のティザーサイトでは、どういうコミュニティなのかを図解やアイコンなどを適度に使用し、直感的に理解しやすい見せ方にしてユーザーが情報を読み解きやすい構成にすることで、オープンな印象を与えるように工夫しました。また、医療のイメージに近いブルーを基調としたグラデーションを使用することで、コミュニティの重厚で質の高いイメージを保持できるような色で設計しました。

コミュニティのアイデンティティとなるロゴでは、まず名前の周知と浸透を図るために「TIP」という名前の文字自体がシンボルになるようなデザインを心がけました。また、イベントなどの周知の際にロゴも合わせて使用されるのを想定し、遠くからでも認識しやすいようなシンプルな書体をベースにした形で設計しています。

ロゴ作成後は、ロゴのイメージやコンセプトに合わせて再度ティザーサイトの改修を行い、「TIP」というコミュニティの色がロゴと共に統一して見えるように再度設計しなおしました。

ペルソナ、カスタマージャーニーマップをたてて、届ける層を明確化

構成やデザインなど、具体的な進行を進めていく前にペルソナやカスタマージャーニーマップを設計し、クライアントと一緒にメッセージ等を届けるべき人や届けるための手段や工程を明確にします。明確にすることで、客観的な視点で情報の構成やデザインの組み立てを判断することができます。

具体的な情報からイメージへの変換

ロゴを作成するにあたり、書体が持つイメージを具体化したマトリクスを作成します。

書体の印象とペルソナのイメージが一致する場所へと的を定めることで、好みでの判断ではなく、しっかりとユーザーに届くような形でディスカッションとアウトプットを進行できます。

アイデアの拡散

的を明確にした後は、アイデアの拡散に移ります。この段階ではなるだけ多くのアイデアを出し、デザインの形を幅広い角度から検討します。出てきたアイデアを否定することなくとにかく鉛筆でイメージを書き起こしていきます。拡散させることによって、様々な視点やアイデアからより豊かなデザインへと発展していきます。

色で具体的なイメージへと展開

ロゴマークのデザインがかたまってくると、次は色の展開です。色の検討も個人の好みにならないように、それぞれの色相が持つ色のイメージを記したマトリクスを作成し、その中から適切な色の組み合わせを検討していきます。

目指すべき場所をクライアントと一緒に明確化していく

ティザーサイトの改修時とその前とでは、コミュニティとしてどうなっていきたいという部分が明確になってきたのが大きな変化でした。ディスカッションを重ねることでだんだんとイメージも具体化されていきました。

最初のティザー公開時では、東京医科歯科大学さまの持つ知的なイメージを保持した、高さを想起させるようなデザインでした。

しかし、ディスカッションを重ねるごとにコミュニティとしてどうあるべきかが明確化していき、未来のコミュニティの活性化のためにもっとオープンで入りやすいイメージが必要であることが明確になりました。その結果、柔らかいエレメントや色の構成へと調節し、オープンで明るいイメージへとより近づけたデザインへ再構成しました。