HPデザインの作り方!初心者が知るべきワイヤーフレームとは? | Reach@(リーチアット)

お問い合わせ

2019.1.18

HPデザインの作り方!初心者が知るべきワイヤーフレームとは?

HPデザインの作り方!初心者が知るべきワイヤーフレームとは?「新しくホームページを作ろうか迷っている。でもデザインの仕方が分からないよ。。」

という方はおられませんか?

何でも初めての際はどうすればいいか分からずに迷ってしまいますよね。

今日は、ホームページのデザインが全く分からない!という方に向けて、デザインをする上で欠かせない存在であるワイヤーフレームについてお伝えしたいと思います。

ワイヤーフレームとは

初めてホームページを制作される方は、「ワイヤーフレームって何?」という状態だと思います。

ワイヤーフレームとは、デザインをする際の基となる、下書きのようなものです。

これはホームページを作る際の指針となる必須になります。

ワイヤーは線を、フレームは骨組みを意味し、画面上のどこに、何を配置するのかを表現します。

また、クライアントがいる場合や複数の人で作業している場合、イメージを伝える際のツールとしてとても役に立ちます。

それでは、どのように作成するのでしょうか。

その一、情報の整理

HPデザインの作り方!初心者が知るべきワイヤーフレームとは?

まずは、ホームページに載せたい内容を決めます。

そして、文章や画像は何を使用するのかをまとめましょう。

この時点で必要なことは、ホームページを何のために誰に向けて作るのかという目的や、各ページのテーマが明らかになっていることです。

これは、完成のクオリティを一番左右する大切な要素です。

後付けはできませんので、最初にしっかりと考え抜きましょう。

その後は、同じ要素をグループにすること、重要な情報の順番にランク付けすることで、後々楽にデザインすることができます。

その二、レイアウト決め

レイアウトとは、画面の分割方法のことです。

例えば、分割しない「フルスクリーン」、ヘッダー、コンテンツ、サイドバー、フッターを置いた「マルチカラム」、ヘッダーとコンテンツのみの「シングルカラム」、タイル状に分割された「タイル」などがあります。

これらは用途に合わせて使い分けましょう。

その三、下書き

最初は紙と鉛筆で、レイアウトを描いてから情報を配置します。

新たに掲載したい情報や、要らない情報が出てきたときにすぐに対応できますし、感覚的に配置することができます。

その四、清書

清書はツールで行います。

色々なツールがあるので、試して、使いやすいものを探してみるのがいいかもしれません。

まとめ

今回は、ホームページデザインの初心者の方に知ってほしいワイヤーフレームについてお話させていただきました。

是非この記事を参考にして、素敵なホームページを作ってくださいね!

この記事を書いた人

ニックネーム・役職Reach@ 管理人

ユーザープロフィール情報が入りますユーザープロフィール情報が入りますユーザープロフィール情報が入ります

ブログ更新代行・記事作成代行サービスなら
Reach@におまかせください!

Reach@とはHPから御社の見込み客を収集するためのコンテンツ企画代行で、見込み客のニーズに合った文章を作成し、その文章をホームページ上に年間約10万文字アップしていき、ブログから集客をしていく内容になります。

□ブログ更新・SEO対策ならおまかせ!

実際御社でもこのようなお悩みはありませんでしょうか?
・HPからの集客がうまくいっていない
・ブログをやった方がよいといわれているが、忙しくてなかなか更新ができていない
・ブログ更新をしているが、どのような記事を書いたらいいかわからない
・記事外注を依頼したことがあるが、成果が出なかった
・WEB集客をしたいが、まず何から始めたら良いかわからない

ホームページへの入り口を多く増やしていくことで、HPにより多くのアクセスを生んでいくことができます。その入り口を増やしていくのが、「Reach@」です。ただ単にブログ更新をしていくのではなく、潜在的なニーズを持ったお客様により的確な問題解決方法やお役立ち情報を定期的にお届けしていきます。定期的に更新を行っていくため、Googleの検索エンジン、SEO対策もばっちりです。こまめなブログ更新で情報発信していけば、HPへのアクセスも格段にアップすることができます。

□なぜ問題解決型のブログ更新が重要なのか

実際に世の中の商品やビジネスのほとんどは「問題解決」するための商品やビジネスです。例えば、外壁塗装は「家の外壁がはがれてきている」という問題を解決するビジネスです。その他にも結婚相談所が解決するのは「結婚したいが、相手がいない」という問題解決、鍼灸・整体・マッサージが解決するのは「腰が痛い」という問題解決、リフォームが解決するのは「生活環境をよりよくしたい」という問題解決するためのビジネスになります。

上記問題を解決するために、お客様はお金を払うため、ブログ記事を作るときも、お客様がどんな悩みや問題を抱えていて、御社の商品やビジネスがその問題をどのように解決できるのかという部分に焦点を当ててブログを書いていくことが重要になります。そうすることによって、御社の見込みとなるお客様をホームページに集めてくることができるのです。

□WEB集客で成果を出していくために重要なこと

そのため、当社ではまずサイトの無料診断を受けていただき、御社が取るべき戦略をご共有させていただきます。その内容を資料にまとめ、担当から30分~1時間程度お時間をいただきまして詳しくご説明させていただいております。

このような取り組みを行った結果、
・1か月のPV数が10倍近く増えた
・お問い合わせ数が3倍に増えた
・狙っていきたいSEOキーワードが1位を獲得できた
などの実績もございます。

当社は自社ライターを活用しており、”コピーコンテンツ対策”も万全ですので、
「実際にどのような記事を書いていくのか見てみたい」、
「どのような事例・成果があるのか知りたい」、
「当社にはWEB集客においてどのような戦略で取り組んでいけば良いのか知りたい」
など少しでもお悩みやご相談ごとがございましたら、まずはお気軽にご相談くださいませ。

  • 記事作成で最も必要な要素とは?

    ブログ記事をライティングする人がSEOの知識があるプロかどうか?

    読み手にとって自然な文章を書くことは、フリーランサーのライターやSEOについての知識のない人にも出来るでしょう。しかし本当に必要なのは検索エンジンに評価され、かつユーザーが求めている情報に回答できているコンテンツを提供できているのか?という事です。ターゲットのユーザーが検索するキーワード検索に対してきちんと検索結果に表示される記事であり、たどり着いたユーザーの悩みや問題を解決することで集客にも繋がります。当社ではSEOの専門家が独自のツールを用いて、現状のサイト流入状況の把握、競合比較、最近のSEOトレンドの把握などを定期的なお打ち合わせを通して行っております。そのため、他社にはない、定期的な改善やGoogleのアルゴリズムアップデートに対しても対応することが可能です。どのようなキーワードを上げることで集客につながるのかや競合の流入状況やWEB上での対策内容を把握することで、御社の会社としてのWEBまわりの方向性も定めることができます。当社の担当がお客様のビジネスモデル、事業内容の把握や他社と比較したときの強み、かけることができる費用などをお伺いすることで、最小限のコストでWEB集客を成功することができる内容をご提案・支援させていただきますので、お気軽にご相談ください。

  • 記事のアクセス数が伸びない理由

    検索するユーザーのニーズにあった内容のコンテンツを提供出来ていないから

    webサイトに掲載しているブログ記事の内容は、どのように決めているでしょうか?企業側が発信したい内容と、ユーザーが必要としているコンテンツにはズレがあります。多くの企業は「ブログの更新の必要性」には気付いていますが、日常の出来事や、アピールしたい自社製品のPR、自社にとって喜ばしいニュースなどがメインになってしまっています。しかし実際にユーザーが必要としているのは、自分の悩みや問題を解決する方法です。例えば、これから住宅を建てようと考えている方は、「住宅ローンはどうやって組めばよいのだろうか?」「間取りを決める際に注意しておくべきことはなんだろう?」「両親のことも考えて二世帯住宅なども検討しているが、どのような障壁があるか?」など悩むポイントは多種多様です。現在Googleで検索する方のおよそ85%の方がこのような情報収集型の検索といわれており、「大阪 注文住宅」のようなすでに大阪の地域で注文住宅を建てようと考えているいわゆる購入型の検索の5%と比較すると検索している方の数が圧倒的に違うことをお分かりいただけると思います。今すぐに住宅を購入したい方向けのコンテンツだけでなく、これから住宅を建てようと考えられているいわゆる潜在層のお客様からのアクセスを増やしていくことで、全体のアクセスを増やしていくことが可能になります。そのためにも自社が発信していきたい内容だけではなく、お客様が悩んでいる内容を発信していくことが重要なのです。

  • 質の高い記事は高価格という先入観

    Reach@は高学歴ライターが在籍しているから実現出来ます

    弊社は関西で最もインターン生が集まる企業です。常時100名近くの優秀な学生たちが集まり、マーケティングについてプロレベルまで技術を磨いています。偏差値60以上の高学歴の学生ライターたちがReach@の正規ライターになるためには、社内ライティングテスト合格しなければいけません。そのため、Reach@の記事は質が高く低単価を実現でいるのです。

  • 記事作成だけでなく更新作業も代行

    記事を納品するサービスはありますが更新作業も自社で担当すると大変です

    フリーランサーや記事外注業者など、あるキーワードやテーマを元に記事を作成してくれるサービスはこれまでも多くありましたが、Reach@では更新作業も全てお任せ頂けます。WordPressのブログの場合、見出し・カテゴリーの設定を追加料金などはなく、更新作業も全て含んだプラン料金となっています。面倒な更新作業も全てお任せ頂けるからこそ、本来の業務に集中して頂くことが出来るのです。継続的なコンテンツ更新が重要といわれている昨今このように企画→記事の執筆→校正→投稿→成果測定を行うコンテンツ更新が必須となってきております。