2024 03 06 Wed

商品の魅力を伝える卸売業のHP制作実績:BUDDY.INC様

2024 年 3 月 6 日 by 川

制作実績

BUDDY.INCのサイトイメージ

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

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

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

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

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

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

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

お客様からのご要望

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

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

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

制作のポイント

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

技術的な工夫

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

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

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

デザイン面での工夫

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

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

制作まとめ

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


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

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