ヘアサロンのHPトップページのデザイン募集！（初心者歓迎！） - ジャッキー（MOON FOREST）の提案

※ このランサーは「ウェブサイト制作・デザイン」のお仕事で8件の評価を獲得しています。

はじめまして！フリーランスのwebクリエイター・月森と申します。
この度は、御社のTOPページデザインにご提案をさせていただきます。
長々と恐縮ですが、デザイン意図や補足につきまして以下でご説明いたします。


■全体のイメージ
白色をベースに水色をシースルー調で使用し、シンプルで見やすいデザインを心がけました。
涼しげで爽やかなだけでなく、lucia様の店名の英単語の語源である「光(lux)」を感じられるような、キラキラしたイメージに仕上げました。
また、親しみやすさを出すために、手描きのイラストをアクセントとして挿入し、雑誌っぽさを出しております。


■レイアウトの構成について
メインターゲットとされる女性の方に興味を持っていただく為に
SNSの情報をファーストビューの目立つ位置に配置しました。

また、新規のお客様の獲得が最優先とのことでしたので
初見の方が気になる「料金表」「サロン情報」「お客様の声」「ヘアギャラリー」をメインのブロックに配置しました。
こちらの4つのメニューは最下部にも再度リンクを設置しております。

メイン以下のブロックは、目的の似た要素を固めて配置し
お客様がすぐ目的地にたどり着ける導線を確保できるよう心がけました。

SHOP LISTは、今後店舗拡大をご検討中とのことでしたので
各サロンごとの予約ボタンや、SNS＆ブログへのリンクを設置しております。


■画像について
人物写真はホットペッパーの御社ページからお借りしました。
画像のサイズが小さく、使用する際にぼやけてしまったものもある為
もし当案をご採用いただける場合は、納品前に画像の差し替えを
行わせていただきたく思っております。

「COUPON」「PRODUCTS」「MENU&PRICE（PICK UP内）」の3つは
フォトリアの画像を使用しております。


■マウスオーバーのイメージについて
マウスオーバーすると画像に白いフィルターがかかることを想定しております。
(PICK UPの「HAIR GALLERY」の部分がマウスオーバーのイメージです)


■スマホ版でのレイアウトについて
PC版はCSSのpositionを使用して組んでいただけますと幸いです。
スマホ版に最適化させる際は、CSSの書き換えが必要になりますが
1つ1つの要素を大きめに作ってありますので、PC版のイメージを保ったまま
スマホでも見やすいサイトにすることが可能かと思います。


以上です。
文言や画像の修正などございましたら対応させていただきますので
お気軽にお申し付けください。

それでは、ご検討いただけますと幸いです。
どうぞ、よろしくお願いいたします！