オーラルアカデミー様（コーポレートサイト）｜Web制作実績 スマートフォン対応｜ネオインデックス広島

医療器具販売をされている、オーラルアカデミー様のコーポレートサイトを新規製作いたしました。

今回のリニューアルの目的としては、「取り扱い製品の良さを広めたい」「企業イメージを向上させたい」「美容や介護にも役立つことをアピールしたい」「新規顧客を獲得したい」という4つのご要望を頂きました。
そのため、医療器具の購入を検討されている介護や美容、歯科関係の企業担当者や、表情筋を鍛えてフェイスラインをリフトアップさせたい方など、主に30代の女性をメインターゲットとして設定し、綿密なペルソナ設計を行いました。

トップページでは訴求コンテンツである製品情報に、ピックアップした商品を陳列して掲載できるエリアを設置いたしました。自動的にスライドする動きを加えることで、流し読みをされるユーザーでも自然と目に留まりやすいよう工夫しております。ほかにも、メインビジュアルに製品情報への動線を設置したり、グローバルメニューには製品名や品番で自由に製品検索できるサーチボックスを配置しており、さらにaboutページにも製品情報への動線を設けることで、訴求コンテンツを最大限アピールできる設計にいたしました。こちらのコーポレートサイトは本サイト公開前にティザーサイトを先行公開し、サイトリリースの周知をいち早く行いました。お急ぎのお客様のご要望など、幅広く柔軟な対応ができるのがネオインデックスのフルオーダーメイド制作の特徴です。

モバイル用サイトでは、一人ひとりのユーザーが用途に合った商品をすぐに見つけられるよう、ページ上部に動線を設置するなど製品のカテゴリーへの動線を増やしたことがポイントです。また、画面サイズの小さいスマートフォンでもすっきりと見やすいよう、アコーディオンや横スクロールを導入したり、リンクバナーのサイズを大きくすることで訴求イメージを整理したことがポイントです。分かりやすさや操作性を高めるためナビゲーションメニュー内の訴求コンテンツには画像やアイコンを使用し、背景色や枠線を付けるなど、自然と目に留まりやすいよう細部まで工夫をこらしております。PCサイトと同様にフッターには各CV導線を固定しており、モバイル用サイトでは電話番号をリンクバナーにすることでユーザービリティを考慮し、スマートフォンでもお問い合わせしやすい設計にいたしました。

デザイン面では、全体的に控えめなカラーを使用しつつ、シンプルになりすぎてしまわないよう背景にはホワイト一色ではなく、ドットやパターンなどさりげなく装飾のある背景を使用していたり、動線や英字タイトルにグラデーションカラーを用いているほか、マウスオーバー時に動きのあるアニメーションを使用して全体を引き締めるなど、単調にならない工夫を取り入れております。