オーラルアカデミー様(コーポレートサイト)|Web制作実績 スマートフォン対応|スマートフォンサイトWeb制作実績

オーラルアカデミー様
コーポレートサイト

https://oral-academy.com/

東京都中野区

PC

SP

お客様アンケート

5段階評価平均値

5.0

  • 担当者の評価

    5/5

  • 担当者の知識

    5/5

  • リクエスト対応

    5/5

  • デザイン

    5/5

  • フルオーダーメイド設計

    5/5

  • CMS更新システム

    5/5

  • 制作料金

    5/5

ホームページリニューアルの目的は?

集客(新規)を増やしたい

ブランディング向上

HPデザインを良くしたい

ECの売り上げを伸ばしたい

ネオインデックスを選んだ理由は?

高品質なWebデザイン

制作実績が良かった

納期が早かった

Web制作のポイント

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

今回のリクエストの一つである企業のイメージアップのため、子供からお年寄りまで幅広い年齢層の女性の写真を使用することで親近感と安心感を、クリーンなホワイトと淡いブルーのやさしい配色で清潔感と柔らかさを演出し、企業イメージをWebサイト全体で表現いたしました。ほかにも、専門ライターが綿密なヒアリングのもとサイトイメージに合わせた原稿を作成させていただいたことで、SEOにも効果的となり、高品質で充実したコンテンツとなりました。

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

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

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

Web制作・運用サポート一覧

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

劇的ビフォーアフターはこちら