認定薬剤師・かかりつけ薬剤師さんのためのe-ラーニングサイトで、サプリメントや健康食品、機能性表示食品等について幅広く学ぶことができるホームページです。Webサイトの全体的なデザインは信頼度を重視し濃紺ベースで、サブカラーとしてグレーも使い制作を行っています。
サプリメントや健康相談に関する専門知識をオンラインを通じて身に付けることができる動画研修プログラムということで、爽やかさと前向きな雰囲気を出せるよう考慮。ビジュアル的に凝ったイメージというよりは、掲載コンテンツの読みやすさとシンプルさを重要POINTとしています。
東京港区芝 e-ラーニングサイトSapnet/HP制作実績紹介
webページデザインの特徴
TOPページファーストビューはノートPCを使い楽しみながらe-ラーニングを行っている様子と、薬剤師として活き活きと活躍しているイメージの2枚の画像で構成。サイト訪問者へサプリメントに関するホームページと直感的に分かるよう、お薬の瓶・タブレットの画像も挿入しています。
ページ最上部ヘッダーには、濃紺色の背景ラインへ既存会員用のログインID/PASSWORDを入力する枠が設けられています。
ページ最上部から2段目、メインビジュアル下コンテンツは「Sapnetとは?」として、ホームページの概要が掲載されています。2行ごとに1行空白行を設け、userに読みやすいよう配慮しています。背景には科学的なイメージの幾何学模様のレイヤーを入れています。
3段目「Knowledge」では薬剤師さんがSapnetを利用するメリット・特徴についてを3点掲載しています。それぞれのPOINTに沿ったイメージ画像を左側に配置し、各タイトルとイメージ画像を軽く眺めただけで、内容が分かるように工夫。こちらも健康そして医療といった雰囲気が出せるようデザインしました。
ページ中段「Course」ではSapnetで受講できる講座の一部をご紹介。こちらも写真と講座タイトルをパッと見るのみで、おおよそどういった内容の講座が開催されているか?分かるようにしています。
その下部には「選べるコース選択」として、目的にマッチする4つのコースを紹介するコンテンツと共に、最終的なコンバージョンへ繋がるコンテンツエリアを置いています。コース選択及び新規入会登録部分は他よりも目立つようにオレンジ色ベースで作成をしました。
1ページ内容に主なコンテンツを要約
ランディングページ同様、TOPページ1枚を眺めれば、おおよその内容が完結されるように主要コンテンツを集めています。
「Message」として、サプリメント業界を代表する先生方の紹介とメッセージの他、これまでに会員となり講座を受講された方からの感想・生の声、そしてよくあるご質問とその回答集もページ中段から下段にかけてレイアウト。
会員の方々からのご感想は顔写真とコメントで構成されているため、ターゲットユーザーへ響きやすい内容となっています。「Before⇒After形式」で、講座受講前と受講後の変化を分かりやすく伝えています。下層ページへのリンクメニューは、フッターtextメニューから行ける仕様となっています。
一般的なホームページのようにまずTOPページを簡単に閲覧し、そこから各下層ページへ遷移するといった構成ではなく、あくまでTOP内容をまず確認し、そのまま問い合わせ・会員登録へと進んでいくフローを前提としています。そのため、通常のホームページ形式とは異なるページ構成で制作をいたしました。
【今回の記事の執筆者】
カスタマーサポート部/チームリーダー webディレクター:渡邉 真帆
建設業/製造業を中心に300以上のホームページ制作の経験を積む。ディレクション時、クライアントから「事業の強み/差別化のPOINT」を引き出すことが得意。
日々IT・PCに関するリテラシー向上に努め、Webのことは勿論、お客様の多様なお困りごとを解決。エグゼクティブクリエイションの中でも特に顧客満足度の高いディレクター。
社内では癒し系なものの、クライアントとの打ち合わせ時のキリッと具合は別人のよう。
得意なこと:アクティブリスニングと笑顔 苦手なこと:料理と口喧嘩
---------------------------------------------------------------
成果を上げるホームページ制作なら
東京のエグゼクティブクリエイション
---------------------------------------------------------------
◇Webサイト制作のお問合せはこちら
TEL: 03-5839-2512
FAX: 03-5839-2513
≫ホームページ制作 東京 エグゼクティブクリエイションTOP