Logo

ワイヤーフレーム

クレジット
Avatar
デザイナー
ワイヤーフレーム-1
シェア

ワイヤーフレーム

1. サイトのコンセプト・ターゲット ターゲット層: トレンドに敏感な10代後半〜20代の女性、自分らしさや可愛さを引き出すコスメを探している層。 デザインコンセプト: 「大人っぽさとピュアな可愛さの共存」。くすみピンクやニュアンスカラーをベースに、洗練された上品さとときめきを感じさせる世界観を構築。 2. レイアウトの工夫と意図(UX/UIのポイント) ファーストビューの視覚的インパクトと世界観の訴求 意図: サイトに訪れた瞬間(0.5秒以内)にブランドの「ピンクの世界観」に引き込むため、モデルのビジュアルやコスメのテクスチャーが映える大判のメインビジュアルを配置。 導線: ページがスッキリ見えるよう情報を削ぎ落とし、初見のユーザーが迷わず新作や「今季の限定コレクション」へ進めるよう、メインのCTAボタンを視線の集まる位置に大きく配置。 情報の階層化と「情緒的価値」の演出 意図: 単なる成分スペックの訴求にとどまらず、そのコスメを使うことで「どんな自分になれるか」を直感的に想像できるセクション順序に設計。 カラー・余白の調整: ピンク特有の「甘すぎる印象」を抑え、十分な余白と細めのフォントウェイトを使用することで、高級感とクリーンさを両立。 購買意欲を高めるスウォッチ(色味)エリアのグリッド設計 意図: コスメECで最も離脱されやすい「色選びの迷い」を解消するため、肌なじみの違いやラメ感が一目で比較できるグリッドレイアウトを採用。タップ・クリックで拡大表示できるワイヤー上のインタラクションを想定。
クレジット
Avatar
デザイナー
シェア
Rの他の作品
画像
作品を見る
毛穴ケア美容液_告知用バナー
画像
作品を見る
キャンドルナイト 告知用バナー
foriio

あなたのforiioを無料で作成

fori.io/
Logo
ワイヤーフレーム-1

ワイヤーフレーム

1. サイトのコンセプト・ターゲット ターゲット層: トレンドに敏感な10代後半〜20代の女性、自分らしさや可愛さを引き出すコスメを探している層。 デザインコンセプト: 「大人っぽさとピュアな可愛さの共存」。くすみピンクやニュアンスカラーをベースに、洗練された上品さとときめきを感じさせる世界観を構築。 2. レイアウトの工夫と意図(UX/UIのポイント) ファーストビューの視覚的インパクトと世界観の訴求 意図: サイトに訪れた瞬間(0.5秒以内)にブランドの「ピンクの世界観」に引き込むため、モデルのビジュアルやコスメのテクスチャーが映える大判のメインビジュアルを配置。 導線: ページがスッキリ見えるよう情報を削ぎ落とし、初見のユーザーが迷わず新作や「今季の限定コレクション」へ進めるよう、メインのCTAボタンを視線の集まる位置に大きく配置。 情報の階層化と「情緒的価値」の演出 意図: 単なる成分スペックの訴求にとどまらず、そのコスメを使うことで「どんな自分になれるか」を直感的に想像できるセクション順序に設計。 カラー・余白の調整: ピンク特有の「甘すぎる印象」を抑え、十分な余白と細めのフォントウェイトを使用することで、高級感とクリーンさを両立。 購買意欲を高めるスウォッチ(色味)エリアのグリッド設計 意図: コスメECで最も離脱されやすい「色選びの迷い」を解消するため、肌なじみの違いやラメ感が一目で比較できるグリッドレイアウトを採用。タップ・クリックで拡大表示できるワイヤー上のインタラクションを想定。
クレジット
Avatar
デザイナー
シェア
Rの他の作品
画像
作品を見る
毛穴ケア美容液_告知用バナー
画像
作品を見る
キャンドルナイト 告知用バナー
foriio

あなたのforiioを無料で作成

fori.io/