ご依頼の流れページの必要性と解説 | 福岡のホームページ制作はマリオ君にお任せ

為にならないブログ

見出しおじさん

BLOG

ご依頼の流れページの必要性と解説

2023年06月19日

ご依頼の流れページの必要性と解説

本日はホームページに掲載するご依頼の流れの必要性と当サイトのご依頼の流れが完成したので、そちらの解説をさせていただきます。

ご依頼の流れページの必要性

まずご依頼の流れですが、会社やサービスによっては、ご利用の流れに変わったり、ご購入の流れなどになるかと思います。

〇〇の流れはかなりの確率で、お客様のページに入れさせていただいております。企業イメージやブランディグサイトを除きほぼ100%の確率で〇〇の流れぺージは入れさせていただいております。

理由としては、単純にみている人に大変親切だからです。

情報をホームページに提供している側からすると当たり前のことを、順番に掲載するだけ・・

とお思いかもしれませんが、ホームぺージを新規でみるお客様からすると、

どのように使えばいいのか?

どのように利用すればいいのか?

どのようにして買えばいいか?

など、不安をもって閲覧されている方もいるとおもいます。

そこで、その不安を取り除いていただくために必要なのが〇〇の流れになってきます。

例ですが、同じ商品を扱っていてしかも同金額、2つの企業のホームぺージをみて悩んでいる場合に、片方には親切にご利用の流れが書いてあるが、片方のホームページには金額しか書いていない。

どちらを選ぶかというと、大半の方は、親切にご利用の流れが書いてある企業の商品を購入されるのではないでしょうか。

なんでもかんでも、ホームページにのせればいいというものではないと思いますが、すこしでも効果がでるように、確率を上げていく作業が、ホームページの運用だと考えています。

効果のでる確率を少しでも上げるページとして〇〇の流れは大変重要なページだと思います。

ここがチェケラ

ポイントです

POINT

見ている方の不安も取り除けるし・とっても親切なぺージだね。

解説

マリオ君のご依頼の流れぺージが完成したのでデザイン・コーディングの解説を簡単ですがしていきたいと思います。

まずは上から

ご依頼の流れ

完成までのラッキーセブン・・・特に意味はないですが、フローが7だったので、楽しいキャッチコピーにしました。

トップページでも説明させていただきましたが、スマホでは横スクロースするようにしています。

また、このぺージはトップページとは違い各項目にページ内リンクを張り、ページ内で移動できるようにしております。

正直細かくすると、ご依頼の流れは10でも20でもいくと思いますが、お客様に必ず伝えたい、項目だけに絞っております。

ご依頼の流れ①②
お問い合わせ

まずはSTEP1はお問い合わせですね。どんなことをお問い合わせしても大丈夫ですよってことが伝わるように、書いております。

そして、ここでも問い合わせにすぐにいけるよう、ライン・電話・問い合わせフォームへのリンクボタンをつけております。

ヒアリング

STEP2はヒアリングについて。
弊社ではエクセルで作成している、ヒアリングシートにご記入いただいておりますので、そちらの記入と打合せの方法を掲載しています。

ヒアリングシートの画像はこんな感じではないのですが、イメージでお客様に伝わればと思い作っております。

数字の部分は枠からはみ出すよにposition:abusoluteで動きをつけています。

下矢印は次につながっていることを視覚的にわかっていただくためにつけています。

ご依頼の流れ③④
ご提案・契約

STEP3は提案エリアで、トップページの提案でデザインの相性が確認できるというのが伝わればと思っています。

STEP4は契約についてを簡単に説明しています。

ご依頼の流れ⑤⑥⑦
制作開始・ご確認修正

STEP5はここからはじまるというのと、イラストでやるきまんまんなのが伝わればと思っています。(イラストはまたもや時短だ様。ありがとうございます。)

STEP6は修正できることがつたわればと思いました。よくある質問で、修正はしてもらえるの?とよくいただきますので、いれております。

オリジナルデザインで制作しており、ご希望の内容にご修正するのが弊社の特徴ですが、こちらからしたら修正するのが当たり前でも、初めてのお客様からしたら、修正できるの?1回のデザインで決めないといけないの?と疑問を持たれている方もいらっしゃいますので、丁寧に説明しております。

公開・スタート

最後のSTEP7

完成なのですが、効果を出していくにはここからがはじまりで、ページを増やしたり、更新して効果のでるホームぺージ一緒にがんばっていきましょうと、伝えています。

以上がご依頼の流れの解説となります。

こだわり??

追記で、かなりどうでもいいかもしれませんが、このぺージのデザイン?コーディング?でこだわったところを最後にお伝えできればと思います。

■PC版

ご依頼の流れ④

■スマホ版

ご依頼の流れ④スマホ

えっ何?

と思われていると思います。

「PC版は普通にflexで文章が入っているコンテンツと画像を囲っていて、スマホになったらflexを解除して上下にならべてるだけじゃん」

そうなんですけど

先ほども述べましたが、かなりどうでもいいのですが、こだわったのはPCとスマホの間

ご依頼の流れレイアウトこだわり

わかりますか?

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

もしネガティブマージンなしだとこんな感じ

ご依頼の流れレイアウトこだわり②

なんか、ミスしたのって感じになりますよね。

僕だけですか?


ここがチェケラ

ポイントです

POINT

ちょっとのこだわり大事だよね

以上どうでもいい話でした。

それではまた。

カテゴリー

気になったら
連絡してね!

すいません

お電話は出れないことが多いので
ラインでもしもし・メールでもしもしが推奨です。

お時間をとらせていただきゆっくり
お電話させていただきます。

©Copy Rights MARIOKUN.All Rights Resarved.
Page Top
お問い合わせ

どうぞおじさん

作業中はお電話は出れないことが多いのでライン・メールでもしもしが推奨です。

お電話は出れないことが多いの折り返し致します。