WEB画面


概要
医学・倫理・社会の多領域から、心臓突然死の原因究明とご家族の予防につなげる「GIFT project」のWebサイトを制作。プロジェクトの理念やPMGT(死後遺伝学的検査)の情報をわかりやすく整理し、当事者・医療従事者・研究者など、それぞれの立場から必要な情報へアクセスできるサイトを設計・デザインしました。
・デザインポイント
GIFTプロジェクト様が取り組まれている研究の背景や目的を正しく伝えながら、プロジェクトの意義や活動内容に自然と興味を持っていただけるよう、情報の見せ方を設計しました。
研究に関する情報は専門性が高くなりやすいため、内容そのものを変えるのではなく、情報の順序や視覚的な見せ方を工夫することで、読み手が段階的に理解できる構成としています。
ビジュアルについても、研究・医療分野としての信頼性を大切にしながら、GIFTプロジェクト様ならではの取り組みや姿勢が感じられる表現を目指しました。
・デザインポイント
GIFTプロジェクト様が取り組まれている研究の背景や目的を正しく伝えながら、プロジェクトの意義や活動内容に自然と興味を持っていただけるよう、情報の見せ方を設計しました。
研究に関する情報は専門性が高くなりやすいため、内容そのものを変えるのではなく、情報の順序や視覚的な見せ方を工夫することで、読み手が段階的に理解できる構成としています。
ビジュアルについても、研究・医療分野としての信頼性を大切にしながら、GIFTプロジェクト様ならではの取り組みや姿勢が感じられる表現を目指しました。
課題・要望
・情報量が多く、必要な情報を直感的に見つけにくい
・ブランドイメージを維持しながら、Webサイトとしての見やすさ・使いやすさを高めたい
・コンテンツごとの重要度や役割を明確にしたい
・企業・サービスとしての信頼感を伝えたい
・ブランドイメージを維持しながら、Webサイトとしての見やすさ・使いやすさを高めたい
・コンテンツごとの重要度や役割を明確にしたい
・企業・サービスとしての信頼感を伝えたい
取り組み
情報の優先順位を整理
コンテンツごとの重要度を整理し、ユーザーが必要な情報を見つけやすい構成に設計
特に伝えたい情報はサイズや配置に差をつけ、ページ内で自然に視線が誘導されるよう調整
ブランド性を感じるビジュアル設計
写真・グラフィック・タイポグラフィの見せ方を統一し、サイト全体でブランドイメージを表現
企業サイトとしての信頼感を保ちながら、画一的にならないビジュアルを目指して設計
コンテンツに合わせた表現
各コンテンツの内容に合わせてレイアウトやビジュアル表現を使い分け、情報が単調にならないよう工夫
装飾を増やすのではなく、情報を理解するために必要な表現としてグラフィックを配置
Webサイト全体の一貫性
ページごとの個性を持たせつつ、色・文字・余白などの基本ルールを統一
下層ページまで含めてデザインのルールを設け、サイト全体としてまとまりのある印象に仕上げた
コンテンツごとの重要度を整理し、ユーザーが必要な情報を見つけやすい構成に設計
特に伝えたい情報はサイズや配置に差をつけ、ページ内で自然に視線が誘導されるよう調整
ブランド性を感じるビジュアル設計
写真・グラフィック・タイポグラフィの見せ方を統一し、サイト全体でブランドイメージを表現
企業サイトとしての信頼感を保ちながら、画一的にならないビジュアルを目指して設計
コンテンツに合わせた表現
各コンテンツの内容に合わせてレイアウトやビジュアル表現を使い分け、情報が単調にならないよう工夫
装飾を増やすのではなく、情報を理解するために必要な表現としてグラフィックを配置
Webサイト全体の一貫性
ページごとの個性を持たせつつ、色・文字・余白などの基本ルールを統一
下層ページまで含めてデザインのルールを設け、サイト全体としてまとまりのある印象に仕上げた
お客様からこんなお言葉いただきました
こちらの都合でプロジェクトの進みを後ろだおしていただくなど、こちらのほうがご迷惑をおかけしてしまって申し訳なく思っております。
ただ、契約前のやりとりやご提案で信頼できる方たちであると感じられ、さほど不安なく(不安があったとしたら自分達のことでしたが、むしろそれを先回りして支えていただいた)進めることができました。
ただ、契約前のやりとりやご提案で信頼できる方たちであると感じられ、さほど不安なく(不安があったとしたら自分達のことでしたが、むしろそれを先回りして支えていただいた)進めることができました。
この案件と似た制作実績
