本文へ移動する
06-7777-3960受付 月〜土 9:00〜18:00
無料で相談する→

サービス何をつくるかは、話してから決めましょう。

サービス一覧を見る

UX公開

青森の漬込み水産品通販|具材の違いを伝え、容量を選べる案内にする

この記事で分かること

青森の漬込み水産品の直営店を例に、具材の特徴と容量の選択を分ける通販の案内を説明。商品名・特徴・容量がつながり、選んだ商品を確かめられる構成を考えます。

読み方
青森の漬込み水産品通販|具材の違いを伝え、容量を選べる案内にする

漬込み水産品の通販では、具材の組合せが違う商品と、同じ商品の容量違いが並ぶことがあります。選ぶ方には、どんな具材の特徴がある商品かを伝え、その商品で容量を選べる順番を用意すると、好みと必要な量を考えやすくなります。

具材の特徴と、容量を別の情報にする

青森市のヤマモト食品が運営する直営店の特撰ねぶた漬250gのページは、数の子を多く使った特徴を説明し、内容量を別の項目で示しています。また、同シリーズの一覧には、250gや500gなど容量別の商品も並びます。具材の特徴と、買う量の選択は別の情報として考えられる例です。

自店の一覧でも、まず何が違う商品かを短く示します。具材の種類が違うのか、特定の具材を多く使っているのか、それとも中身は同じで容量だけが違うのか。現在の商品資料を並べると、商品名の近くに足したい説明を選べます。

「特撰」「おすすめ」といった名前だけでは、違いの中身が伝わらないこともあります。確認できる商品の特徴を短い一文で添え、詳しい説明へ進めます。増量率などの数字を載せる場合は、何と比べた数値かを含め、現在の資料に合うことを確かめてから使います。

具材の特徴と容量の違いを分けて考える模式図
商品選びの二つの観点を示す説明用の図です。具材の割合、重さ、実際の容器を比較した図ではありません。

気になった商品で、容量を選べるようにする

商品の特徴を読んだ方が、そのまま容量を確かめられる配置にします。商品ページで選ぶ方法でも、容量ごとのページを並べる方法でも、どの商品について量を選んでいるかが見えることが大切です。

たとえば、一覧では具材の特徴を添えて商品を紹介し、詳細にはその商品の容量を並べられます。容量が別ページになっているなら、「この商品の別容量を見る」という入口を置く方法もあります。違う具材の商品へ移るリンクと、同じ商品の容量を替えるリンクを、名前で見分けられるようにします。

写真も、何を比べてもらうかをそろえます。具材の違いを伝える写真は、それぞれの商品で特徴が分かるものを選びます。容量の案内には、選んだ容量の包装が分かる写真を対応させます。同じシリーズだからと一つの写真で済ませる前に、現在の写真がどちらの説明をしているかを見ます。

具材の特徴から商品を選びその商品の容量を確かめる順番の模式図
一覧から容量を選ぶ構成の一例です。実際の商品名、容量の数、購入画面を示すものではありません。

購入する場所では、商品名と容量を続けて読めるようにします。特徴を読んだ商品と、選んだ容量の名前・写真が合っているかを確かめます。容量だけを大きく見せるより、何をどれだけ選んだかが分かる案内になります。

制作前には、販売中の商品一覧と、種類・容量ごとの資料を用意します。同じ中身を容量別に登録しているのか、具材の違いも別商品として扱っているのかを、販売担当者と整理します。その関係が分かると、一覧のまとめ方、リンク名、写真を足す範囲を具体的に相談できます。

最初からすべてを新しく作る必要はありません。今の商品名へ特徴の一文を添える、同じ商品の別容量へつなぐ、購入場所の名前と写真を合わせるなど、迷う場所から直す方法があります。

Bämの通販・ECサイト制作では、商品と売り方をもとに構成や原稿を整理します。青森市のホームページ制作・改善のご案内から、具材の特徴と容量を選びやすくする通販ページをご相談いただけます。

参考資料

資料確認日:2026年10月24日。公開ページは商品の説明と選び方の構成例として参照しています。図は説明用で、実際の商品の配合・内容量・容器・販売状況を示していません。

次の一歩読んだあとに

会社の場合も、考えてみませんか。

この内容を相談する→

ホームページ制作サービスを見る →

この記事を書いた人

Bäm[バム]運営事務局株式会社みやあじよ

株式会社みやあじよの担当者が、調査、執筆、編集、公開前の確認を行います。出典・数字・固有名詞・リンク・読みやすさを、公開の前に人が確かめます。

調べて、書いて、確かめてから公開します記事について連絡する

無料で相談する →