よいえもんのパッケージとECサイト

よいえもん

酢酸菌サプリメントのパッケージとECサイト

Role
Package / Web design, Markup
When
2025.6~
Platform
SHOPLINE

お酒を飲む機会の多い働く大人に向けた、酢酸菌酵素のサプリメント「よいえもん」。パッケージとECサイトのデザイン、SHOPLINEでのサイトの実装を担当しました。制作会社GiFTのプロジェクトとして参加しています。

二日酔い対策のサプリは、軽いトーンの見せ方になりやすい分野です。仕事で飲む人に信頼してもらえるよう、和の落ち着いたトーンで、パッケージとサイトの見え方をそろえました。

01

Packageパッケージ

深い緑に、富士山と梅の花をあしらったパッケージです。健康食品らしさに寄りすぎず、手に取ったときに落ち着いた本物感が伝わるデザインにしました。

ラフの段階では、商品名の書体や色、和柄のパターンを変えながら案を広げ、その中から今の方向性に絞り込みました。

よいえもんのパッケージ
パッケージのラフ案(書体と色の検討)
パッケージのラフ案(和柄の検討)

ラフ案

02

WebsiteECサイト

サイトもパッケージと同じ緑と和のモチーフでまとめています。ブランドの想い「明日も頑張る戦士たちに」から、成分の説明、利用者の声、商品情報へと読み進めるうちに、購入前の疑問に答えられる構成にしました。

よいえもんECサイト PCのトップページ
トップページ(PC)
よいえもんECサイト スマホのトップページ
トップページ(SP)
よいえもんECサイト スマホの商品ページ
商品ページ(SP)

03

Build実装と運用

SHOPLINEの既製テーマをもとに、ヒーローや利用者の声などのセクションを作成しました。商品説明と商品情報の表は共通のセクションにして、トップと各商品ページで同じ内容を使えるようにしています。更新の手間が減り、表記もずれません。

原材料や栄養成分、注意事項は画像にせず、テキストで載せています。7包・30包の定期購入にはSHOPLINE標準の機能を使いました。公開後も、商品ページの修正やキャンペーンバナーの差し替えなどの更新を続けています。

Back to TOP