お問い合わせ

©2024 AI MORITA PORTFOLIO ALL RIGHTS RESERVED

Niki Haskap
Landing Page

  1. Home
  2. 作品集
  3. ニキハスカップ

デスクトップ画面

Information

地域に根差した特徴のあるプロダクトを広め、コンバージョンを高めるLPを目標に、自主制作しました。
使用食材の情報を適切に盛り込むことでユーザーが製品に魅力を感じ、
果物農園のECサイトでの購入に繋がるという流れを意識して制作に当たりました。

クライアント
仁木フルーツファーム
作業内容
コンセプト設計 / デザイン
制作時期
2024年9月
制作期間
20時間(設計2時間 / デザイン18時間)
使用ツール
Photoshop / Figma / Adobe Firefly
表示サイズ
PC(1920px) / TB(768px) / SP(375px)

Concept

サイトコンセプト

『美味しいうえに美と健康にも嬉しい!新しいハスカップブランド』

ユーザーに届けたいストーリー

NIKIハスカップは、美容と健康に対する意識の高い女性をメインターゲットに、
毎日の食生活に手軽にハスカップを取り入れていただけるよう、
仁木フルーツファームが新たに作ったハスカップブランドです。
ブルーベリーに似た見た目だけれど今一つ違いがわからない、
どんな味かも馴染みのない方にとっては冒険が必要なフルーツです。
そこでハスカップとはどんな果実なのか、どんな効果が期待できるのかを丁寧に伝え、
NIKIハスカップでぜひその味を試したいと思ってもらえるよう、適切に情報を配置することを意識して制作しました。

Design

デザインコンセプト

ハスカップはブルーベリーと混同されがちですが、
果実は細長い形をしていて果肉は赤みが強いなど、見た目に特徴があります。
そこで、サイトを通してハスカップを印象づけられるよう、
赤紫色のカラーリングにしました。
シンプルな画面構成で、製品が魅力的に映るようデザインしました。

フォント

ターゲットにハスカップや製品の情報を届けることを意識して、
見出しと本文共に可読性の高いセリフ体を選びました。
見出し用の英語フォントにはPrata、
本文は特に可読性を意識したNoto Serif JPを使用。
美容と健康への意識が高い女性に向けてブランドイメージを高めるため、
オーソドックスで品の良い印象づくりを心がけました。

Serif:
Prata
Serif JP:
Noto Serif JP

配色

ハスカップの特徴的な果肉の色である赤紫色をアクセントカラーとして、
ハスカップを強くユーザーに印象づける紫のワントーン配色にしました。
一方で製品紹介のセクションには白の余白を多めにとることで、
製品がより目立つよう配慮しました。

ベース
ベースカラーの白色
#FFFFFF
メイン
メインカラーの紫色
#6C3573
アクセント
アクセントカラーの赤紫色
#5CCD20
本文テキスト
本文テキストの黒色
#310322

トップページのスマートフォン版デザイン

トップページのタブレット版デザイン

トップページのフルサイズデザイン