[ Web Design ]salon drops
架空のネイルサロンのホームページ。サロンの落ち着いた雰囲気と、シンプルで洗練されたネイルデザインをサイトを通じ表現。
□ 使用ツール:Adobe Illustrator,Photoshop,XD
□ 所要時間:3時間
企画
□ ブランドの特徴
「しずくがぽとりと落ちる瞬間の美しさを指先に纏うように」のテーマのもと作られたプライベートサロンサイト。落ち着いたサロンの雰囲気と、艶のあるシンプルなネイルデザインが特徴。
→サイトを通じ顧客の収集と知名度を上げる。
情報設計 / 印象設計
□ コンセプト:しずくがぽとりと落ちる瞬間の美しさを指先に纏うように
□ ターゲット
・10代後半〜のネイルサロンに関心のある女性
・ネットでネイルデザインを探している方
□ 目的
・サロンコンセプトと店内の雰囲気を伝える。
・みずみずしいツヤとシンプルなデザインが特徴のネイルデザインの紹介。
・施術内容のこだわりを知ってもらえるように。
□ 印象
・シンプル
・チープさが出ないような洗練された印象に
・水辺の涼しい雰囲気
ロゴデザイン
フォントはKepler 3 VF Display(Extended)を元に作成。抜け感を表すため文字間隔を調整。
"drops"は名詞では雫、また動詞では落とすという意味を持つ。ネイルを新たにするということは、以前のネイルを除去する必要がある。アフターケアまで丁寧に行うサロンのこだわりを表現している。
制作物
WEBサイト(PC)
※XDのテストサイトへ移動します。
・水辺の穏やかなイメージをサイト全体でも表現するため、背景に水面の画像と優しい水色の差し色を配置。
・さまざまなネイルデザインを紹介するため、ループするカルーセルスライダーを作成。
ビジュアルの方向性
□ フォント
・本文には游明朝体Pr6Nを使用。丸みのあるウロコや柔らかな曲線が、明るく品のある雰囲気を演出。
・ロゴや見出しの欧文では、スタイリッシュで上品な印象を与えるKepler 3 VF Display(Extended)を使用。
□ カラー
・文章全体は#727272に統一。
・背景には#C6D0D8の爽やかなブルーを使用。
・アクセントに#F5F5F5の柔らかい白色を使用。