2024.02.20 - Tue
suzuki
「総合商社 / 専門商社」の参考になるホームページデザイン12選!
イラストやアイコンで魅せるデザイン事例
株式会社P.D.R(ピーディーアール)
https://www.pdr.co.jp/(制作:株式会社リーピー)
弊社で制作させていただいた、歯科医療器具や材料の製造・輸入・販売を行う専門商社、株式会社ピーディーアール様のホームページです。歯のシルエットや歯ブラシのイラストを使い、楽しく一目で取り扱い商品がわかるデザインになっています。商品はチャート形式で楽しく探せて、詳しい説明もあるので、安心して購入いただけることにつながります。
制作実績ページ:『株式会社ピーディーアール|コーポレートサイト|制作実績|株式会社リーピー』
株式会社岐阜バッテリー販売
https://www.tb-battery.com/(制作:制作会社リーピー)
現在、トレンドのアイソメトリックと呼ばれる立体感のあるイラストが特徴的ですね!車が動くアニメーションまで施されており、とてもかわいらしいポップな印象を感じられます。バナーを閉じるボタンには車輪が回っている様子を連想させるような動きが実装されており、サイト全体の雰囲気ととてもマッチしています。
制作実績ページ:『株式会社岐阜バッテリー販売|コーポレートサイト|制作実績|株式会社リーピー』
株式会社ヴィジーン・トレーディング
https://vi-college.jp/(制作:株式会社リーピー)
株式会社ヴィジーン・トレーデイング様のホームページ、Vi-College(ヴィカレッジ)を制作させていただきました。白、山吹色、紺色を使い、エステティックサロンにぴったりのエレガントなデザインです。ファーストビューでは、提供しているサービスをアイコンごとに一覧でまとめています。多くの情報があっても迷うことなく操作できますね。また会員登録機能も充実させ、サイトの使いやすさを向上しています。
制作実績ページ:『株式会社ヴィジーン・トレーデイング|情報サイト|制作実績|株式会社リーピー』
写真で「飽きない」工夫を凝らしたデザイン事例
川本鋼材株式会社
https://kawamoto-kozai.co.jp/(制作:株式会社リーピー)
特殊鋼鋼材の卸売りを行う会社のホームページです。写真をふんだんに使ったレイアウトや、斜めに区切るようなデザインが特徴的です。力強さや勢いのある会社であることがイメージされます。サイトに使用されているネイビーとピンクは、コントラストのあるデザインレイアウトですので、サイト全体が締まった印象になりますね。
制作実績ページ:『川本鋼材株式会社|コーポレートサイト |制作実績|株式会社リーピー』
原田産業株式会社
グローバル総合商社の原田産業株式会社様のホームページです。画面いっぱいに広がる海の写真とキャッチコピーが高揚感を感じさせます。下にスクロールすると、事業内容や企業情報などの項目が、画像とともにふわりと表示されます。多くの情報が簡潔に見やすくまとめられた、デザイン性と実用性を兼ね備えたサイトです。
「動き」に思わず見入ってしまうデザイン事例
株式会社オネストアンドパートナーズ
https://www.honest-p.com/(制作:株式会社リーピー)
東京都に本社を構える、内装用木材を取り扱う企業のホームページです。床板が躍動してキューブ型を形成する、動きのある面白いトップページが印象的なサイトとなっています。そして、板の種類と木の素材を選択して検索できる機能もつけ、たくさんある製品を素早く一覧で表示できるようユーザーに配慮した設計にし、使いやすさも兼ね備えたサイトに仕上がっています。
制作実績ページ:『株式会社オネストアンドパートナーズ|コーポレートサイト|制作実績|株式会社リーピー』
Li & Fung Limited
香港をベースにした、国際輸出企業のLi & Fung Ltd.(利豊)様のホームページです。ファーストビューで映し出される動画の上を、赤い線が円を描くアニメーションが象徴的ですね。クリックすると動くグラフや、ホバーするとアイコンが上に動いて文章が表示されるといった、訪れた人が思わずクリックしてしまいたくなる工夫に力を入れたデザインになっています。
加藤憲ホールディングス株式会社
http://www.ktk-hd.com/recruit/
文具・OA機器を主に取り扱う、加藤憲ホールディングズ様の新卒採用のホームページです。ファーストビューでは徐々に完成する「ワクワクしたい。ワクワクさせたい。」の文字と、文具をモチーフにしたカラフルな遊園地のような小さなアニメーションが映し出されています。ホームページの至る所でイラストレーションが使われていて、訪れた人を飽きさせない遊び心を感じます。
Xiamen C&D Incorporated
外資系商社の、Xiamen C&D Inc.様のホームページです。青を基調としたシンプルで真面目な印象のデザインですが、画像がふわっと表示されるアニメーションや、棒グラフが伸びてゆくアニメーションなど、細部に工夫することで柔らかな雰囲気も兼ね備えていますね。
株式会社ナカイコー
板紙を中心とした紙の総合商社、株式会社ナカイコー様のホームページです。白を基調とし、紙の重なりを思い起こさせる装飾が美しく、事業内容ともマッチしています。ニューモーフィズムを取り入れたデザインも洗練されています。カーソルのモチーフにCMYKを使う遊び心もお洒落。歴史と新しさの両方を感じる上品なデザインです。
導線設計にこだわったデザイン事例
福田交易株式会社
東京都にある専門商社、福田交易株式会社様のホームページです。ブルーを基調とした、クールな雰囲気のデザインです。「商品情報」メニューでは、取り扱っている商品を「よりタフに」「より精密に」「より簡単に」など多様なカテゴリで分け、直感的に商品を選ぶことができます。購入の後押しにもつながる工夫ですね。
高速デザイン室(株式会社高速)
食品パッケージの専門商社「株式会社高速」のデザインファーム、高速デザイン室のホームページです。ファーストビューから制作事例が並び、すぐにどのようなデザインをしているのかが見れるレイアウトが印象的です。事例の件数が多い分、下層ページの数を絞ったページ構成です。これならサイト内で迷子になってしまうこともありません。余分な情報は極限まで削り、制作したデザインを見せることに特化しています。
いかがでしたでしょうか?
当社では「コンサルティング型制作」として、売り上げ増加や採用強化など、お客様の目標を達成するためのホームページ制作を行っております。
商社のホームページ制作経験が多数ございますので、
ホームページ作成・リニューアルをお考えのご担当者様は、ぜひリーピーへご相談ください。
※ご紹介しているサイトの中で、「(制作:株式会社リーピー)」と書かれたサイトは当社の制作実績です。その他のサイトは当社の制作実績ではございませんが、デザイン性などが優れているため、事例としてご紹介させて頂きました。制作をされた制作会社様で、掲載の取り消しをご希望の場合は速やかに対処させて頂きますので、当社までご連絡くださいませ。
この記事を書いた人
suzuki
WEBデザイナー/2020年入社/愛知県出身 リーピーで印刷物からWebまでデザインしている。最近もっと運動した方がいいかなと思っている。