Facebook 制作について
Logo

【美容室Webページ】カラー剤紹介

クレジット
Avatar
WEBデザイナー
【美容室Webページ】カラー剤紹介-1
シェア
制作ノート
制作について

  美容室のWEBサイトに掲載するヴィラロドラ(オーガニックカラー)の紹介用Webページのデザイン・情報設計を担当いたしました。

単なる商品説明にとどまらず、ブランドが持つ「髪や頭皮への優しさ」や「上質なオーガニック感」が、一目でユーザーに伝わるデザインを目指しています。

●ビジュアルイメージ

ナチュラル&ヒーリング:自然光を感じさせる温かみのある写真や、植物の瑞々しさを活かしたメインビジュアルを採用し、心地よく過ごせるサロン空間やオーガニックの優しさを一目でイメージできるよう構成しました。

素肌感・透明感の演出:余白を贅沢に使うことで、洗練されたクリアな世界観を表現。髪や頭皮に負担をかけない「優しさ」と「上質さ」が視覚的に伝わるように工夫しています。

●カラー

アースカラー・ナチュラルグリーン:ヴィラロドラの最大の特徴である「オーガニック」「天然由来」を象徴する、柔らかく落ち着いたグリーンをメインカラーに選定。

●情報設計

「安心感」と「根拠」を順序立てて伝えるストーリー設計:

1. キャッチコピー&ビジュアルで「天然由来92%」「艶やかな仕上がり」という一番の魅力を瞬時に提示。

2. 4つのアイコンポイントで「染め重ねても艶やか」「安心のこだわり」など、ユーザーが得られるメリットを直感的に把握可能に。

3. 成分・認証情報(ICEA・VEGAN等)を丁寧に図説し、商品に対する信頼性と根拠を提示。

4. ストーリー性のあるメッセージで締めくくることで、共感と来店意欲を高める構成にしています。

●工夫したポイント

安心感を届ける繊細なビジュアル表現:オーガニック植物エキスやキャリアオイルなどの成分説明部分には、手書き風の繊細なボタニカルイラストを配置。文字の読みやすさを損なわずに、製品のやさしさ・自然由来のこだわりを感じさせるアクセントにしています。

来店につながる感情導線:機能面の訴求だけでなく、最下部には「5年後、10年後の髪が証明してくれる」といったユーザーの未来に寄り添うコピーとビジュアルを配置し、サロンの姿勢や価値提案がまっすぐ伝わるデザインに仕上げました。  

シェア
制作について

  美容室のWEBサイトに掲載するヴィラロドラ(オーガニックカラー)の紹介用Webページのデザイン・情報設計を担当いたしました。

単なる商品説明にとどまらず、ブランドが持つ「髪や頭皮への優しさ」や「上質なオーガニック感」が、一目でユーザーに伝わるデザインを目指しています。

●ビジュアルイメージ

ナチュラル&ヒーリング:自然光を感じさせる温かみのある写真や、植物の瑞々しさを活かしたメインビジュアルを採用し、心地よく過ごせるサロン空間やオーガニックの優しさを一目でイメージできるよう構成しました。

素肌感・透明感の演出:余白を贅沢に使うことで、洗練されたクリアな世界観を表現。髪や頭皮に負担をかけない「優しさ」と「上質さ」が視覚的に伝わるように工夫しています。

●カラー

アースカラー・ナチュラルグリーン:ヴィラロドラの最大の特徴である「オーガニック」「天然由来」を象徴する、柔らかく落ち着いたグリーンをメインカラーに選定。

●情報設計

「安心感」と「根拠」を順序立てて伝えるストーリー設計:

1. キャッチコピー&ビジュアルで「天然由来92%」「艶やかな仕上がり」という一番の魅力を瞬時に提示。

2. 4つのアイコンポイントで「染め重ねても艶やか」「安心のこだわり」など、ユーザーが得られるメリットを直感的に把握可能に。

3. 成分・認証情報(ICEA・VEGAN等)を丁寧に図説し、商品に対する信頼性と根拠を提示。

4. ストーリー性のあるメッセージで締めくくることで、共感と来店意欲を高める構成にしています。

●工夫したポイント

安心感を届ける繊細なビジュアル表現:オーガニック植物エキスやキャリアオイルなどの成分説明部分には、手書き風の繊細なボタニカルイラストを配置。文字の読みやすさを損なわずに、製品のやさしさ・自然由来のこだわりを感じさせるアクセントにしています。

来店につながる感情導線:機能面の訴求だけでなく、最下部には「5年後、10年後の髪が証明してくれる」といったユーザーの未来に寄り添うコピーとビジュアルを配置し、サロンの姿勢や価値提案がまっすぐ伝わるデザインに仕上げました。  

シェア
藤沢 舞の他の作品
画像
作品を見る
【Her Tech架空案件】UVケア商品バナー
foriio

あなたのforiioを無料で作成

fori.io/
【美容室Webページ】カラー剤紹介-1
制作について

  美容室のWEBサイトに掲載するヴィラロドラ(オーガニックカラー)の紹介用Webページのデザイン・情報設計を担当いたしました。

単なる商品説明にとどまらず、ブランドが持つ「髪や頭皮への優しさ」や「上質なオーガニック感」が、一目でユーザーに伝わるデザインを目指しています。

●ビジュアルイメージ

ナチュラル&ヒーリング:自然光を感じさせる温かみのある写真や、植物の瑞々しさを活かしたメインビジュアルを採用し、心地よく過ごせるサロン空間やオーガニックの優しさを一目でイメージできるよう構成しました。

素肌感・透明感の演出:余白を贅沢に使うことで、洗練されたクリアな世界観を表現。髪や頭皮に負担をかけない「優しさ」と「上質さ」が視覚的に伝わるように工夫しています。

●カラー

アースカラー・ナチュラルグリーン:ヴィラロドラの最大の特徴である「オーガニック」「天然由来」を象徴する、柔らかく落ち着いたグリーンをメインカラーに選定。

●情報設計

「安心感」と「根拠」を順序立てて伝えるストーリー設計:

1. キャッチコピー&ビジュアルで「天然由来92%」「艶やかな仕上がり」という一番の魅力を瞬時に提示。

2. 4つのアイコンポイントで「染め重ねても艶やか」「安心のこだわり」など、ユーザーが得られるメリットを直感的に把握可能に。

3. 成分・認証情報(ICEA・VEGAN等)を丁寧に図説し、商品に対する信頼性と根拠を提示。

4. ストーリー性のあるメッセージで締めくくることで、共感と来店意欲を高める構成にしています。

●工夫したポイント

安心感を届ける繊細なビジュアル表現:オーガニック植物エキスやキャリアオイルなどの成分説明部分には、手書き風の繊細なボタニカルイラストを配置。文字の読みやすさを損なわずに、製品のやさしさ・自然由来のこだわりを感じさせるアクセントにしています。

来店につながる感情導線:機能面の訴求だけでなく、最下部には「5年後、10年後の髪が証明してくれる」といったユーザーの未来に寄り添うコピーとビジュアルを配置し、サロンの姿勢や価値提案がまっすぐ伝わるデザインに仕上げました。  

シェア
藤沢 舞の他の作品
画像
作品を見る
【Her Tech架空案件】UVケア商品バナー
foriio

あなたのforiioを無料で作成

fori.io/