*掲載している作品は全て架空です

© 2026 SHOMA ITO All Rights Reserved.

03

SCROLL

Silent Veil ファーストビュー

SILENT. VEIL.

URL:silentveil.itoshoma.tech

制作概要

架空フレグランスブランド「Silent Veil」のブランドLPです。主力のアイリスの香りを、嗅ぐ前から感じてもらうことを狙いました。このデザインの中心にあるのは、「静けさ」です。

工数:約10日

使用ツール・言語:Figma VSCode HTML CSS jQuery

目的と対象

スペック競争からは距離を置き、「静けさは日常に余白をつくる時間」という立ち位置を明確にしました。世界観を提示したうえで共感を積み上げ、初回購入のハードルを下げながら指名買いへの転換を狙う流れです。

現状課題

無名の新規ブランドでは、写真だけで香りの世界観を伝えるのは簡単ではありません。嗅覚に頼らず、「上品な静けさ」を視覚だけでどう伝えるか。これが最大の課題でした。

ターゲット

想定したのは30代前後の女性です。声高な高級感より、「静けさ・余白」に上質さを感じる層を意識しました。香りを自分を整える時間として大切にし、忙しい日常でふと深呼吸できるひとときを求めている方々です。

コンテンツ設計

ファーストビューでまず世界観を視覚的に見せます。続けて香りの言語化とブランドストーリーで理解と共感を積み上げ、初回20%OFFのCTAへ迷いなくつなげる構成にしました。

意匠設計

ラベンダーと霧のグラデーションで「静けさ」を翻訳しました。明朝体の縦組みと大きな余白で、香水らしい高級感を表現しています。淡い配色でもコントラストは確保し、控えめなスクロール演出で没入感をつくりました。

Silent Veil 実装イメージ
作品一覧に戻る