Natural & Organic -SALON de Leaf-美容院デモサイトを制作しました

みなさんこんにちは😊

今回は前回の企業向けデモサイトに続きvol.2として、美容院デモサイト「Salon de Leaf」のサイトを制作しました。

今回もサイトのこだわりポイントを簡単に紹介できればと思います!

Natural & Organic

今回のコンセプトは「Natural & Organic」ということで自然素材のメニューにこだわったサロンというイメージを想定してみました。

なおかつ都内の有名店という感じではなく、路地裏に佇むプライベートサロンというイメージで作成しました
(設定が細かすぎる??w)

ナチュラル素材にこだわったプライベートサロンということで、デザインもシンプルベースでかつフォントなど細かい部分には気を配りださくならないようシンプルおしゃれテイストを心がけました。

メインビジュアルはPC版・スマホ版ともに2枚のスライドショーを採用。
シンプルに「Natural & Organic」のキャッチコピーのみで筆記体のフォントをチョイス。
2枚目はオーガニックの雰囲気を伝えるためにお花の画像を掲載。
本当は店内の雰囲気とかも載せたかったけど画像素材サイトに良い画像がありませんでしたw

フォント選びが肝心

シンプルなサイトを制作するときは、どのフォントを採用するかに一番気を使っています。
同じようなフォントに見えても全然印象が違くなるのでいくつか良さそうなフォントを実際に当てはめてみてどのフォントを採用するのかを検討します。

メインビジュアル部分は筆記体でかわいい雰囲気を出したくて
このフォントをチョイス。すごくかわいくてお気に入りw
見出しのフォントはシンプルめで少し丸みを帯びた
英語文字が特徴のフォントをチョイス。

すごくマニアックですがフォントの1文字1文字の行間を少し空けるだけでも全然印象が変わるのでとても面白いですね😊
フォントの世界は奥が深くてまだまだ僕も勉強中です!

皆さんも普段みるサイトや商品パッケージなどのフォントを注視してみると面白い発見があるので是非やってみてください^ ^

お店のアクセス情報はグーグルマップ

お店の情報といったら地図を表示させたいですよね。
よくみるグーグルマップの地図情報ですが住所さえわかれば簡単に地図画像をサイトに持ってくることが可能です(もちろん無料)

なぜか明治神宮の住所をチョイスしてしまいましたw
明治神宮しばらく行ってませんがまた機会があったらお参りにでもいきたいです!

まとめ

というわけで今回はデモサイト制作第2弾のお店向けサイトとして美容院サイトを制作してみました。
美容院以外にもカフェのサイトやお菓子やさんのサイトなどもこういった雰囲気で制作したいという方の参考に少しでもなれば幸いです。

オンラインでリモート制作が可能ですので、お近くにお店をやられていてサイトを作りたいという方がいらっしゃいましたらぜひお声がけいただけると嬉しいです🙇‍♂️

SALON de Leafのホームページはこちら

CONTACT

制作・撮影のご相談・お問い合わせはフォームから

Webサイトの制作や写真・動画の撮影依頼やお問い合わせなどは
お気軽にご相談ください!

あなたの最高の表情を引き出せるよう
全力でサポートさせていただきます!!

\ 悩んでいる方もお気軽に
ご相談(無料)を!/

please share