ご依頼の流れページの必要性と解説
2023年06月19日
本日はホームページに掲載するご依頼の流れの必要性と当サイトのご依頼の流れが完成したので、そちらの解説をさせていただきます。
ご依頼の流れページの必要性
まずご依頼の流れですが、会社やサービスによっては、ご利用の流れに変わったり、ご購入の流れなどになるかと思います。
〇〇の流れはかなりの確率で、お客様のページに入れさせていただいております。企業イメージやブランディグサイトを除きほぼ100%の確率で〇〇の流れぺージは入れさせていただいております。
理由としては、単純にみている人に大変親切だからです。
情報をホームページに提供している側からすると当たり前のことを、順番に掲載するだけ・・
とお思いかもしれませんが、ホームぺージを新規でみるお客様からすると、
どのように使えばいいのか?
どのように利用すればいいのか?
どのようにして買えばいいか?
など、不安をもって閲覧されている方もいるとおもいます。
そこで、その不安を取り除いていただくために必要なのが〇〇の流れになってきます。
例ですが、同じ商品を扱っていてしかも同金額、2つの企業のホームぺージをみて悩んでいる場合に、片方には親切にご利用の流れが書いてあるが、片方のホームページには金額しか書いていない。
どちらを選ぶかというと、大半の方は、親切にご利用の流れが書いてある企業の商品を購入されるのではないでしょうか。
なんでもかんでも、ホームページにのせればいいというものではないと思いますが、すこしでも効果がでるように、確率を上げていく作業が、ホームページの運用だと考えています。
効果のでる確率を少しでも上げるページとして〇〇の流れは大変重要なページだと思います。
ここがチェケラ
見ている方の不安も取り除けるし・とっても親切なぺージだね。
解説
マリオ君のご依頼の流れぺージが完成したのでデザイン・コーディングの解説を簡単ですがしていきたいと思います。
まずは上から

完成までのラッキーセブン・・・特に意味はないですが、フローが7だったので、楽しいキャッチコピーにしました。
トップページでも説明させていただきましたが、スマホでは横スクロースするようにしています。
また、このぺージはトップページとは違い各項目にページ内リンクを張り、ページ内で移動できるようにしております。
正直細かくすると、ご依頼の流れは10でも20でもいくと思いますが、お客様に必ず伝えたい、項目だけに絞っております。

お問い合わせ
まずはSTEP1はお問い合わせですね。どんなことをお問い合わせしても大丈夫ですよってことが伝わるように、書いております。
そして、ここでも問い合わせにすぐにいけるよう、ライン・電話・問い合わせフォームへのリンクボタンをつけております。
ヒアリング
STEP2はヒアリングについて。
弊社ではエクセルで作成している、ヒアリングシートにご記入いただいておりますので、そちらの記入と打合せの方法を掲載しています。
ヒアリングシートの画像はこんな感じではないのですが、イメージでお客様に伝わればと思い作っております。
数字の部分は枠からはみ出すよにposition:abusoluteで動きをつけています。
下矢印は次につながっていることを視覚的にわかっていただくためにつけています。

ご提案・契約
STEP3は提案エリアで、トップページの提案でデザインの相性が確認できるというのが伝わればと思っています。
STEP4は契約についてを簡単に説明しています。

制作開始・ご確認修正
STEP5はここからはじまるというのと、イラストでやるきまんまんなのが伝わればと思っています。(イラストはまたもや時短だ様。ありがとうございます。)
STEP6は修正できることがつたわればと思いました。よくある質問で、修正はしてもらえるの?とよくいただきますので、いれております。
オリジナルデザインで制作しており、ご希望の内容にご修正するのが弊社の特徴ですが、こちらからしたら修正するのが当たり前でも、初めてのお客様からしたら、修正できるの?1回のデザインで決めないといけないの?と疑問を持たれている方もいらっしゃいますので、丁寧に説明しております。
公開・スタート
最後のSTEP7
完成なのですが、効果を出していくにはここからがはじまりで、ページを増やしたり、更新して効果のでるホームぺージ一緒にがんばっていきましょうと、伝えています。
以上がご依頼の流れの解説となります。
こだわり??
追記で、かなりどうでもいいかもしれませんが、このぺージのデザイン?コーディング?でこだわったところを最後にお伝えできればと思います。
■PC版

■スマホ版

えっ何?
と思われていると思います。
「PC版は普通にflexで文章が入っているコンテンツと画像を囲っていて、スマホになったらflexを解除して上下にならべてるだけじゃん」
そうなんですけど
先ほども述べましたが、かなりどうでもいいのですが、こだわったのはPCとスマホの間

わかりますか?
文章をいれてるコンテンツにネガティブマージンいれてかぶせてます。
「わざわざ書くなよ」「レスポンシブではみんなやるじゃん」と思われているかもしれませんが、ほんとかぶせないと変な感じになるんですよね。
もしネガティブマージンなしだとこんな感じ

なんか、ミスしたのって感じになりますよね。
僕だけですか?
ここがチェケラ
ちょっとのこだわり大事だよね
以上どうでもいい話でした。
それではまた。
こっちもみて!関連記事
-
ワードプレスサイトアドレスを直下にFTPソフトインストール
- 自社ホームページ制作道のり
2023年05月20日
-
自社ホームぺージ公開までの流れ
- 自社ホームページ制作道のり
2023年05月20日
-
ワードプレスオリジナルテーマ作り方⑥ 記事ぺージsingle.phpを作成
- WordPress
- 自社ホームページ制作道のり
2023年05月24日
-
ワードプレスオリジナルテーマ作り方⑦ カテゴリーぺージ作成
- WordPress
- 自社ホームページ制作道のり
2023年05月25日
-
自社ホームページワードプレスをインストール
- 自社ホームページ制作道のり
2023年05月20日
-
ワードプレスオリジナルテーマ作り方⑧ 固定ページ作成
- WordPress
- 自社ホームページ制作道のり
2023年05月25日