初めてのHP制作でも安心!専門用語なしで制作の流れを解説

記事
デザイン・イラスト
こんにちは! このブログを読んでいただき、ありがとうございます。

突然ですが、皆さんの中にこんなお悩みをお持ちの方はいませんか?
「自分のお店や会社のホームページ(HP)を作りたいけれど、何から手をつけていいか分からない…」 「業者さんの説明が専門用語ばかりで、宇宙語に聞こえる…」

ご安心ください! このブログを読めば、HP制作の全体像がスッキリと理解できるようになりますよ。
今日は、難しいIT用語は一切使いません。 HP制作を皆さんがイメージしやすい「家づくり」に例えて、分かりやすく解説していきますね。

■ HP制作は「家づくり」と全く同じ!

インターネットの世界を、私たちが住んでいる「現実世界」だと思ってください。 その世界に、あなただけの「お店」や「家」を建てるのがHP制作です。

家を建てる時には、次のような手順を踏みますよね。
1.どんな家にしたいか相談する(設計)
2.家を建てる「土地」と「住所」を用意する
3.外観や内装を決める(デザイン)
4.大工さんが実際に家を建てる(建築)

実は、HP制作もこれと全く同じ流れで進んでいくんです。 それでは、一つずつ見ていきましょう!

■ STEP1:どんな家にしたいか相談する(設計・ヒアリング)

いきなり木材を切って家を建て始める大工さんはいませんよね。 まずは「家族何人で住むのか」「どんなライフスタイルなのか」をヒアリングして、間取り図(設計図)を作ります。

HPも同じです。 「誰に見てほしいのか」「HPでどんな目的を達成したいのか(集客したい、名刺代わりにしたい等)」をしっかりと話し合います。 この土台作りが、良いHPを作るための最も重要なステップになります。

■ STEP2:「土地」と「住所」を用意する(サーバーとドメイン)

家を建てるためには「土地」が必要ですし、郵便物を届けてもらうための「住所」も必要ですよね。
インターネット上でも全く同じです。
・土地 = サーバー(HPのデータを置いておく場所)
・住所 = ドメイン(「〇〇.com」などのURLのこと)
「サーバー?ドメイン?」と難しく聞こえるかもしれませんが、「ネット上の土地と住所を契約するんだな」と思っていただければ大丈夫です。 (もちろん、私のサービスではこの辺りの面倒な手続きもしっかりサポートいたします!)

■ STEP3:外観や内装を決める(WEBデザイン)

間取りが決まり、土地も用意できたら、次はお楽しみのデザインです!
「外壁は温かみのあるレンガ調がいいな」
 「リビングの壁紙は明るい白にしよう」
このように決めていくのと同じように、HPの色合い、写真の配置、文字のフォントなどを決めていきます。 あなたの会社やお店の魅力が最大限に伝わるよう、プロの目線でオシャレで使いやすいデザインをご提案します。

■ STEP4:大工さんが実際に家を建てる(コーディング)

デザイン(完成予想図)ができたら、いよいよ建築開始です。
大工さんがトンカチやノコギリを使って家を組み立てていくように、WEBデザイナーが特殊な言語を使って、インターネット上で正しく表示されるように組み立てていきます。
この作業を「コーディング」と呼びますが、お客様が何か特別なことをする必要はありません。 大工さんの腕の見せ所ですので、完成を楽しみに待っていてくださいね。

■ STEP5:完成・お引渡し(公開)

全ての工事が終わり、鍵をお渡しして、晴れて入居(インターネット上への公開)となります! これで、世界中の人があなたのHPにいつでもアクセスできるようになります。

■ おまけ:HPとLP(ランディングページ)の違いって?

ここで一つ、よく聞かれる質問にお答えします。 「HPとLPって何が違うの?」
家づくりで例えるなら、 HPは「総合案内所(色々な部屋がある大きな家)」です。 会社概要、サービス内容、アクセスなど、たくさんの情報が整理されています。
一方、LP(ランディングページ)は「凄腕の営業マンが配る、1枚の長い特設チラシ」です。 「この商品を売りたい!」「このセミナーに申し込んでほしい!」という『たった一つの目的』を達成するために作られます。 他のお部屋へのドア(他のページへのリンク)がないので、お客様が迷子にならず、最後まで一気に読んでもらえるのが特徴です。
目的が「信頼感のアップ」ならHP。 「特定の商品・サービスの販売や集客」ならLP。 このように使い分けるのがおすすめです!

■ 終わりに:家づくりはプロにお任せを!

いかがでしたでしょうか? 専門用語を使わなくても、HP制作の流れがなんとなくイメージできたのではないでしょうか。

最近は、DIYのように自分でHPを作れる無料ツールもあります。 でも、素人さんが見よう見まねで建てた家は、スキマ風が入ったり、雨漏りしたり(=スマホで見ると文字がズレていたり、検索してもなかなか出てこなかったり)することがよくあります。

大切なあなたのお店や会社の「家」です。 安心・安全で、魅力を120%引き出す立派な家を建てたいなら、ぜひプロの大工(WEBデザイナー)にお任せください!

「ITのことは本当に右も左も分からない…」 そんな方こそ大歓迎です。 最初の「どんな家にしましょうか?」というご相談から、完成まですべて丸ごとお手伝いさせていただきます。

私のココナラの出品ページでは、
・会社の顔となる「HP制作」
・売上に直結する「LP制作」
どちらのサービスもご用意しております。
ぜひ一度、サービスページを覗いてみてくださいね。
あなたの想いを形にするお手伝いができる日を、心よりお待ちしております!
サービス数40万件のスキルマーケット、あなたにぴったりのサービスを探す ココナラコンテンツマーケット ノウハウ記事・テンプレート・デザイン素材はこちら