NEWS & COLUMN
お知らせ・コラム
SCROLL
DESIGN
WEBデザインの参考にできる食品関係のECサイト8選
2022
.08.02
新型コロナウイルス感染症の拡大に伴い、外出を控えるユーザーが増加し、ECサイトの市場規模は拡大を続けています。生活必需品や家電・家具等の様々なジャンルのECサイトがある中で、近年は食品関係のECサイトも注目されており、美味しい食べ物や飲み物を取り寄せて自宅で楽しむ方も増えてきています。
今回は、そんな食品関係のECサイトの中から、WEBデザインの参考にできるホームページを8つご紹介します。
【目次】
1. BRANCHÉ CHOCOLAT
2. 粥粥好日
3. UNBUNDLE
4. たんど〜る
5. (NO) RAISIN SANDWICH
6. 本家尾張屋
7. 藤田食品
8. らっきょう専門店とまりのつけもの
9.今回のまとめ
BRANCHÉ CHOCOLAT
こちらは、英語を大きく配置していることが特徴的な、インパクトのあるホームページです。
所々にチョコレートのテクスチャーを用いることにより、シズル感が感じられるWEBデザインとなっています。
粥粥好日
こちらは、療養食として食べられていたお粥を、ワクワクする日常食へイメージチェンジすることを目的としており、爽やかでポップな印象が感じられるホームページです。
パステル調のピンクとグリーンを用いた配色により、若い年代の女性好みのWEBデザインとなっています。
UNBUNDLE
こちらは、モノクロの写真を使用することでモダンな雰囲気を感じることができるホームページです。
多くを語りすぎず、写真を大きく使用することにより、ユーザーの感性に訴えかけるWEBデザインとなっています。
たんど〜る
こちらは、焼き菓子の色に合ったベージュやオレンジを用いた配色により、柔らかさやあたたかさを感じることができるホームページです。
お菓子の切り抜き写真やデザイン性が高い欧文フォントを使用することで、可愛らしい印象も感じられるWEBデザインとなっています。
(NO) RAISIN SANDWICH
こちらは、商品説明の文字が背景に固定されており、スクロールに合わせて商品画像が表示される奇抜なアニメーションを取り入れたホームページです。
ただ複数の写真を配置するだけでなく、スクロールによって次々と表示される仕組みとなっているため、見ていてワクワクするWEBデザインとなっています。
本家尾張屋
こちらは、お品書きレシピが多数アップされていることにより、購入後の調理の参考にできるため、ユーザーが商品を手に取りやすくなっているホームページです。
また、商品を用いて調理された写真を複数取り入れることにより、ユーザーに食べてみたいと思わせることができるWEBデザインとなっています。
藤田食品
こちらは、明朝体とゴシック体の使用比率や、切り抜き写真の使用等により、幅広い年齢層が親しみやすさを感じることができるホームページです。
水や大豆などの写真を使用することで、素材にこだわりを持っていることがユーザーに伝わるWEBデザインとなっています。
らっきょう専門店とまりのつけもの
こちらは、「産地から選ぶ」や「味から選ぶ」など、数ある商品の中からユーザーが求めている商品を探しやすい絞り込み機能が特徴となっているホームページです。
イラストや切り抜き写真、角丸のオブジェクトを使用することにより、可愛らしさと親しみやすさを感じることができるWEBデザインとなっています。
今回のまとめ
数多く存在するECサイトの中から、ユーザーに自社商品を選んでいただくために、ホームページを見ていて実際に食べたいと感じることができるWEBデザインにする必要があります。そのために、商品を用いたレシピの掲載や、商品を選びやすくする絞り込み機能など、様々な工夫を施したホームページにしましょう。その際に、今回ご紹介したホームページをぜひ参考にしてみてください。
