フリーランスが営業なしで受注する方法5つ

webデザイナーの現実は酷すぎ?企画スキルをつけて差別化すべき【5分】

webデザイナーとして会社員になっても給与が低くブラック労働になる、フリーランスになってもwebデザインの単価は低いのでは?と現実が不安な人は、webデザインの企画スキルをつけて差別化すべきです。

webデザインの企画スキルとはwebサイトのデザインの前の段階でクライアントから聞いた情報をもとに情報設計をすることです。

現在フリーランスである私が受注する案件はほとんどクライアントからの直案件で、企画、設計、デザイン、コーディングまで1人で行うことで他と差別化したり効率的に案件を回すことが出来ています。

今回は企画〜設計で必要になるwebサイトの企画方法をお伝えします。

 

webデザイナーの現実が酷すぎると不安な人は、企画スキルをつけて差別化すべき【5分】

webサイトの企画とは、webサイト制作の企画〜設計の段階で必要となることで、これを行なった後にデザイナーがデザイン、コーダーがコーディングをしていきます。

webサイトの方向性を決める指針であるため、ウェブサイトでCVが上がるか否かを大きく貢献することができます。

それと合わせて、本来ディレクターが行う領域(企画、設計)も行うことになるため、単価UPに繋がります。

webサイトの情報設計を行うには、制作会社から受注するより、クライアントから直で案件を受注する方が任せてもらえる可能性が高いです。

 

webデザイナーの現実が不安な人向けにwebサイトの企画を行う方法を5分で説明

webデザイナーの現実が不安な人向けのwebサイト企画1.現状分析・原因・解決策考案

webサイトの現状分析・原因・解決策考案の流れ

  1. webサイトの問題分析
  2. 原因分析
  3. 解決策考案

合わせて行っておきたいこと

  • ユーザーを具体化する(ユーザーをペルソナ化する)
  • ユーザーはwebサイトを見てどんな感動を得られるのか
  • ユーザーにどんな行動を取らせるのか(どのようにサイトの流入し、CV(お問い合わせ、登録)するのか)
  • ユーザーに狙った行動を取らせるために何をするのか(どんな情報を与えるのか)

など

 

webデザイナーの現実が不安な人向けのwebサイト企画2.構造設計をする

構造設計の流れ

  1. 必要なコンテンツの洗い出し
  2. コンテンツに優先順位をつける
  3. コンテンツの見せ方を決める

サイトマップ・ディレクトリマップで情報を整理する

3.で情報を整理するのに必要となるのが、サイトマップ・ディレクトリマップです。入れたいコンテンツをどこに入れるか、サイトの構造を決めます。
サイトマップの例は以下です。(「クラウドベースのワイヤーフレーム作成ツール Caccoから引用」)

ワイヤーフレーム設計で情報の見せ方を決める

次はサイトにどのようにコンテンツを配置していくかワイアフレームを設計します。

ワイアフレームの例は以下です。(「クラウドベースのワイヤーフレーム作成ツール Caccoから引用」)

 

webサイトの企画で合わせて意識すると良いこととしてユーザー体験を考えることが挙げられます。以下で紹介しているので参考にしてください。

ニャンニャン

【5分】UXデザインの手法6つ。初心者がウェブ制作で使える方法も