アジェンズ様(コーポレートサイト)|Web制作実績 レスポンシブ対応|制作実績
訴求したい情報を整理し、設計とデザインの両面でお客様ならではの強みを伝える
クライアント | アジェンズ株式会社様(東京都日野市) |
---|---|
制作プラン | Meta定額制30プラン |
カテゴリ | コーポレートサイト 製造・開発・IT・AI 医療・美容・薬品 |
URL | https://agenes.co.jp/ |
制作チーム |
|
POINT
制作のポイント
大学医学部や国立研究所、臨床医療との共同研究により、難易度の高い新薬のシーズを社会実装している、アジェンズ様のコーポレートサイトをリニューアルいたしました。
今回、リニューアルする主要な目的として、「製薬会社に向けて、自社の研究内容を分かりやすく訴求したい」というご要望をいただきました。そのため、お客様が取り組む数々の創薬研究の中から、ユーザーが知りたい研究内容をスムーズに確認できるよう、「核酸迅速診断法」「アジェンズの老化研究」「マイクロバイオーム LBPs」「間葉系幹細胞エクソソーム」という4つの創薬研究に関するページをそれぞれ新規作成いたしました。
こちらの4つのページでは、特に訴求したいコンテンツに優先順位をつけて、「(1)研究について」「(2)研究の特徴」「(3)具体的な研究内容」の順番でページの前半に配置しております。このような構成にすることで、研究の特徴を理解してから、具体的な研究内容を確認する流れを作ることができ、ユーザーが重要な内容をより理解しやすいページ構成に仕上げました。
ディレクション
Y.Goda
今回、リニューアルするもう一つの目的として、「ホームページのデザインを一新したい」というご要望をいただきました。そのため、メインビジュアルでは、次世代医療の研究を行っているお客様の革新的な世界観を、デザイン面で表現いたしました。具体的には、DNAの二重螺旋構造が流動している“遺伝子の研究”をイメージした動画と、情報がとめどなく更新されていく革新的なデジタル画面をイメージした動画を組み合わせて、画面いっぱいに配置することで、「創薬で未来を切り開く」というキャッチコピーの意味を後押しするデザインに仕上げています。
また、ホームページのメインカラーとして、レッド・ブルー・ホワイトの「トリコロールカラー」を使用し、研究器具や白衣を着た研究者のお写真を数多く配置することで、医療系のホームページであることを直感的に印象づけています。
システム面では、お客様が取り扱っている製品の特徴や規格書などを掲載できる「製品情報」をオリジナルのCMSで自社開発しました。こちらのCMSでは、「NAD+プリカーサー」「マイクロバイオーム」など製品の種類によって自由にカテゴリー分けできるため、多くの製品情報をジャンルごとに整理しながらホームページを運用できるシステム設計となっております。
Webデザイン
Y.Goda
今回、リニューアルする目的の一つとして、「投資家へ自社サービスを分かりやすく訴求したい」というご要望をいただいたため、「成長戦略」ページと「CSR活動」ページを新規作成しました。「成長戦略」ページでは、「アジェンズ5つの戦略」や「シーズ技術戦略」などの具体的な成長戦略が分かる6つのコンテンツを配置し、さらに入念なヒアリングに沿って一からデザインした図を掲載することで、投資家ユーザーにとって重要な戦略内容をより分かりやすく訴求しています。
また、特にユーザーに訴求したい文章部分は太文字を使用し、ブルーのアンダーラインを引くことで、ユーザーがスキマ時間に流し読みしながらでも、直感的にポイントを理解できるデザインに仕上げました。
デザイン面では、トップページの「投資家・株主の皆さま」への導線コンテンツの背景に、地球のイラストを大きくデザインすることで、「人類の老化制御と、その先の宇宙適応」を最終目標としているお客様の特徴を、文章だけでなくデザイン面からも印象づけています。
Web制作・運用サポート一覧
PC・タブレット用フルオーダーメイド設計、オリジナルWebデザイン、PC用UI/UX設計、ワイヤーフレーム作成、HTML/CSSコーディング(レスポンシブサイト)、Googleアナリティクス設定、各種CMS開発、jQueryコーディング、PLESKサーバー、アフターサポート
BEFORE AFTER
劇的ビフォーアフター
旧サイトにメスを入れ、お問い合わせが絶えないホームページへ
PC DESIGN
PCサイトデザイン
お客様の特長を活かした、”世界にひとつ”のオリジナルデザイン
SMARTPHONE DESIGN
スマートフォンサイト
デザイン
ターゲットに最適なユーザビリティを考慮した、UI/UXデザイン
WORKS