コスモヘルス様
多彩なサービスや活動内容を整理し、視覚的な工夫を施した導線設計でユーザーを惹きつける!ブランド価値を高めるコーポレートサイト
https://www.cosmohealth.co.jp/
東京都 港区

- 制作プランMeta定額制30プラン
- カテゴリーサービスサイト(PC・タブレット)
![]() | |
|---|---|
| Web制作のポイント |
「病気のない社会を作る」をコンセプトに、医療機器や健康食品の企画・開発・販売などのさまざまな事業を展開している、コスモヘルス様のコーポレートサイトをリニューアルいたしました。 |
![]() | |
|---|---|
| 設計・デザインのポイント |
スマートフォンサイトのハンバーガーメニューでは、ブランディング強化に有効と考えられる「コスモヘルスのビジョン」「活動報告」の2ページの導線ボタンを、視認性と訴求力を高めるためサムネイル写真付きで大きく配置しました。その他のページへの導線ボタンは、円形のサムネイル写真を付けてコンパクトに配置しております。主要ページへの導線ボタンにサムネイル写真を付けることで、それぞれのページ内容がイメージしやすくなり、ユーザーが興味のある情報に遷移しやすくなる導線設計に仕上げました。 デザイン面では、トップページのファーストビューに水面のような模様が広がる動画を背景として配置し、お客様のイメージにふさわしい健康的な清涼感を演出しました。さらに、ページをスクロールすると白い円が弾けるように広がり、淡いブルーのグラデーションに白い光の粒子が遺伝子構造をかたどって舞う動画の背景へと移り変わりますこのような段階的な変化により、ユーザーの興味を惹きつけ、自然とコンテンツへ引き込む洗練されたデザインを実現しました。 |
![]() | |
|---|---|
| Web制作・運用サポート一覧 |
PC・タブレット用フルオーダーメイド設計、SP・タブレット用フルオーダーメイド設計オリジナルWebデザイン、PC用UI/UX設計、SP用UI/UX設計、ワイヤーフレーム作成、HTML/CSSコーディング(レスポンシブサイト)、Googleアナリティクス設定、各種CMS開発、jQueryコーディング、PLESKサーバー、アフターサポート |






