ザラザラの背景

{ LP - 自主制作 }

kafu

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

概要

架空のお香ブランド「kafu」のサイトを製作しました。

目的

  • - 販売促進と収益増加
  • - ブランドの認知度向上
  • - お香を生活の一部に取り入れてもらう

ターゲット

  • - 日々のストレスから抜け出したい20代女性
  • - 気軽に気分転換のできる商品を求めている

情報設計

ブランドの思いをリード文に込め、ユーザーがポジティブな感情を抱きながらスクロールできるように構成。写真を多く配置することで感情に訴えかけ、ブランドの世界観や理念を段階的に深く理解してもらえるよう構成しています。全体的に文字数を抑えることで視覚的な魅力が伝わりやすくなり、移動時間でも手軽に目を通していただけるよう配慮しました。

デザイン

煙が漂うようなイメージを表現するために要素を不規則に配置しました。メインビジュアルでは心に響くキャッチコピーと部分的に隠した画像でスクロールを促します。ビジュアル的なインパクトとテキストで癒し効果を伝えることで、視覚とメッセージの両方で効果的に情報を届けます。お布団などの写真を使用し、リラックスした雰囲気を強調。Missionでは、お香の煙が心に入り込む様子を表現しました。

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

製作範囲・期間

  • 2024/7 - 2024/9 (3ヶ月)
  • 企画・デザイン:2024/7 - 2024/8 (1ヶ月)
  • コーディング:2024/8 - 2024/9 (2ヶ月)

使用ツール

photoshop / illustrator / visual studio code / figma

制作詳細

ポートフォリオ内に収めきれなかった情報をNotionにて補足しています。
Notion : https://www.notion.so/kafu-642c2f4edebf423592c3959da50fe18c

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

OtherWork