2024 03 06 Wed

卸売業のホームページ制作実績・事例|BUDDY.INC様

2024 年 3 月 6 日 by 川

制作実績

卸売業のホームページ制作をご検討中の方へ。

大手雑貨専門店への商品納入を手がけるBUDDY.INC様のサイト制作実績をご紹介します。多様な商品ラインナップを効果的に見せるスライド機能、ブランドカラーを活かしたデザイン、表示速度やアクセシビリティへの配慮など、制作のポイントをまとめました。

卸売業のホームページ制作事例

BUDDY.INCのサイトイメージ

BUDDY.INC
– https://buddy-os.net/

BUDDY.INCのサイトを制作させていただきました。
レスポンシブウェブデザインで、スマートフォンなどにも対応しています。
ウェブアクセシビリティ最適化済み。

弊社テンプレートを元にカスタマイズで作成しています。ヘッダーフッターにイメージである紺色の背景を入れた他、文字色も紺色に変更するなどして、はっきりとしたイメージのサイトになりました。
また、各ページも内容にあわせて一部デザインをカスタマイズいたしました。

事業案内のページでは、さまざまなジャンルの商品を取り扱っていることを見せるため、たくさんの写真を使用しています。

写真のサイズの縦横比がさまざまで、並べることが難しかった為、横スライドで見せるように工夫いたしました。

BUDDY.INCのサイト パソコンサイズのデザイン

BUDDY.INCのサイト スマホサイズのデザイン

リニューアルの経緯

卸売業は、既存の取引関係や紹介によって成り立っていることが多く、ホームページを通じて新規のお客様を集めるという発想を、あまり持たない業種かもしれません。BUDDY.INC様も、日々の営業活動の中心はサイトではなく、これまで築いてこられた取引先との関係にあります。

ただ、取引先の担当者が変わったり、新しく取引を検討する相手先が出てきたりした際には、まず会社名で検索されることがあります。そのときに、企業としての実在性や信頼性がきちんと伝わるかどうかは、目に見えない形で取引に影響することがあります。

BUDDY.INC様も、大手雑貨専門店への商品納入という確かな実績をお持ちでありながら、それを伝える手段が整っていないことに、気づかれました。派手な発信や集客は必要なくても、取引先として恥ずかしくない、きちんとした企業であることが伝わるホームページを整えること。これが今回の制作の出発点でした。

お客様からのご要望

BUDDY.INC様は大手雑貨専門店への商品納入を手掛ける卸売業者です。
北海道から沖縄まで全国各地の取引先に、サンダル・靴・服飾雑貨など様々なジャンルの商品を卸販売されています。

今回のホームページ制作では、以下のご要望をいただきました。

  • 多様な商品ラインナップを効果的に紹介できるデザイン
  • スマートフォンでも見やすく操作しやすいサイト構成
  • 企業イメージである紺色を基調とした統一感のあるデザイン
  • どなたでも使いやすいアクセシビリティへの配慮
  • 更新しやすいシンプルな管理システム

制作のポイント

  • レスポンシブウェブデザインによるマルチデバイス対応
  • ページ表示速度の最適化による快適な閲覧環境の実現
  • ブランドカラーの紺を基調とした統一感と視認性の高いデザイン
  • 多様な商品ラインナップを効果的に紹介するスライド機能の実装
  • ウェブアクセシビリティ最適化による幅広いユーザー層への対応
  • 当社オリジナルデザインテーマをベースにしたコスト効率の良い開発

多様な商品写真を見せるスライド機能の実装

事業案内ページでは、様々な縦横比の写真が多数あり、統一的な表示が課題でした。
この問題を解決するため、横スクロール式のスライダーを実装。これにより、訪問者が多様な商品ラインナップを直感的に把握できるようになりました。

表示速度の最適化とHTML構造の適正化

当社が重視する表示速度の最適化にも注力し、大量の商品画像があっても高速表示を実現。Googleの提唱するコアウェブバイタル(LCP、CLS、INP)にも配慮し、スマートフォンユーザーでもストレスなく閲覧できる環境を構築しました。
ページ表示速度の改善について詳しく見る

また、HTML構造の適正化にもこだわり、適切な見出し構造と意味のあるHTML5セマンティックタグを活用。検索エンジンからの評価向上と、ウェブアクセシビリティの最適化を同時に実現しています。

ブランドカラーを活かした統一感のあるデザイン

BUDDY.INC様のブランドイメージを反映し、ヘッダーとフッターに紺色の背景を配置。
文字色も統一することで視認性の高いデザインに仕上げました。

トップページでは、大きなスライダーで商品の多様性を印象づけ、訪問者の興味を引きつけるデザインを採用。
また、どの端末でも読みやすいよう、フォントサイズとコントラスト比にも配慮しました。

制作まとめ

卸売業という特性を活かし、商品の多様性と質の高さを効果的に伝えるホームページを作成させていただきました。「ユーザーに優しい親切なWebサイト」を目指す当社の理念に基づき、見た目の美しさだけでなく、表示速度アクセシビリティにもこだわった制作となっています。

リニューアルのメリット・効果

紺色を基調とした統一感のあるデザインと、多様な商品ラインナップを一目で伝えるスライド機能により、初めてBUDDY.INC様のサイトを訪れた相手にも、企業としてきちんとした印象を持ってもらえるようになりました。取引先の担当者が会社名で検索した際、「この会社なら安心して取引できる」と感じてもらえる状態が整っています。

表示速度の最適化やウェブアクセシビリティへの配慮も行ったことで、見た目の印象だけでなく、サイトの基本的な品質という面でも、取引先として安心して付き合える企業であることが伝わりやすくなりました。

積極的な集客や販促を目的としなくても、必要なときに恥ずかしくない状態であること。それ自体が、BtoBの取引においては確かな価値になります。

卸売業のホームページ制作で大切なこと

卸売業のホームページは、一般消費者向けのサイトとは求められる役割が異なります。取引先のバイヤーや仕入れ担当者に対して、取扱商品の幅広さと品質、供給体制の信頼性を伝えることが最も重要です。

商品点数が多い卸売業では、商品カテゴリの整理と写真の見せ方がサイトの印象を大きく左右します。また、BtoBのサイトだからこそ、表示速度やスマートフォン対応といった基本的な品質がしっかり整っていることが、企業としての信頼感につながります。

流楽では、卸売業をはじめ様々な業種のホームページ制作を手がけてきました。取引先に対して自社の強みをしっかり伝えるサイトをお考えでしたら、お気軽にご相談ください。


お客様のビジネスモデルに合わせた最適なWebサイトをご提案しています。
これまで、卸売業、小売業、サービス業、ECサイトなど、業種・業態に応じた様々な実績があります。

▶ ホームページ制作実績の一覧を見る
 https://www.ryu-raku.co.jp/webdesign/works.html

▶ ホームページ制作の進め方について
 https://www.ryu-raku.co.jp/webdesign/shinki.html

ホームページの制作やリニューアルをご検討中でしたら、お気軽にご相談ください。

ホームページ制作について、関連する実績もあわせてご覧ください。