2024.02.20 - Tue
Iguchi
手に取りたくなる！電子機器・ガジェット関連の参考Webデザイン集！
見やすいサイト設計にこだわったデザイン事例
“RP”Headphones User’s File（フォスター電機株式会社）
https://www.fostex.jp/（制作：株式会社リーピー）
こちらは弊社が制作させていただいた、フォスター電機株式会社様のサイトです。配色にはオレンジと無彩色を採用し、「かっこよさ」と合わせてワクワクするような「高揚感」も演出しています。ヘッダーメニューは英語表記ですが、ホバーすると日本語に変化するので、どの年齢層にも優しいです。細かな気遣いは顧客獲得にも効果的です！
制作実績ページ：『フォスター電機株式会社｜サービスサイト｜制作実績｜株式会社リーピー』
ベンハー芙蓉株式会社
https://www.benhar.co.jp/（制作：株式会社リーピー）
弊社が制作させていただいた、業務用捕虫器を取り扱うベンハー芙蓉株式会社様のサイトです。トップページでサイト内のコンテンツを網羅しているため、一目で概要がわかります。お問い合わせフォームへのリンクボタンが右上に固定されているのもポイントですね。優れた導線設計は、お問い合わせ率の向上にも効果的です。
制作実績ページ：『ベンハー芙蓉株式会社｜コーポレートサイト｜制作実績｜株式会社リーピー』
かんすぴ（フォスター電機株式会社）
https://www.fostex.jp/kanspi/（制作：株式会社リーピー）
こちらは弊社が制作させていただいた、フォスター電機株式会社の「かんすぴ」という、オリジナルスピーカーのサイトです。シンプルで親しみやすい配色が特徴的ですね。商品詳細も詳しく図解で説明されていて、わかりやすいです。
サイズ展開がS,M,Lなど複数ある場合、並べて掲載すると大きさの比較がしやすいので参考にしてみてください！
制作実績ページ：『フォスター電機株式会社｜サービスサイト｜制作実績｜株式会社リーピー』
製品画像を際立たせるデザイン事例
iPhone Xs（Apple Inc.）
https://www.apple.com/jp/iphone-xs
Apple iPhoneXsのサイトです。WEBの流行をいち早く取り入れ、なおかつ商品特性である「ビッグスクリーン」をデザインに反映した素晴らしいデザインです。商品サイトは情報が多いため、きちんと整理されていないと見づらくなりがちですが、このサイトではきちんと精査されています。結果、必要な情報だけを美しく見せることに成功していますね。
KIKO music life（株式会社リンジャパン）
サウンドシステム「KIKO」の商品サイトです。左右に写真とコンテンツが分かれ、1スクロールでスムーズに切り替わるという点で、商品の特徴であるツートンカラーとシンプルでなめらかな曲線にマッチしています。「KIKO×◯◯」という見せ方も、商品が持つ可能性の広がりを感じられます。
PETLY（株式会社RINN）
ペット用自動給餌器「PETLY」の商品サイトです。ペットグッズを販売している会社で、サイトデザインも商品に合わせ、洗練された雰囲気でまとまっています。シンプルながらもスクロールで要素がふわっと動いたり、斜めのラインをアクセントで入れてみたりと、目を引く工夫がされています。操作方法を動画で説明しているのもユーザーに優しい工夫ですね。
DJI（DJI JAPAN株式会社）
マルチコプター・ドローンの企画・研究・製造などを手がける会社です。コンテンツごとのページ分けが明確で、好印象です。「一般向け」「プロ向け」というメニューから、自分が見たい商品を的確に絞り込むことができるため、とても便利です。ユーザーに優しい設計は、コンバージョン獲得にも優れた効果を発揮しますよ。
製品の使用シーンを訴求するデザイン事例
ACSL（株式会社自律制御システム研究所）
商業用ドローンの製造・販売やソリューションサービスを提供している企業様のサイトです。青と白で統一されたデザインと、細くスタイリッシュなフォントが、精密で洗練されたイメージを印象付けています。ふわっと浮き上がるような動きも、ドローンの特徴を間接的に表現していますね。ヘッダーに日本製の表記があるのも、安心材料の一つとなっています。
ELI（株式会社博報堂プロダクツ）
襟につけて英会話を学べる小型マイクデバイスの商品サイトです。グローバルナビの淡いグラデーションが可愛らしいですね。音の波のようなラインもマイクならではで、サイトのワンポイントアクセントとなっています。商品単体ではなく身につけた状態での写真が多いのも分かりやすいですし、見た目を重視したい方にとって大切な要素がきちんと抑えられています。
配色を活かした女性心くすぐるデザイン事例
CONSCIOUS（デルタ電子株式会社）
ひとつひとつのコンテンツに空間がたっぷりと使われていて、綺麗で見やすい印象です。WEBサイトでは伝えたい情報をぎゅっと詰め込んでしまいがちですが、余裕を持って空間を使うと重要な要素が強調されるので、読み手の関心を効果的に引きつけられます。
insSPIC（キヤノン株式会社）
https://cweb.canon.jp/inspic/special/index.html
キヤノン様が販売している、スマホ用プリンターの商品サイトです。パステルカラーと、彩度の高いおしゃれな写真がたくさん並んでいて女性の心を掴みますね！写真が動いたり、スタンプのような絵がくるくると回るのも、見ている人を飽きさせない工夫のひとつです。
「コンサルティング型制作」でネット集客に活路を
当社では、電気機器業界のホームページ制作経験もございますので、
ホームページ作成・リニューアルをお考えの電気機器業界のご担当者様は、ぜひリーピーへご相談ください。
※ご紹介しているサイトの中で、「（制作:株式会社リーピー）」と書かれたサイトは当社の制作実績です。その他のサイトは当社の制作実績ではございませんが、デザイン性などが優れているため、事例としてご紹介させて頂きました。制作をされた制作会社様で、掲載の取り消しをご希望の場合は速やかに対処させて頂きますので、当社までご連絡くださいませ。
この記事を書いた人
Iguchi
Webマーケター／コンサルタント 愛知県一宮市出身。学生時代に企業の専属ブロガーを務める傍ら、個人経営の仲介業者・イベントプロモーターとして活動。 リーピー入社後は、Webサイト制作におけるプロジェクトマネージャー経験の後、「成果の出るサイト制作」を支援するSEOマーケターを担当している。
