ザラザラの背景

{ LP - スクール課題 }

NachuRa

メインビジュアルのpcとスマホそれぞれのモックアップが横に並んだ画像

概要

【グルテンフリースイーツ専門店】NachuRaの架空ランディングページを制作しました。
nests Digital Creative Academyにて提示された課題です。

目的

  • - 商品の購入

ターゲット

  • - 年齢:20代後半~30代
  • - 性別:女性
  • - 居住地:関東近郊
  • - その他:グルテンフリーのお菓子が身近ではない。最近になって健康を意識しだしたけど、そこまで本気になっていない。罪悪感の少ないお菓子を探している。

情報設計

キャッチコピーに対する疑問を次のセクションで解消できるように説明を入れ、離脱率を防げるように設計しました。信頼感を高めるために製造者の顔と経歴を掲載。商品の下に購入ボタンを配置し、店舗情報も記載することでオンライン・オフライン両方での購入できるという安心感を感じてもらう構成にしました。

デザイン

バナーとの一貫性を保つために全体のカラーを3色に限定しました。セクションの境界を緑の波状で繋げることで「ゆるさ」を表現し、自然なスクロールになるように意識しました。写真はオレンジ色の強い温かみのあるものを選び、柔らかい印象と親しみやすさを感じてもらえるようにしました。パティシエと店舗のセクションはそれぞれ葉っぱをイメージし、視覚的なメリハリをつけています。

カラーパレット サイトのスクリーンショットが並んだ画像

製作範囲・期間

  • 2023/9 - 2023/10 (2ヶ月)
  • 構成・デザイン:2023/9 - 2023/9 (2週間)
  • コーディング:2023/10 - 2023/10 (1ヶ月)

使用ツール

photoshop / illustrator / visual studio code / xd

制作詳細

ポートフォリオ内に収めきれなかった情報をNotionにて補足しています。
Notion : https://ebony-crustacean-4f0.notion.site/Nachura-13f0bf616e73446195a931ec8cfadb76

サイト全体のスクリーンショット。pc版 サイト全体のスクリーンショット。スマホ版

OtherWork