マックメカニクスツールズ株式会社様のコーポレートサイト制作実績です。|制作実績
”綿密な設計”と”最新トレンドデザイン”により、ホームページの効果を最大化
クライアント | マックメカニクスツールズ株式会社様 (神奈川県横浜市) |
---|---|
制作プラン | Meta定額制30プラン |
カテゴリ | 製品サイト コーポレートサイト・事務所 製造・開発・IT・AI ブランディング |
URL | https://mactools.jp/ |
制作チーム |
|
POINT
制作のポイント
アメリカ生まれのプロフェッショナル・メカニック用工具ブランド「マックツールズ」の日本国内事業展開を手掛ける、マックメカニクスツールズ株式会社様のコーポレートサイトをリニューアルいたしました。
商品の購入を検討している個人ユーザーをメインターゲットに設定し、約1000種類ある製品の中から目的のものへ感覚的に素早くたどりつけることをポイントに設計をいたしました。ファーストビュー直下に検索エリアを設けるなど、このメインコンテンツへの導線を第一にUI/UX設計しております。また、代理店募集にも力をいれていきたいとのことから、今回のリニューアルを機に代理店募集ページを強化いたしました。綿密なペルソナ設定を行い訴求したい内容を明確にし、上から下へ流し読みしても分かりやすいよう、情報が整理されたページに仕上げました。
このようにターゲットが複数の場合でも、全ページでそれぞれお問い合わせにつながるようCVR率アップを意識した導線設計ができるのが、当社のフルオーダーメイド制作の特徴です。
膨大な数の製品情報を見やすく使いやすいものにするため、オリジナルCMSを導入いたしました。ユーザーが目的の製品へすぐにたどり着けるよう、製品名検索のほか、人気検索ワードや細分化されたカテゴリーのタブ分けなど、検索しやすいよう複数の導線を設置しております。製品詳細ページにはお問い合わせフォームのほか、代理店検索システムとの連携により、実際に製品の購入に結びつきやすくするための設計を工夫しております。リニューアル後もお客様が管理しやすいよう、こちらのサイトではオリジナルの製品登録CMSや販売店登録CMSを導入しております。
デザイン面では、アメリカのマックツールズサイトに合わせたデザインコードのご指定により、ブラックとレッドをメインにしたグローバルデザインとなっております。また、オリジナルデザインの要素としてお問い合わせボタンをイエローにし、フッター固定することで視認性を上げる工夫をいたしました。ファーストビューに日本国内の販売代理店募集が一目で分かる写真を用い、ブランドと合わせて訴求ができるデザインに仕上げました。
Webデザイン
製品購入を検討しているユーザーがすぐに目的のページへたどりつけるよう、ヘッダーに製品検索への導線を設けました。また、その製品を購入したい場合や代理店情報が知りたい場合は販売代理店検索という形で導線を2つに絞ったことで分かりやすく操作しやすいサイトとして設計いたしました。こういったサイト毎にユーザービリティを考慮した設計ができるのは、フルオーダーメイドならではの特徴となります。ほかにも、アコーディオンを活用して23種類あるカテゴリーボタンの一部を隠すなど、画面サイズの小さいスマートフォンでもすっきりと見やすいよう細部まで工夫をこらしております。
デザイン面では、タイトルや画像などにアニメーションを使用し、自然と注視されるよう工夫をしております。動きのあるデザインを取り入れることで、ユーザーが自然とスクロールし、製品や会社に期待感やワクワク感を持ってもらい、訴求したいコンテンツも強調できるモバイルサイトとなっております。
Web制作・運用サポート一覧
PC・タブレット用フルオーダーメイド設計、オリジナルWebデザイン、PC用UI/UX設計、ワイヤーフレーム作成、HTML/CSSコーディング(レスポンシブサイト)、各種CMS開発、jQueryコーディング、PLESKサーバー、Googleアナリティクス設定、アフターサポート
BEFORE AFTER
劇的ビフォーアフター
旧サイトにメスを入れ、お問い合わせが絶えないホームページへ
PC DESIGN
PCサイトデザイン
お客様の特長を活かした、”世界にひとつ”のオリジナルデザイン
SMARTPHONE DESIGN
スマートフォンサイト
デザイン
ターゲットに最適なユーザビリティを考慮した、UI/UXデザイン
WORKS