提案文 :
初めして、ATOJと申します。
「ヘアサロンのHPトップページのデザイン募集!(初心者歓迎!)」のご提案をさせていただきます。
依頼詳細に記載のある順番にご説明させていただきます。
◇優先事項
1.ユーザビリティー
→ボタンをわかりやすいデザイン、レイアウトにしております。
また、ターゲット層が20〜40代とのことで、スマホの操作に普段から慣れていると想定できるため、レスポンシブwebデザインにした際にも共通でご使用いただけるハンバーガーメニューを採用しております。
2.編集更新
→トップページの「news」「blog」「gallery」は表示文字数に制限を設け、デザインを統一させ見やすさを優先しております。「blog」に関してはサムネイルに投稿する画像比率は様々だと思いますので、高さを200pxに固定します。デザイン的にも見やすく、どのような画像がきても、デザイン的におかしくならないような配慮をしております。
またページ下部、SNSのAPIの埋め込みを使用することで、トップページで様々コンテンツでの投稿を表示することができます。
3.デザイン
→「テイスト:カジュアル・ナチュラル・優しいが良い、夏っぽい、爽やかな感じが良い」「カラー:白ベースで好きな色は青」という部分にトンマナを採用いたしました。
また、「参考サイト:不揃いな配置がところが好き」とのことで、参考サイトとは不揃いのテイストは違いますが、段違いや重なりあうオブジェクトの配置にすることで、ご希望の「不揃い」に沿うかたちになっているかと思います。
また、このような形は近年のwebデザインのトレンドあり、ヘアサロンというおしゃれをたのしむお客様にはウケが良いと思います。
◇効果
1.新規顧客の獲得
→新規のお客様のためにファーストビューに店名、住所、contactボタンを設置しております。ページ下部に「voice」「coupon」「staff」は新規顧客のためのバナーとなっております。
1.既存顧客の満足度向上
→こちらの部分は「情報発信」などが重要だと思いますので、トップページの構成は情報発信中心にレイアウトしております。
2.ブランディング
→ファーストビューでぐっと雰囲気が伝わるように、全画面想定にしております。配色、写真、アクセントになる見出しフォントを使用することで、webサイトに訪れたユーザーには印象に残るページになっていると思います。
2.認知度向上(情報発信)
→重複しますが、トップページの構成は情報発信中心にレイアウトしております。
現在、ホットペッパーで集客ができているとのことですので、ホットペッパーの予約画面へ遷移するボタンはハンバーガーメニューに格納する想定でおります。
外部リンクへユーザーが遷移すると、「情報発信」「ブランディング」を損なうためです。ハンバーガーメニューについては選定していただいたのちにお渡しいたします。
ご質問や修正については柔軟にご対応いたしますので、お気軽にご連絡お願いいたします。
デザインデータはai形式でございます。また、fotoliaのカンプ画像は2枚使用しております。
concept箇所に使用している画像は仮の画像になっております。支給いただいた撮影データには店内全体の雰囲気を掴める写真がございませんでしたので、選定後にホットペッパーで掲載している内観写真の元画像をいただきたいと思っております。
以上、ご検討のほどよろしくお願いいたします。
2017-07-02 23:49:03