コスモヘルス様(コーポレートサイト)|Web制作実績 レスポンシブ対応|ネオインデックス札幌

Works

制作実績

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

https://www.cosmohealth.co.jp/

東京都 港区

PC

SP

Web制作のポイント

「病気のない社会を作る」をコンセプトに、医療機器や健康食品の企画・開発・販売などのさまざまな事業を展開している、コスモヘルス様のコーポレートサイトをリニューアルいたしました。

今回、リニューアルの主要な目的として、「企業としてのブランディングを強化したい」というご要望をいただきました。そのため、お客様が展開されている7つの多様なサービスに関するページをそれぞれ新規作成しました。各サービス内容を整理して掲載できることで、予防医療講演をはじめとした健康維持への取り組みや社会貢献活動、製品力の高さなど、お客様ならではの魅力をユーザーに分かりやすく、かつ効果的に伝えるホームページに仕上げています。

設計・デザインのポイント

今回、リニューアルの主要な目的として、「企業としてのブランディングを強化したい」というご要望をいただきました。そのため、トップページ内のサービスコンテンツの見せ方について、特にこだわって設計しました。 

具体的には、PCの画面の広さを活かし、スクロールに合わせて7つの各サービスページへのサムネイル写真付きの導線ボタンが、画面右側から上下交互に現れるアニメーションを採用いたしました。このように、ユーザーの視線を引きつける導線設計により、思わず気になったサービスページを確認したくなる工夫を施しています。



デザイン面では、トップページのファーストビューに水面のような模様が広がる動画を背景として配置し、お客様のイメージにふさわしい健康的な清涼感を演出しました。さらに、ページをスクロールすると白い円が弾けるように広がり、淡いブルーのグラデーションに白い光の粒子が遺伝子構造をかたどって舞う動画の背景へと移り変わりますこのような段階的な変化により、ユーザーの興味を惹きつけ、自然とコンテンツへ引き込む洗練されたデザインを実現しました。
Web制作・運用サポート一覧

PC・タブレット用フルオーダーメイド設計SP・タブレット用フルオーダーメイド設計オリジナルWebデザイン、PCUI/UX設計、SPUI/UX設計、ワイヤーフレーム作成、HTML/CSSコーディング(レスポンシブサイト)Googleアナリティクス設定、各種CMS開発、jQueryコーディング、PLESKサーバー、アフターサポート

リニューアル無料相談

ホームページリニューアルや制作プランの
ご相談などお気軽にお問い合わせください

ホームページをベストの状態へ
無料相談はこちら

PAGE TOP