ホームページの組み立て 3案箱の位置と並び順だけの下書き。色・文字・写真はまだ入っていません

3案に共通で入れるもの

名刺をお渡しした後に見ていただく画面です。何をしている方かと連絡先は、どの案でも最初の画面に置きます。3案ともページ数は5つ。違いは業務をどこに置くかと、それに合わせて何を別の面に出すかです。

A案 業務までTOP1枚

TOPの1枚で業務まで読み切れる形。事務的な情報だけ別の面に置きます。

ページ数
5(TOP / ご相談の流れと費用の目安 / 事務所概要 / お問い合わせ / 日記)
業務の置き場所
TOPの中。見出しと3行ずつで縦に並べる
TOPの長さ
3案でいちばん長い。業務まで下に送って読む形になる
1 / 5TOP 業務までここで読み切れる1枚
(ドメイン名は未定)
業務内容流れと費用事務所概要お問い合わせ日記
電話番号
最初の画面

対応エリア / 電話 ・ メール

電話をかける メールで相談する
こんなご相談をお受けしています

4〜6行の箇条書き。お客様が口にする言い方で

業務内容

チラシの項目をそのまま縦に。1項目3行ほど

業務 ①どんなときに/何をするか
業務 ②
業務 ③
ご相談の進め方

3段だけ。詳しくは次のページ

1
2
3
ごあいさつ

写真なし。文章だけで数行

最近の日記 3件

見出しと日付だけ。押すと日記のページへ

0000.00.00
0000.00.00
0000.00.00
お問い合わせへ お問い合わせのページへ 電話をかける

TOP:この案だけTOPが長くなります。ページを行き来しないで済むのと引き換えです。

2 / 5ご相談の流れと費用の目安 聞かれたら答えている話を、先に置いておく面
/flow
業務内容流れと費用事務所概要お問い合わせ日記
電話番号
ページの見出し
ご相談の流れ

1段ごとに、することと、ご用意いただくもの

①
②
③
④
費用の目安

金額を幅で書くか「お見積り」にするかは、これから決める

費用の目安
必要な書類
かかる期間
お問い合わせへ お問い合わせのページへ 電話をかける
3 / 5事務所概要 資格や連絡先を確かめたい方が見る面。表だけ
/about
業務内容流れと費用事務所概要お問い合わせ日記
電話番号
概要
氏名
資格・登録番号
所属団体
所在地
電話 ・ メール
対応エリア
受付時間
4 / 5お問い合わせ 連絡の手だてをこの1枚に集める。地図は置かない
/contact
業務内容流れと費用事務所概要お問い合わせ日記
電話番号
お電話とメール

フォームより上に、大きく置く

電話番号
メールのあて先
受付時間
電話をかける メールを送る
フォームからのご相談
お名前
ご連絡先(お電話またはメール)
ご相談の内容
送信する

送信した後に出る画面の文も用意します

地図:住所をどこまで出すかが決まるまで置きません。所在地は事務所概要の表にあります。

5 / 5日記(一覧と記事)
/blog
業務内容流れと費用事務所概要お問い合わせ日記
電話番号
日記の一覧
0000.00.00
0000.00.00
0000.00.00
0000.00.00
記事のページ

見出し・日付・本文。お仕事と関係のない内容でも書ける形にする

B案 案内板 + 業務1枚

TOPは案内板だけ。業務の詳しい話は次の1ページにまとめます。

ページ数
5(TOP / 業務内容 / 事務所概要 / お問い合わせ / 日記)
業務の置き場所
業務内容の1ページに、業務をいくつでもまとめる
業務が増えたとき
そのページが長くなる。長すぎればC案の形へ分ける。分けた分ページは増える
1 / 5TOP 案内板だけの短い1枚。詳しい話は置かない
(ドメイン名は未定)
業務内容事務所概要お問い合わせ日記
電話番号
最初の画面

対応エリア / 電話 ・ メール

電話をかける メールで相談する
お受けしている業務

見出しと一行だけ。押すと業務内容のページへ

業務 ①一行の説明
業務 ②一行の説明
業務 ③一行の説明
業務内容をくわしく見る
最近の日記 3件

見出しと日付だけ。押すと日記のページへ

0000.00.00
0000.00.00
0000.00.00
お問い合わせ

電話・メールと、フォームへの入口

電話をかける フォームから送る

TOP:3案のTOPでいちばん短い構成です。

2 / 5業務内容 チラシの項目をここ1枚に集める
/service
業務内容事務所概要お問い合わせ日記
電話番号
ページの見出し
業務 ①
どんなときのご相談か
何をするか
費用の目安 / 必要な書類
業務 ②
業務①と同じ形。実際は業務①と同じ高さになります
業務 ③
同じ形がもう1つ。業務の数だけ、この分ずつ下に伸びます
ご相談の進め方
1
2
3
お問い合わせへ お問い合わせのページへ 電話をかける
3 / 5事務所概要 資格や連絡先を確かめたい方が見る面。表だけ
/about
業務内容事務所概要お問い合わせ日記
電話番号
概要
氏名
資格・登録番号
所属団体
所在地
電話 ・ メール
対応エリア
受付時間
かんたんな経歴

写真なし。数行で

4 / 5お問い合わせ 連絡の手だてをこの1枚に集める。地図は置かない
/contact
業務内容事務所概要お問い合わせ日記
電話番号
ページの見出し
お電話とメール

フォームより上に、大きく置く

電話番号
メールのあて先
受付時間
電話をかける メールを送る
フォームからのご相談
お名前
ご連絡先(お電話またはメール)
ご相談の内容
送信する

送信した後に出る画面の文も用意します

地図:住所をどこまで出すかが決まるまで置きません。所在地は事務所概要の表にあります。

5 / 5日記(一覧と記事)お仕事と関係のない内容でも書ける形
/blog
業務内容事務所概要お問い合わせ日記
電話番号
日記の一覧
0000.00.00
0000.00.00
0000.00.00
0000.00.00
記事のページ

C案 業務ごとに1枚

業務を1本ずつ別のページに分けます。検索からその業務のページへ直接入れます。

ページ数
5(TOP / 業務 ① / 業務 ② / 事務所概要 / 日記)。業務は2本まで
業務の置き場所
1本につき1ページ。お問い合わせのページは作らず、各ページの末尾に置く
業務が3本以上のとき
1本ごとに1ページ増える
1 / 5TOP 入口を並べるだけ。詳しい話は各ページへ
(ドメイン名は未定)
業務①業務②事務所概要日記
電話番号
最初の画面

対応エリア / 電話 ・ メール

電話をかける メールで相談する
業務の入口

名前と一行。それぞれ専用のページへ

業務 ①一行の説明
くわしく
業務 ②一行の説明
くわしく
最近の日記 3件

見出しと日付だけ。押すと日記のページへ

0000.00.00
0000.00.00
0000.00.00
お問い合わせ

この案はお問い合わせのページを作らない。連絡先とフォームを各ページの末尾に置く

電話番号
メールのあて先
受付時間
お名前
ご連絡先(お電話またはメール)
ご相談の内容
送信する
2 / 5業務 ① 1本ごとにこの形のページを作る
/service-1
業務①業務②事務所概要日記
電話番号
業務の名前
どんなときのご相談か
何をするか
進め方
1
2
3
費用の目安 / 必要な書類
費用の目安
必要な書類
かかる期間
お問い合わせ

読み終えたその場で送れるように、ページの末尾に置く

電話をかける
お名前
ご連絡先(お電話またはメール)
ご相談の内容
送信する
3 / 5業務 ② 業務①と同じ形。中身だけ入れ替える
/service-2
業務①業務②事務所概要日記
電話番号
業務 ②
業務①と同じ形。実際は業務①のページと同じ長さになります

業務が3本以上あるとき:この形のページが、業務1本につき1枚増えます。

4 / 5事務所概要B案と同じ表
/about
業務①業務②事務所概要日記
電話番号
概要
氏名
資格・登録番号
所属団体
所在地
電話 ・ メール
対応エリア
受付時間
お問い合わせ
電話をかける フォームから送る
5 / 5日記(一覧と記事)
/blog
業務①業務②事務所概要日記
電話番号
日記の一覧
0000.00.00
0000.00.00
0000.00.00
記事のページ
お問い合わせ
電話をかける フォームから送る

おすすめは B案

名刺をお渡しした方が最初の画面で見るのは、何をしている方か、どんな業務か、資格と連絡先のあたりです。B案はTOPが短く、業務が増えたら業務内容のページを分けられます。分けた分ページは増えます。A案はTOPが長くなり、C案は業務が3本になるとページが1枚増えます。どれが合うかはチラシの業務の数で変わるので、チラシを見ながら決めましょう。