概要
ホットヨガスタジオLAVA公式オンラインストアにて展開されている、プレミアムサプリメント
「Suiso Bijin Premium」の商品紹介ページにて、デザインおよびコーディングを担当しました。
水素や乳酸菌発酵エキス、シルクパウダーなど美容と体調管理を意識した成分を配合した商品の特長が、
初めてのユーザーにも直感的に伝わるよう、情報構成と視認性を重視した設計としています。
成分・使用方法・商品の魅力を段階的に理解できる構成で、購入検討時の不安を軽減する商品体験を目指しました。
URL
https://store.yoga-lava.com/shop/e/esuisobijin-premium/
担当
デザイン / コーディング
制作期間
デザイン：1週間
デザインについて
デザインコンセプト
ナチュラル＆クリアな情報体験
視認性と分かりやすさを重視した情報設計
商品特長・成分・使用方法といった重要情報を整理し、スクロールしながら自然に理解できる構造に設計。 写真やアイコンを取り入れることで、テキスト中心になりがちなサプリメントページでも視覚的なリズムを持たせています。
ブランドトーンを活かしたビジュアル設計
リニューアルパッケージに使用されている深みのある藍色をキーカラーに採用し、 上質感と落ち着きを感じさせるトーンで統一。 余白を活かしたクリアなレイアウトにより、商品のプレミアム感と信頼性を視覚的に表現しました。
レスポンシブファーストのUI設計
スマートフォン・タブレット・PCすべてのデバイスで快適に閲覧できるレスポンシブ設計を採用。 成分表や使用方法など細かな情報も読みやすくなるよう、文字サイズや行間を調整しています。