商品一覧ページのデザインをリニューアルしました。
これまでのページでは、他の商品と比較検討しやすいようにページ移動がなく、かつ少ないスクロールで比較検討しやすいようにというデザインにしていましたが、それゆえに1商品あたりの説明文が最低限もしくは商品によっては字数が足りないという状態でした。
そこで、説明文の字数に制約をもたせないようにするために、商品一覧ページと詳細説明ページを機能分けしました。
図2のように商品一覧ページでは
1) 銘柄名
2) 商品写真
3) 焙煎度（※従来から表示方法を変更しました）
4) 価格
の表示を掲載しました。多くのお客様が酸味と苦みのバランス(≒焙煎度)と価格で第一段階目の選択をされるため、このようにしました。ページ上から下にかけて浅煎りから深煎りに遷移するようになっています。
そして、この一覧の商品写真または［Detail／より詳しく］のリンクをクリック／タップしていただければ、商品の詳細説明ページに移動するようになっています（図3）。
詳細説明ページでは、一覧ページの内容に加えて、風味説明、産地情報が記載されています。元の一覧ページに戻るには画面右上の［LINEUP ／商品一覧］ボタンをクリック／タップしてください。
今回のデザイン変更は、オンラインショップでのより詳しい商品説明文ありきで、その説明文を当サイトでも適用するため実施しました。
また、焙煎度表示もこれまで焙煎度測定器で測定した結果を掲載していましたが、当店が取扱う焙煎度の範囲の中でどのあたりに位置するのかがわかりづらかったこともあり変更することにしました。具体的には、焙煎終了時の豆温度計の値をもとに当店独自の値に変換して“ROAST LEVEL”として表示しました(図4 赤枠値)。これによって他の豆との相対的な差もわかりやすくなったと思います。
現時点では、ドリップバッグの掲載がまだですが、販売はこれまでどおり行っております。
追ってドリップバッグのページも追加します。→2023.6.9 掲載しました。
Comments