レスポンシブWebデザイン対応のスマートフォン版のコーポレートサイト制作実績です。|スマートフォンサイトWeb制作実績

マックメカニクスツールズ株式会社様
コーポレートサイト

https://mactools.jp/

神奈川県横浜市

PC

SP

Web制作のポイント

マックメカニクスツールズ株式会社様のモバイル用コーポレートサイトをリニューアルさせていただきました。

メインターゲットである個人ユーザーを想定し、スマートフォン比率を60~70%に設定しモバイルファーストとして設計いたしました。そのため、商品の購入を検討している個人ユーザーがスマートフォンからアクセスしても使いやすい工夫をしております。PCサイトに設置していた代理店募集のメニューを取り外し、スマートフォンサイトのヘッダーには製品購入のための導線のみ配置いたしました。画面下部に固定しているお問い合わせボタンも、スマートフォンサイトでは説明文を排除しボタンを大きく表示することでCVRに繋げております。
ネオインデックスでは、ユーザーが感覚的な操作で目的のページにたどり着けるよう、デバイスごとに異なるターゲットを想定した綿密なサイト設計を行っております。

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

製品購入を検討しているユーザーがすぐに目的のページへたどりつけるよう、ヘッダーに製品検索への導線を設けました。また、その製品を購入したい場合や代理店情報が知りたい場合は販売代理店検索という形で導線を2つに絞ったことで分かりやすく操作しやすいサイトとして設計いたしました。こういったサイト毎にユーザービリティを考慮した設計ができるのは、フルオーダーメイドならではの特徴となります。ほかにも、アコーディオンを活用して23種類あるカテゴリーボタンの一部を隠すなど、画面サイズの小さいスマートフォンでもすっきりと見やすいよう細部まで工夫をこらしております。

デザイン面では、タイトルや画像などにアニメーションを使用し、自然と注視されるよう工夫をしております。動きのあるデザインを取り入れることで、ユーザーが自然とスクロールし、製品や会社に期待感やワクワク感を持ってもらい、訴求したいコンテンツも強調できるモバイルサイトとなっております。

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

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

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