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

© 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

目的と対象

品質や上品さを大切にしたい20代・30代の女性
強い香りで主張するより、さりげない印象づけを好む方

現状課題

これまで新商品のLPで宣伝するも、商品の認知度や集客力が向上せず、成果に繋がらない。

ターゲット

30代前後の女性
声高な高級感より、「静けさ・余白」に上質さを感じる方
忙しい日常でひと呼吸できるひとときを求めている方

コンテンツ設計

「静けさのある香り」言葉をコンセプトに設計いたしました。口コミ調査やマインドマップから「漂う感じ・夜の空気感・気づいたら惹かれている」といった連想語を洗い出しました。有名ブランドが強い香水市場の中でサイレントヴェールが持つ独自の「後から香る」といった特長が伝わるよう、独自のピラミッド構造を第一セクションとしてストーリーの骨格に採用しております。「特長→成分説明→商品ラインナップ」順にストーリーを構成し、商品への安心と信頼を感じてからご購入いただく導線で設計しております。また、「初回20%OFF」のCTAボタンを興味が出た時点で押せるよう各セクションに配置し、同時に体験購入のハードルを下げる工夫を行っております。

意匠設計

ターゲットや商品の特徴から、スマートフォンでの閲覧がほとんどであると想定し、スマートフォン特化型のデザインを採用しました。配色のコンセプトについて、テーマである「静けさ×アイリス×纏う香り」からベース、メインカラーを紫色と霧のグラデーションで設定し、「気品や淑女」といった連想からアクセントカラーにゴールドを採用しております。淡い配色のままでは視認性が犠牲になりやすいため、明度差を意識的に確保し、控えめな没入感の中でも情報が読み取れるよう配慮しました。フォントについては「ほんのり香る」雰囲気が伝わるよう明朝体やセリフ体を採用し、ジャンプ率を変えるなど可読性を意識して調整しております。

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