racoo designです。
今回は、“可視化コーチング”という「考えやイメージ、目標をビジュアル化するコーチング」を提供されている個人様の、LP兼公式サイトをSTUDIOにて制作させていただきましたので、紹介いたします☺️
▼こちらのサービスです
-------------------------------------------
<今回の納品デザイン概要>
▼今回お作りさせていただいたサイトが、こちら
※トップページのみ表示しています
<ご相談いただいた内容>
■制作の目的
・コーチングサービスを1つから2つに増設するので、これを機にWordPressで作った既存サイトから、Studioへ乗り換えたい
■サイトに関するご要望
・信用感のある洗練されたHPにできると嬉しい
・「TOP」と「SERVICE」ページで、現存のLPの情報量を分割するイメージで作って欲しい
(※その他配色など、デザインに関するご希望も多く頂きました!)
■ご用意いただいたもの
・文章
・商品画像/ご本人様写真
・サービスロゴ
・既存サイト / SNSアカウントURL
-------------------------
<提案内容>
■サイトデザインの他に提供させていただいたもの
・サイト内で使用するイラスト画像
・OGP画像
・ファビコン
■デザインについて
・コーチングというサービスの性質上、「コーチご本人に対しての信頼性&安心感」が集客力に直結するため、そちらをメインに意識してデザイン
▷「経歴や実績、ご本人様のお写真」で信頼性を、「柔らかなデザイン×配色×ふわっとしたアニメーション」で安心感を醸成できるよう調整いたしました。
・LPも兼ねた情報量になっているので、冗長的にならないようレイアウトや配色を調整
▷公式サイトをLPとしても機能させる場合、「載せたい情報」が必然的に多くなってしまうため、ページが長くなり冗長的になりやすいです。
▷そのため、縦読みや横読みのバランスや、アニメーションでユーザー様が飽きにくいレイアウトになるよう意識してデザインさせていただきました。
■ページ構成について
❶トップページ
→❷MESSAGE
→❸SERVICE
→❹CONTENTS
→❺CONTENTS一覧
→❻CONTENTS記事
❼お問合せページ
❽404ページ
❾プライバシーポリシー/免責事項
❿各モーダル(サンクスページ/ナビゲーション)
ざっくり数えて【計10ページ】で制作いたしました。
<完成したデザイン>
■トップページサンプル(PC/1440px)
※ファーストビューの「Visualizing Coaching」と「MESSAGE」は横に自動で折り返すアニメーションで設定しています
※ヘッダーと右下の「コーチングを体験する」ボタンは画面固定なので、スクロール追従します
※納品後にご本人自身でテキストを差し替えたいとのご希望でしたので、サンプルテキストの状態でご紹介しております☺️
※スクロールイメージです↓(限定公開してます)
初稿デザインを気に入っていただけたため、大幅な修正はなく、細やかなデザイン修正や構成微修正のご希望をいただき、修正後納品となりました。
毎度分かりやすい文章で、とても丁寧にご希望をお伝えいただいたので、終始スムーズにやりとりさせていただくことができました◎
ご依頼いただき、誠にありがとうございました。
-------------------------
サイト制作(や修正)にあたって、何かご不明点やご質問などありましたら、ぜひお気軽にメッセージくださいませ。
元マーケターということもあり、スキル的には割とできることが多いので、今出している「STUDIOでのサイト制作」のサービス以外でも、承れるものは全然対応いたしますので☺️
それではまた〜