You need to enable JavaScript to run this app.
share
シェア
自然の恵みを伝えるスキンケアブランドのECサイトデザイン
作品について
クレジット
help
kota
デザイナー
コーディング
自然の恵みを伝えるスキンケアブランドのWebサイトデザイン
Created with Figma
https://nature.figma.site/
share
シェア
link
link
コピー
code
埋め込み
閉じる
close
kota
自然の恵みを伝えるスキンケアブランドのECサイトデザイン
自然由来の成分や製品の品質を重視する顧客層に向けた、スキンケア製品の認知度向上とECサイトへの誘導を目的としたWebサイトデザインです。(Figmaプロトタイプ) 🎯 目的とターゲット層 本サイトは、30代以降の美容意識の高い女性を主要なターゲットとし、製品の「安全性」「天然由来の成分」「肌への効果」を情緒的かつ論理的に伝えることを目的としています。 💡 デザインコンセプトと訴求戦略 「自然との調和」と「優しさ」を感じさせる、クリーンで信頼感のあるデザインを目指しました。 トーン&マナーの統一: メインカラーには、自然や安心感を連想させるアースカラー(淡い緑やベージュ、白)を基調とし、ブランド全体にクリーンで優しい雰囲気をもたせました。 余白(ホワイトスペース)を多用することで、情報の視認性を高めつつ、上質で余裕のあるブランドイメージを演出しています。 情緒的な訴求: ヒーローセクションでは、製品のボトルだけでなく、自然の光や植物のテクスチャを組み込んだビジュアルを使用し、製品の持つ「自然の恵み」というストーリー性を強調しています。 情報伝達の工夫: 製品成分や開発ストーリーなどの詳細情報を、読みやすいフォントとシンプルなアイコンで整理し、初めて訪れたユーザーでも安心して情報を得られるよう配慮しました。
クレジット
help
kota
デザイナー
コーディング
share
シェア
link
link
コピー
code
埋め込み
kotaの他の作品
画像
image
visibility
作品を見る
高級抹茶ドリンクのプロモーションバナー
ウェブ
language
visibility
作品を見る
営業効率を最大化するSaaS製品「Sales Booster...
ウェブ
language
visibility
作品を見る
自然由来バームの安心感を訴求するランディングページ(LP)デ...
あなたのforiioを無料で作成
fori.io/
無料で使ってみる
利用規約
プライバシーポリシー
情報セキュリティ基本方針
特定商取引法
©2026 foriio, Inc
Made with
❤️
from Tokyo
kota
fori.io/ktmts-design
content_copy
コピー
ポートフォリオを無料で作成
ログイン
自然の恵みを伝えるスキンケアブランドのWebサイトデザイン
Created with Figma
https://nature.figma.site/
kota
自然の恵みを伝えるスキンケアブランドのECサイトデザイン
自然由来の成分や製品の品質を重視する顧客層に向けた、スキンケア製品の認知度向上とECサイトへの誘導を目的としたWebサイトデザインです。(Figmaプロトタイプ) 🎯 目的とターゲット層 本サイトは、30代以降の美容意識の高い女性を主要なターゲットとし、製品の「安全性」「天然由来の成分」「肌への効果」を情緒的かつ論理的に伝えることを目的としています。 💡 デザインコンセプトと訴求戦略 「自然との調和」と「優しさ」を感じさせる、クリーンで信頼感のあるデザインを目指しました。 トーン&マナーの統一: メインカラーには、自然や安心感を連想させるアースカラー(淡い緑やベージュ、白)を基調とし、ブランド全体にクリーンで優しい雰囲気をもたせました。 余白(ホワイトスペース)を多用することで、情報の視認性を高めつつ、上質で余裕のあるブランドイメージを演出しています。 情緒的な訴求: ヒーローセクションでは、製品のボトルだけでなく、自然の光や植物のテクスチャを組み込んだビジュアルを使用し、製品の持つ「自然の恵み」というストーリー性を強調しています。 情報伝達の工夫: 製品成分や開発ストーリーなどの詳細情報を、読みやすいフォントとシンプルなアイコンで整理し、初めて訪れたユーザーでも安心して情報を得られるよう配慮しました。
クレジット
help
kota
デザイナー
コーディング
share
シェア
link
link
コピー
code
埋め込み
kotaの他の作品
画像
image
visibility
作品を見る
高級抹茶ドリンクのプロモーションバナー
ウェブ
language
visibility
作品を見る
営業効率を最大化するSaaS製品「Sales Booster...
ウェブ
language
visibility
作品を見る
自然由来バームの安心感を訴求するランディングページ(LP)デ...
あなたのforiioを無料で作成
fori.io/
無料で使ってみる
利用規約
プライバシーポリシー
情報セキュリティ基本方針
特定商取引法
©2026 foriio, Inc
Made with
❤️
from Tokyo