Facebook 【HerTech架空案件】美容化粧品紹介
Logo

【HerTech架空案件】美容化粧品紹介

クレジット
Avatar
WEBデザイナー
【HerTech架空案件】美容化粧品紹介-1
シェア
制作ノート
制作について

* 情報設計の全体像

ユーザーの心理変容に合わせ、以下の項目を工夫しました。

・ブランドが大切にする「自分らしさ」を言語化し、情緒的な繋がりを構築。

・3つの具体的なメリット(持続性、発色、保湿)を視覚的に解説。

・ 詳細スペックを提示し、スムーズな購入導線へ誘導。

*デザインのこだわり

セクションごとのリズム: 写真とテキストの配置を左右交互に入れ替える(Z型配置)ことで、長いページでも飽きさせず、自然に視線を下へと誘導するレイアウトを採用しました。

余白の活用: 高級感と「うるおい」という清潔感を表現するため、セクション間に十分なホワイトスペースを確保。ゆったりとした閲覧体験をデザインしています。

装飾の統一感: ポイントセクションでは、バナーでも使用した円形のモチーフや、リップのテクスチャを想起させるブラシアシライを使用し、ブランドのアイデンティティを強化しました。

ターゲットへの配慮: 仕事もプライベートも充実させたい働く女性が、忙しい合間にも自分をケアできることをイメージしました。

成果への意識: ページ最下部のCTA(購入ボタン)には、背景色よりも一段階濃いピンクを使用し、視認性とクリック率を高める工夫をしています。

*使用ツール*Figma

シェア
NATSUMIの他の作品
画像
作品を見る
ソロキャンプ YouTubeサムネイル
画像
作品を見る
夏のひんやりスイーツフェア
foriio

あなたのforiioを無料で作成

fori.io/
Logo
【HerTech架空案件】美容化粧品紹介-1
NATSUMIの他の作品
画像
作品を見る
ソロキャンプ YouTubeサムネイル
画像
作品を見る
夏のひんやりスイーツフェア
foriio

あなたのforiioを無料で作成

fori.io/