製品サイトは製品をかっこよく見せれば成果につながるというものではありません。
製品数や製品分類が多いと情報レイアウトや階層構造を意識し、ターゲットユーザーが製品に早く辿り着けるか、たどり着いた時に求める情報がすぐに探せるかが重要です。

近年、フライング・ハイ・ワークスでは製品サイトのリニューアルに携わる機会が多くなりました。
そこで今回、フライング・ハイ・ワークスが製品サイトを制作する中で大切にしていることを紹介いたします。

製品サイトを制作する時に大切にしていること

徹底したユーザー目線

ホームページを一番に見てもらいたいのは制作会社や自社ではなく、ユーザーです。
そのため、フライング・ハイ・ワークスではユーザー目線で見るために自分だったらこの製品をみる、こういった課題があるなら製品ではなく、アプリケーションノートやソリューション、導入事例などを見たいなど様々なシーンを考えています。
また、その時に下記を徹底してヒアリングします。

• どのような製品なのか
• どのような時に使用するのか
• どのようなお問い合わせがくるのか

徹底してヒアリングをすることで今まで見えていなかった課題が見つかります。
ユーザー目線でみることはただ使いやすくするだけではなく、更なる課題も見つかるため、誰もが使いやすいサイト設計をご提案します。

ホームページの目的を明確にする

ホームページをリニューアル、新規作成する時は必ず目的が存在します。
大まかに言うと、自社の方向性や他社との差別化を図るならブランディングの強化、ECサイトであればコンバージョンの増加などがあります。
ただ、進めていくうちに少しづつ認識がズレることは多々あります。
そのため、フライング・ハイ・ワークスではビジネスの目的からホームページの役割を両社で認識を擦り合わせるに要件定義からしっかり固めていきます。

階層構造と情報レイアウトの整理

製品サイトは製品数と製品分類が多いため、階層構造が整理されていないことが見受けられます。
例えば、製品ページが下記のような構造で、
/products/category/subcategory/

製品の詳細ページにいくと、
/products/aaa/

のような構造は良く見ますがちゃんと要素を関連付けることは構造上かなり大切です。
/products/category/subcategory/aaa/

階層構造を整理することはSEOに間接的に影響を与えます。

• 検索エンジンからクローリングされやすくなる
• Webサイトの管理がしやすくなる
• Webサイトのテーマ性が高まる

フライング・ハイ・ワークスでは製品サイト以外にも不動産や協会系のサイトの実績も多く、どれも情報量が多くリニューアル前は階層構造が整理されていないことは多々あります。
そこで、制作前にサイト全体を見て、ページをグループごとに整理します。
単純ですが、かなり時間のかかる作業をしっかりすることでページのレイアウトや導線も意識してお客様がホームぺージを運用しやすくします。

フライング・ハイ・ワークスの協会・財団・社団・法人・その他団体サイトの制作実績はこちら

フライング・ハイ・ワークスの制作実績

株式会社イマダ 様

https://www.forcegauge.net/

スイッチの押し心地やゼリーの弾力など、人の感覚が関係する力を測定する荷重測定器（フォースゲージ）の専門メーカーです。

このサイトのこだわりは300を超える製品の豊富さと製品と製品を組み合わせた製品構成例でお客様の課題を解決するソリューションの見やすさを追求しました。

担当者のこだわりポイント！

• 該当の製品まで瞬時に移動できる左固定の製品情報メニュー
• 製品ページの見やすさ
• 製品構成例のUI設計
• 豊富なサービスとお問い合わせコーナー

フジケミ・トレーディング株式会社 様

https://www.ftcj.co.jp/

科学製品を始めとする多様な製品を取り扱う商社です。

自社の強みでもある「一気通貫のワンストップサービス」「海外に拠点を持ち現地での加工が可能」「小ロットでの発注もOK」をみせられるように工夫しました。

こだわりポイント！

• 新規顧客信頼感の醸成のためTOPページでは製品よりも先に強みやイメージを訴求
• 先方で量産可能なパーツ構成で製品LPを作成
• メインビジュアルには現場の顔が見える写真を採用

株式会社オーバル 様

https://www.oval.co.jp/

流量計等の流体計測機器を製造販売する会社です。

製品の階層構造を整理し、お客様に製品を探しやすいようにメインビジュアル直下にオーバル様特有のカテゴリー検索や色んな検索の切り口を用意しました。

こだわりポイント！

• お客様目線の製品検索の強化
• 製品情報ページの情報整理
• 製品カテゴリーごとのページを作成することが情報の階層構造
• フローティングメニューでお問い合わせの導線を確保

株式会社パシフィックソーワ 様

https://www.pacificsowa.co.jp/

鋳鋼製品・EBP製品・鍛鋼製品・機械製品・金属粉末・MIM製品・ステンレス素材・アルミ形材・合金鉄・他を販売するメーカー商社です。

海外展開を強めたいというご要望に答え、英語でも見やすいサイトデザインを心がけました。
新規お客様に「商品に興味を持ってもらう」⇒「お問い合わせ」⇒「ご注文」という流れでコンバージョンに繋げられるように製品への導線を明確にし、製品ページではすぐ問い合わせできるようにコンバージョンボタンを目立つように表示しました。

こだわりポイント！

• ユーザーの業種に合った製品を探しやすいように製品検索に「業種から探す」を提案
• スタイリッシュなデザイン

マイティキューブ株式会社 様

https://www.mightycube.co.jp/

自鳴式万引き防止システムとRFID製品を取り扱う国内パイオニアです。

製品の情報を伝わりやすくするためにシンプルなデザインに仕上げました。

こだわりポイント！

• イメージがしづらい導入イメージなどをイラストで分かりやすく表現

株式会社アイ・アール・システム 様

https://www.irsystem.com/

赤外線を中心とした光学測定機器・部品の総合商社です。

SEO対策のために製品の中カテゴリーを作成し、各製品への特長やアプリケーションをPDFではなく、ページとして表示しました。

また、お問い合わせの際に製品名を入れ忘れないように製品名が引き継ぐように構築し、お客様とアイ・アール・システム様の手間を軽減することができました。

こだわりポイント！

• 製品名を引き継ぐフォームでストレス削減
• 製品のメニューリストの見せ方

あとがき

フライング・ハイ・ワークスが製品サイト制作で大切にしていること、そして数々の実績をご紹介させていただきましたがいかがでしたでしょうか？

どんな見せ方がいいか？どんなサイトにしたいか？担当者は自分だけだから進行に不安などホームページに対するお悩みがありましたら是非ご相談いただければと思います。

フライング・ハイ・ワークスの紹介

フライング・ハイ・ワークスは、東京都渋谷区にある2000年3月創業のシステム開発にも対応できるデザインも強いWeb制作・ホームページ制作会社です。東京都及びその近郊（首都圏）を中心として、SEO対策を意識したPC及びスマホのサイトをワンソース（レスポンシブ対応）で制作します。

実績

デザイナーチームは、グラフィックデザインやイラストの制作も得意としており、著作権を意識しない素材の提供が可能です。システム・コーディングチームでは、Laravelなどを使用したスクラッチからのオリジナルシステムの構築を始め、WordPressのカスタマイズを得意としております。

また、SEOやランディングページ（LP）、広告向けバナーなどを他社様でやっていた作業の引継ぎでも問題ありません。制作実績は多数ございますので、お客様に合わせたご提案が可能です。

500点以上のフライング・ハイ・ワークスの制作実績ページをご覧ください！

採用

FHWでWebディレクター、Webデザイナー、Webプログラマーやシステム開発者として働いてみたいと思っていただける方は、FIND JOB! にて定期的に募集をしておりますので、ぜひ、ご応募ください。