【ホームページ作成準備】ホームページの設計図を作ろう

「さぁ！ホームページを作ろう！」と考えながら作っていくのもひとつですが、事前に準備をしておくことで無駄なくスムーズに作ることができます。

何事も目標や計画が大切です。まずはホームページの設計図を作ってみましょう。

遠まわりなようで結果的には近道になりますよ☺

ホームページに必要な情報

• サイト名（屋号でもOK）
• サブタイトル
• ディスクリプション（検索結果に表示されます。）

ホームページに掲載したい情報

• プロフィール
• コンセプト
• 提供したいサービス
• お申し込みフォーム
• お問い合わせフォーム
• プライバシーポリシー
• ブログ記事（事前にいくつか準備しておくとサマになります）

これらを事前にワードやメモ帳などで作成しておくとスムーズです。

ちなみに私はエクセルで作成しています。

また、各ページの写真も準備しておくとスムーズです。

▼無料で使える写真素材サイトも利用してみてくださいね。

ホームページのレイアウト

掲載したい情報が決まったら、どのようにレイアウトするかを決めます。

ホームページの基本のレイアウトは次のとおりです。

タイトル
ヘッダーメニュー
コンテンツ	サイドメニュー
フッターメニュー

運営者の情報（プロフィール、コンセプト、お問い合わせ）はヘッダーなど目立つ場所に設置しましょう。

ヘッダーメニュー、サイドメニュー、フッターメニューそれぞれに何を掲載したいか、掲載する順番も考えてくださいね。

レイアウトも事前にエクセルや手書きで作成しておくとスムーズです。

ホームページのカラー

ホームページの色も決めておきましょう。

• テーマカラー
• アクセントカラー
• 文字の色（濃いグレーや黒がおすすめ）
• リンクの色（青系がおすすめ）
• 背景の色（白やグレーなど薄い色がおすすめ）

色の選び方などの参考に♪

▼色の名前とカラーコードが一目でわかるWEB色見本

▼ホームページに最適な配色を選ぶ方法

▼配色パターン見本

デザインと色の参考に♪

私も持っている本です。デザイン初心者でもわかりやすいです。ホームページだけでなく、インスタの文字入れ、名刺やチラシ作成などの参考にもなります。

ホームページの設計図づくりのサポートします（休止中）

✓このページを見てもさっぱりわからない
✓設計図を一緒に考えてほしい
✓作った設計図にアドバイスがほしい

こんな方のために『ホームページの設計図づくりのサポート』をさせていただきます。

日時と場所（オンラインも可能）

なるべくご要望に沿えるようにいたします。

※インターネット接続環境が必須です。

料金

3,000円／１時間＋交通費

※1時間以降は30分につき1,500円追加となります。
※『ホームページ作成サポート』にお申し込みの方は無料です。

お申し込み方法

インスタのDMまたはお問い合わせから次の①～⑤を送信してください。24時間以内に折り返しご連絡いたします。

1. ホームページの設計図づくりのサポート
2. お名前（フリガナ）
3. ご住所（○○県□□市△△町）
4. 年齢（例：40代）
5. 性別（女性限定です）