通販サイト・ネットショップの制作をご検討中の方へ。
八丈島の健康食品「あした葉」を全国にお届けする八丈あした葉様の通販サイトリニューアル実績をご紹介します。生産者の顔が見えるデザイン、複数商品ラインの比較しやすい表示、初回購入者の不安を解消する情報設計など、通販サイトならではの制作ポイントをまとめました。
通販サイトの制作事例

八丈あした葉
※公開終了
八丈あした葉のトップページをリニューアルをさせていただきました。
従来よりもコンテンツの横幅を広げ、950ピクセルへとサイズアップしました。
リニューアルの経緯
八丈島という離島で育てられた特産品を、全国のお客様に届ける通販サイトには、独特の距離感があります。実物を手に取れないだけでなく、「誰が、どんな環境で育てているのか」を想像しにくい遠い産地であるほど、お客様が抱く漠然とした不安は大きくなります。
また、「八丈島のあした葉だよ製品」と「JA八丈島支店製品」という、似て非なる複数の商品ラインを展開されていましたが、これらの違いが分かりにくいままでは、お客様はどちらを選べばいいのか迷ってしまいます。せっかく選択肢があっても、違いが伝わらなければ、購入の決断を後押しできません。
八丈あした葉様は、遠い産地であることの不安を「顔が見える安心感」で払拭し、複数の商品ラインの違いも分かりやすく比較できる、初めての方にも安心なトップページを求めておられました。
お客様からのご要望
八丈あした葉様は、八丈島で大切に育てられた健康食品「あした葉」を全国にお届けされている地域特産品事業者です。
八丈島の豊かな自然環境で育まれたあした葉は、栄養価が高く健康効果に優れた貴重な農産物として、多くの健康志向のお客様に愛され続けています。生産者の顔が見える安心・安全な商品づくりと、お客様との信頼関係を大切にされた事業展開を行われています。
今回のトップページリニューアルでは、以下のご要望をいただきました。
- サイトの情報表示量を増やし、より詳細な商品情報を提供したい
- 生産者の顔が見える安心感のあるサイト設計による信頼性向上
- 複数の商品ラインナップを分かりやすく整理した商品表示
- 初回購入者にとって分かりやすい購入案内の充実
- お客様の声や購入方法の詳細情報を効果的に配置
- 八丈島という地域ブランドの魅力を効果的にアピール
制作のポイント
- トップページのメインビジュアルに生産者の写真を配置し、「顔が見える安心感」を一瞬で訴求
- コンテンツ横幅を950pxに拡張し、商品情報・お客様の声・購入ガイドの情報量を大幅に増加
- 「八丈島のあした葉だよ製品」と「JA八丈島支店製品」を一列表示し、商品の違いを比較しやすく
- お客様の声・支払い方法・送料情報を新たに充実させ、初回購入のハードルを下げる設計
- 八丈島の自然環境と生産者のこだわりが伝わるビジュアルで地域ブランドの価値を訴求
- 健康食品の年齢層の高いお客様にも使いやすいシンプルで分かりやすいレイアウト
技術的な工夫
ユーザーファースト設計による最適化
健康食品を検討されるお客様が詳細な商品情報を快適に閲覧できるよう、商品画像の最適化、効率的なレイアウト設計、スムーズな情報アクセスを実現するコード最適化により、特に年齢層の高いお客様にも使いやすいサイトを構築しています。また、様々な環境でアクセスされる方々にとってストレスなく商品情報を取得できる設計を実装しています。
商品比較・選択支援システムの実装
「八丈島のあした葉だよ 製品」と、「JA東京島しょ八丈島支店 製品」を一列で表示し、商品の違いがわかりやすくなるよう変更しました。各商品の特徴、価格、内容量などを比較しやすい表示形式により、お客様が自分のニーズに最適な商品を選択できるようにしています。
コンテンツ設計の工夫
ビジュアル表現へのこだわり
八丈島の特産品としての信頼性と親しみやすさを効果的に表現するため、トップページのメインビジュアルには、あした葉を育てられている生産者の方の写真を掲載させていただきました。顔が見えることで、サイトを訪れた方が親しみを感じ、安心していただけるよう配慮しています。八丈島の豊かな自然環境と、そこで丁寧に農作物を育てる生産者の想いを視覚的に伝えることで、商品への信頼感と愛着を醸成する効果的なブランディングを実現しています。
コンテンツの整理と階層構造
購入される方がより関心を持つお客様の声や、支払い方法や送料についても新たに充実して掲載し、八丈あした葉の魅力をしっかりと伝えながら、商品の購入面でも初めての方にわかりやすいページを心がけました。健康食品という特性上、効果や安全性に関する詳細な情報提供、実際の利用者による体験談、購入から配送までの流れなど、初回購入者が知りたい情報を段階的に提供する情報設計を行っています。八丈島という地域ブランドの価値と、あした葉という健康食品の価値を両立して伝える構成としました。
制作まとめ
八丈あした葉のトップページリニューアルは、地域特産品としての信頼性と健康食品としての価値を効果的に表現したサイトに仕上がりました。コンテンツ幅の拡張と3カラム構成の採用により、豊富な商品情報と購入支援情報を分かりやすく整理し、初回購入者にも安心してご利用いただける環境を構築しています。
生産者の顔写真を効果的に配置することで、八丈島の豊かな自然と丁寧な農作業への信頼感を演出。複数商品ラインの比較しやすい表示により、お客様のニーズに応じた最適な商品選択をサポートしています。
お客様の声、支払い方法、送料などの購入関連情報の充実により、健康食品購入時の不安を解消し、八丈島の特産品「あした葉」の魅力を全国のお客様に効果的に伝える、信頼性の高い地域ブランドサイトを実現しました。
リニューアルのメリット・効果
トップページのメインビジュアルに生産者の写真を配置したことで、離島という遠い産地であることの距離感を、「顔が見える安心感」へと変えられるようになりました。誰がどんな想いで育てているのかが一瞬で伝わり、初めて商品を知った方でも親しみを感じてもらえる設計が整っています。
「八丈島のあした葉だよ製品」と「JA八丈島支店製品」を一列で比較できる表示にしたことで、似ている複数の商品ラインの違いが分かりやすくなり、お客様が自分のニーズに合った商品を迷わず選べるようになりました。選択肢の多さが、購入の妨げではなく、納得感につながっています。
お客様の声や支払い方法、送料といった購入関連情報を充実させたことで、初めて八丈あした葉を購入する方が抱きがちな、実物を手に取れないことへの不安を、事前に解消できるようになりました。コンテンツ幅の拡張により情報量も増え、安心して購入を決断できる環境が整っています。
通販サイトの制作で大切なこと
通販サイトは、お客様が実物を手に取れない分、サイト上でどれだけ「安心感」を作れるかが勝負です。特に食品や健康食品の通販では、「どこで、誰が、どんなこだわりで作っているのか」が購入の決め手になります。商品スペックだけを並べても、お客様の「買いたい」という気持ちには届きません。
初めて通販で商品を購入するお客様は、商品の品質だけでなく、送料、支払い方法、届くまでの日数、返品できるかどうかなど、購入プロセスに関する不安を多く抱えています。こうした不安を一つずつ解消する情報を丁寧に掲載することで、「ここなら安心して買える」という信頼感が生まれます。
八丈あした葉様のケースでは、トップページに生産者の写真を大きく掲載し、「顔が見える安心感」を最初に伝える設計にしました。複数の商品ラインを一列で比較できる表示にして選びやすさを向上させ、お客様の声や購入ガイドを充実させて初回購入の不安を解消。八丈島という地域ブランドの魅力と、あした葉という健康食品の価値を両方伝えるサイトに仕上がっています。
流楽では、食品通販をはじめ様々な業種の通販サイト・ネットショップ制作を手がけてきました。「商品のこだわりをもっと伝えたい」「初めてのお客様にも安心して買ってもらいたい」とお考えでしたら、お気軽にご相談ください。
お客様のビジネスモデルに合わせた最適なホームページをご提案しています。
通販サイト、ECサイト、ネットショップなど、業種・業態に応じた様々な実績があります。
ホームページの制作やリニューアルをご検討中でしたら、お気軽にご相談ください。
【関連記事】


