ホームページ制作の流れ

ホームページを作りたいけど、
どうすればよいのか?何を準備すればいいのか?
よく分からないという方もいらっしゃるかと思います。
そこで、『茅ケ崎の歯科医の方がホームページを
リニューアル』
されるという仮設定にて
ご相談から納品までの流れをご用意いただくデータなども
合わせて大まかにご案内いたします。
はじめてホームページを制作する方は是非ご覧ください!
次へ茅ケ崎にある歯医者さんという
ホームページ制作の目的は?コンセプトを決める!
まず最初に何のためにホームページを作るのか?
を明確にする必要があります。 コンセプトがすべての制作の『軸』と
なります。現状ホームページを持ってないから作る!というのも目的です。
次にホームページで何をしたいのか?何をアピールしたいのか?
を考えてみましょう。
コンセプトが軸。目的を明確に!
ホームページを制作する目的は?
ホームページのデザインを一新したい。
新規顧客を開拓したい。
現状スマートフォン用のサイトがないので作りたい。
医院からのお知らせを発信したい。
ユーザーのターゲットは?
茅ケ崎の方、とくに医院所在地近隣の方。
茅ケ崎・湘南エリアで、
矯正・インプラントを検討されている方。
次へ
ヒヤリング・仕様/構成を決定
コンセプトが明確になれば、モカビーンズにお問い合わせください!
上記コンセプトや他、ご希望などをヒヤリングし、ホームページの仕様、
ページ・コンテンツ構成をご提案いたします。
最適な構成をご提案いたします!
ホームページの仕様を決定
ページ構成
トップページ・院長挨拶・診療方針・診療施術内容・診察時間・交通案内・お問い合わせの7ページ + お知らせ更新システム と決定。
サイトデザイン
業種柄、特殊なレイアウトやデザインは必要なし
と判断。テンプレートのカスタマイズと決定。
写真撮影
デジカメをお持ちでなく、スマホで撮影されるとのことでしたので、こちらよりお願いして、写真撮影も担当させて頂く事に決定。撮影内容は、医院外観・待合室・診療室・設備・院長・スタッフのみなさん、その他、小物を数点。
イラスト制作
インプラントの仕組みを分かりやすくイラスト・図で説明したいというご要望あり。3点イラストを制作することになりました。
ホームページのデザインを一新したい。
医院の雰囲気、ブランディングでモカビーンズよりご提案。
現状スマートフォン用のサイトがないので作りたい。
モカビーンズでは標準仕様ですので問題なし。
医院からのお知らせを発信したい。
今回は標準搭載の『お知らせ更新』でも十分と判断。将来的により細かな集客のために『CMS』も導入できる構成で制作することで決定。
SEOターゲットの決定
茅ケ崎の方、とくに医院所在地近隣の方。
キーワードは多いほど ”重要度”が低くなります。
今回はズバリ、『茅ケ崎』『歯科医』『歯医者』の
3つをメインキーワードと決定。
茅ケ崎・湘南エリアで、
矯正・インプラントを検討されている方。
サブキーワードとして、
『湘南』『矯正』『インプラント』
次へ
お見積り提示
サイトの仕様・ページ構成が決定しましたら、モカビーンズよりお見積りをご提示いたします。 他では『初期費用0円』というフレーズもよく見ますが、月々の維持費は概ね10,000円前後。ホームページを制作すると同じデザインで短くても2~3年は使用するもの。維持費が高いのは後々負担になると思います。モカビーンズでは初期費用は頂きますが、維持費は安目に設定してあります!
適正価格に自信あり。他社と比較を!
今回のお見積り
テンプレートカスタマイズ
ページ構成7ページ+お知らせ更新
初期費用54,000円 + 写真撮影10,800円
+ イラスト3点16,200円
+ 月額利用料3,240円
とお見積り提示。
ご契約時に、初期費用54,000円と写真撮影10,800円、イラスト3点16,200円に加えて、
初年度利用料金3,240円×12カ月
合計 119,880円(税込)をお支払頂きます。
※対面での打ち合わせは初回1回のみ。それ以降は基本メール・電話での打ち合わせとなります。茅ケ崎市・藤沢市・鎌倉市・平塚市以外のエリアの場合、2回目以降の対面打ち合わせご要望の場合は、交通費の実費が加算されます。
納品時に管理画面の使い方をご説明に、もう1度お伺いいたします!
オリジナルデザインで制作した場合のお見積り
オリジナルデザイン
ページ構成7ページ+お知らせ更新
初期費用216,000円 + 写真撮影10,800円
+ イラスト3点16,200円
+ 月額利用料5,400円
とお見積り提示。
ご契約時に、初期費用216,000円と写真撮影10,800円、イラスト3点16,200円に加えて、
初年度利用料金5,400円×12カ月
合計 307,800円(税込)をお支払頂きます。
※プレミアムプランは総ページ数15ページまで同じ料金です。集客に有効なコンテンツなどをご提案しプラスして制作いたします!
次へ
ドメイン(表示するアドレス)を選びましょう!
まず最初に、ホームページを表示するアドレス『ドメイン』を選びましょう。 ドメインとは、画面上部に『http://★★★.com』 や 『http://●●●.jp』 などと表示されている見なれたアドレスのことです。この★★★の個所を選んでください。アルファベットと数字と『 – (ハイフン)』を使用することができます。
アドレス選びは重要。覚えやすいものを!
覚えやすいアドレスを選びましょう
このドメインのチョイスは重要です!
今回の歯科医の例であれば、『★★★-dental.jp』
専門的な業種であれば、
屋号 + 職種 .jp
といった『何をしている何さん』的な感じがお客様に覚えてもらいやすくて良いのではないでしょうか。
店舗・企業名 .jp
なども簡潔で良いです!
次へ
デザイン制作・ご提示
モカビーンズのコンセプトに基づきサイトデザインを制作いたします。
今回は基本テンプレートを歯科医院外観・待合室・診療室の『雰囲気』と
『衛生的である』『安心感・痛くなさそう(本当は痛いかも!)』をイメージに
ポップなデザインにカスタマイズします。アイキャッチなどに『歯』の形などを使い子供からご高齢の方まで親しんで頂けるような工夫も盛りだくさん!
※テンプレートカスタマイズの場合は、デザイン1案のご提示+修正2回までは料金内です。それ以上の修正のご要望の場合は別途お見積りが発生します。
デザイン力に自信あり!第一印象が大切です!
サイトデザインは
店舗・企業の雰囲気・規模に合わせることが基本!
通販サイトなどの非対面サービス以外は、
店舗の外観や内装などの雰囲気に沿ったデザインに
することが基本です。 お客様がホームページを見られて、実際にお店に訪れた時に『違和感』がないことが大切です!お店のコンセプトとブランディングをモカビーンズがWEBデザインへ魅力的に反映させます。お任せください!
次へ
原稿をご用意いただきます
モカビーンズでデザインを制作している期間に、ホームページ内で掲載する原稿をご用意いただきます。 今回の場合は、『あいさつ文』『診療方針』『診療項目とその内容』『診療時間』『院長プロフィール』『スタッフ皆さんのプロフィール』となります。
オーナーの熱意がお客様の心を動かす
言葉でお客様の気持ちをつかむ!
SEOのキーワードから訪れてホームページを見ているお客様はほぼ9割方、購入しよう!治療しよう!と検討されています。 しかしそれを『どのお店で?』『どの医院で?』をホームページを見て比較しているのです。 今回の歯科医の場合は、治療・施術料金はおそらく他医院と横一線。 なので『腕が確かである』というアピールが有効。具体的には『設備が整っている』『過去に多くの施術例がある』などの説明があれば、 お客様に安心感を与え、ここにしよう!となることでしょう。商品の良さ、サービスの良さをを論理的に簡潔な言葉で書くことがベターです。
次へ
サイト構築・レイアウト作成
頂いた原稿を基本セオリー通りにレイアウトします。画面上でユーザーの視線が逃げないように、 導線をしっかり設計した上で制作を進めます。
情報を整理して、リズムよく配置!
見ているユーザーにストレスを与えない
ホームページのレイアウトは基本的に上から順に配置のだるま落とし式、同じ関連性のコンテンツを一定に配置することで、レイアウトにリズムができてユーザーの可読性が高くなります。適正な文字サイズと文字間・行間で文章が読みやすくなります。40文字10行以内。これがプレゼン資料の基本です。横に40文字以上あると、次の行に視線を戻しにくい。ひとくくり400文字以上の説明文を読むのはストレス。というデータ(統計論)があります。その他、視線の導線の作り方や図やグラフを見る秒数と視認性の関係など、レイアウトにも基本的なセオリーがあるのです。皆さんが何気なく読んでいる雑誌にも、編集者がそういう工夫をしてより読みやすく、分かりやくすくレイアウトしているのです!
見た目では分からないけれど・・・予備知識として
ホームページを組み立てる上で必要な言語を『HTML』といいます。皆さんが見ているホームページはこの言語を使って組み立ています。 このHTMLを使って頂いた原稿に意味付けをしていると言えばいいでしょうか。例えば、『見出し』があって⇒その『説明文』が続くといった感じで組み立てます。 この作業を『コーディング』と呼びます。この組み立てを専門としている人(コーダー)がいるぐらい重要で手間の掛かる作業なのです。 興味のある方は、見ているホームページの画面上を右クリック⇒『ページのソースを表示』をクリックしてみてください。そのページを組み立てている『HTML』が表示されます。
次へ
サーバー設置・お試し環境にて動作確認
仕上がったホームページを実際のサーバー
(アドレス/URL)に設置します。
お客様には見ることができない仮の環境をご提示し、
お知らせ更新やお問い合わせメールフォームなど
の動作確認を実際にご確認いただけます。
また原稿の修正などがありましたら、
ご遠慮なくご指示ください。
最終的にOKのお返事を頂いてから、
正式にホームページをオープンいたします!
次へ完成!

ページの先頭へ戻る

ページの先頭へ戻る

© 2019 MOCABEANS