NISSUI - OSAKANA BAR
株式会社ニッスイ - 速筋タンパク おさかなバー
https://www.nissui.co.jp/product/brands/osakanabar.html
- デザイン
- ライティング
- コーディング
暮らしに自然と取り入れたくなる、ライフスタイル誌を意識したレイアウト
新商品「おさかなバー」のブランドサイトにて、デザイン・ライティング・コーディングを担当しました。お魚と野菜の恵みがぎゅっと詰まったヘルシーなバーを、日常の中に自然と取り入れたくなるような存在として伝えるため、ライフスタイル誌を思わせる余白を活かしたレイアウトを採用。ブランドの世界観を大切にしながら、健康感と温かみの両方を感じられるデザインを目指しました。
温もりを伝える配色と、遊び心のあるお魚のアニメーション


健康志向だけでなく、日常に寄り添う優しさを伝えるために、ブラウンやベージュを基調とした温かみのあるトーンを採用。アクセントカラーとして商品パッケージのウォームオレンジを差し込みました。冷たい印象にならないよう、写真や背景色に柔らかさを持たせています。また、セクションの区切りにはピチピチと跳ねるスケソウダラのアニメーションを実装し、遊び心も加えました。
食欲をそそるコピーライティングと、見やすい情報設計

商品特長に加えて、「ごはんが進む」「シズル感がある」レシピ名やフレーズを随所に取り入れ、サイトを訪れた人が“食べてみたい”と思えるよう工夫しました。その一方で、栄養価などの詳細情報はシンプルに整理し、ユーザーが迷わず必要な情報にたどり着ける導線を意識。親しみやすさと信頼性の両立を図りました。
