Webデザイナー 依頼｜仕事内容と費用、選び方

Webデザイナーは、お客様があなたのビジネスを見つけて連絡できるように、Webサイトの見た目、レイアウト、動線を考えて形にします。米国やカナダの小規模ビジネスの場合、Webデザイナーに依頼してプロが作るサイトは、ページ数や機能によって、一般的に1,500〜10,000ドルが目安です。

Webデザイナーの仕事とは？

Webデザイナーは、サイトの見た目、各ページのレイアウト、そして訪問者が最初の画面からお問い合わせまでたどる流れを決めます。この仕事をWebデザインと呼びます。目的はシンプルです。初めて訪れた人が、何を提供しているのか、どう連絡すればよいのかをすぐに理解できるようにすることです。

仕事は、たいてい決まった順番で進みます。まず、あなたのビジネスやお客様、訪問者にしてほしい行動についての打ち合わせがあります。次に、デザイナーがページの構成を考え、モックアップを作ります。モックアップとは、コードを書く前に作る、各ページの完成イメージ図のことです。その間に、グラフィックを作成または用意し、あなたのブランドカラー、フォント、ロゴを取り入れて、どのページも一つのブランドらしく見えるように整えます。さらに、ナビゲーション、つまり人が目的の情報を見つけやすくするメニューやリンクも設定します。最後にサイトを納品し、修正にも対応します。

腕のよいデザイナーは、サイトをレスポンシブにもします。レスポンシブとは、どんな画面サイズにも合わせて表示が調整されることです。たとえば、クイーンズにある水道工事業者を考えてみましょう。水漏れで困っている人は、スマートフォンで検索します。ですから、ページの一番上にタップで電話できる大きなボタンが必要です。一方、デスクでサービスを比べている人は、サービスの全リストと対応エリアを見たいはずです。レスポンシブなサイトなら、同じページのセットで、どちらの人にも応えられます。

WebデザイナーとWebデベロッパーの違いは？

Webデザイナーは見た目、レイアウト、ユーザーフローを形づくり、Webデベロッパーはサイトを実際に動かすコードを書きます。ユーザーフローとは、訪問者があなたのページをたどっていく道すじのことです。デザインが答えるのは、「どんな見た目にして、どこをクリックしてもらうか？」という問いです。開発が答えるのは、「表示が速く、どの端末でも動き、お問い合わせがあなたに届くように、どう作るか？」という問いです。

では、デザイナーはコードも書くのでしょうか？ 書く人もいれば、書かない人もいます。小さな制作会社の多くは両方を担当するので、一つのチームでモックアップから公開まで任せられます。大きな会社では役割を分けていることが多く、デザイナーが完成したモックアップを別のデベロッパーに渡す場合もあります。

ここでのルールはこうです。モックアップだけでなく、完成して動くサイトを依頼しましょう。きれいな画像が並んでいるだけでは、Webサイトとは言えません。料金にページの制作、テスト、公開まで含まれていることを、書面で確認してください。

この仕事を学ぶためにこの記事を読んでいる方に向けて言うと、Webデザイナーの職務内容は、通常、レイアウト、ビジュアル、ブランディング、使いやすさが中心です。コーディングまで求める企業もあれば、デベロッパーに任せる企業もあるので、求人ごとに具体的な業務内容を確認しましょう。

必要なのはWebデザイナー？ ホームページ作成ツール？ それともAIツール？

どれを選ぶかは、Webサイトにどこまでの役割が必要かによって決まります。テンプレートとは、あらかじめ用意されたレイアウトに、自分の文章や写真を入れて使う仕組みです。一方、カスタムコーディングのサイトは、プランに合わせてゼロから作ります。そのため、レイアウトも機能も、ビジネスの側に合わせて作れます。Webサイト作成ツールやAIツールが短時間で作るのは、たいていテンプレート風の仕上がりです。それ以上のことが必要なら、Webデザイナーへの依頼が近道です。

• 数ページほどのシンプルなサイトが必要で、文章も自分で書けて、標準的なレイアウトで十分なら、Webサイト作成ツールで足ります。
• たたき台や、ページ構成のラフなアイデア、仮の文章がほしいときは、AIツールが時間の節約になります。ただし、内容の確認と修正はご自身で行うことが前提です。
• 問い合わせまでの導線を細かく決めたいとき、外部サービスとの連携やクライアント用ポータルが必要なとき、将来の拡張に余裕がほしいとき、同じテンプレートを使う競合と差をつけたいときは、カスタムコーディングのサイトが効果を発揮します。

お金を払ってWebデザイナーに依頼し、サイトを作ってもらうことはできるのでしょうか。はい、できます。実際、多くの小規模事業者がそうしています。AppDesign360はテンプレートではなく、カスタムコーディングでWebサイトを制作します。料金は1,500ドルからです。作業を始める前に、制作範囲、料金、公開日を書面で取り決めます。

Webデザイナーの費用はどれくらいですか?

米国やカナダの小規模事業者の場合、プロが作るWebサイトの費用は、ページ数や必要な機能によって、一般的に1,500ドルから1万ドルの範囲に収まります。AppDesign360では、料金は3つのプランに分かれています。どのプランになるかは、書面の制作範囲で確認します。

費用を左右する要素は4つあります。1つ目はページ数です。2つ目は機能で、予約フォーム、決済、クライアント用ログインなどがあたります。3つ目はコンテンツです。完成した文章と写真をお渡しするサイトは、デザイナーが素材を集めるサイトより費用が抑えられます。4つ目は、各ページの文章、つまりコピーを誰が書くかです。文章を書くのも立派な仕事です。見積もりに含まれているかどうかを確認しましょう。

ホスティングやドメインなど、外部サービスの利用料は、デザイン費用とは別になることがよくあります。ホスティングとは、サイトをインターネット上で公開し続けるためのサービスです。ドメインとは、サイトの住所にあたるWebアドレスのことです。1年目の合計額で思わぬ出費が出ないよう、これらの費用も書面で確認してください。

デザイナーの料金の決め方は2通りあります。1つ目は固定料金で、取り決めた制作範囲を1つの金額でまかないます。計画がはっきりしているWebサイトに向いています。2つ目は時間単位の料金で、修正や継続的なサポート、作業量を見積もりにくい作業に向いています。AppDesign360のデザインと開発の作業費は、1時間あたり20ドルからです。Webデザイナーの給与の数字は、また別のものです。それは従業員の収入を示すもので、制作会社に支払う費用ではありません。制作会社の費用には、企画、テスト、公開、サポートも含まれます。

Webデザイナーはどのような手順で選べばよいですか?

選ぶときは、短い手順に沿って進めましょう。誰かに連絡する前に、まず考えを整理しておくことが大切です。「近くのWebデザイナー」を検索する場合も、オンラインのマーケットプレイス、知人の紹介、地元の制作会社を探す場合も、手順は同じです。地元のチームなら直接会って相談できます。ただ、リモートで納品する制作会社でも、同じように力になれます。AppDesign360も、クイーンズとティーネックから米国とカナダ全域のお客様に対応しています。

1. 目標と、お客様からの連絡手段を決めましょう。電話、フォームからの問い合わせ、予約など、何がほしいのかを決めます。デザイナーは、言葉にされた目標に向けてしか作れません。
2. ポートフォリオを見ましょう。きれいな画像だけでなく、完成して実際に動いているサイトがあるかを確認してください。パソコンだけでなく、スマートフォンでも開いてみましょう。
3. コード、ホスティング、アカウントの所有者を尋ねましょう。この3つはすべてご自身で持つべきもので、所有権と引き渡しの方法は書面で定めておく必要があります。
4. 公開後の対応を確認しましょう。AppDesign360では、新規制作のサイトについて、制作したチームが公開後30日間、不具合を修正します。ほかのデザイナーにも、同じような対応があるかを聞いてみてください。
5. まずは電話で話してみましょう。AppDesign360では、無料の20分間ディスカバリーコールで、目標や現在お持ちのもの、次のステップを一緒に確認します。技術的な仕様書は必須ではありません。

電話では、公開日を尋ね、範囲と価格とあわせて書面にしてもらいましょう。日付があれば、あいまいな約束が、予定を立てられるものに変わります。制作期間はページ数、機能、そして内容の素材をどれだけ早く用意できるかで変わります。何も質問せずに期間を示すデザイナーは、内容をよく見ていないことになります。

Webデザイナーに依頼するとき、避けたい失敗は?

依頼のトラブルの多くは、デザイナーの腕が悪いからではなく、書面に残していなかったことから起こります。特にトラブルになりやすい失敗を挙げます。

• 範囲、価格、公開日が書面にない。これらがないと、何が含まれ、いつ納品されるのかについて、お互いに違う想像をしてしまうことがあります。
• コードやアカウントを自分で持っていない。デザイナーがホスティングやファイルを握っていると、あとから離れるのが難しくなります。コード、ホスティング、アカウントを自分で持てることを確認しましょう。
• 価格だけで選ぶ。いちばん安い見積もりは、文章作成やテスト、サポートが含まれていないことがあります。合計金額だけでなく、各見積もりに何が含まれているかを比べましょう。
• 仕様があいまい。「モダンなサイトにしたい」と伝えるだけでは、デザイナーが形にする手がかりがほとんどありません。ページの一覧、各ページの役割、こちらで用意するものを書き出しましょう。

AppDesign360のあるお客様は、この最後の点をはっきりと語ってくれました。詳細な仕様は成功に欠かせないと話す一方で、プロジェクトは納期を数週間超えたとも話しています。さらに、チームが範囲に合わせて対応してくれたこと、そしてすでに追加の仕事をお願いしていることも添えてくれました。

これはプロジェクトの実際の姿を正直に伝えています。特に途中で要件が変わると、スケジュールは遅れることがあります。書面の範囲があっても、すべての遅れを防げるわけではありません。ただ、何に合意したのか、何が変更にあたるのかについて、双方が同じ基準を持てます。

学位がなくてもWebデザイナーになれますか?

はい、なれます。クライアントがWebデザイナーに仕事を頼むのは、卒業証書ではなく、完成した作品を見て決めるからです。デザインやコンピューターサイエンスの学位は学ぶ助けにはなりますが、サイト制作を頼む経営者は、まずポートフォリオを見ます。

ポートフォリオとは、実際のプロジェクトを少数集めて見せられるようにしたものです。それぞれに、公開中のサイトへのリンク、依頼された内容、自分で担当した内容を入れましょう。まだクライアントがいなければ、地元の非営利団体や友人の小さなお店のためにサンプルサイトを作ってみてください。そのうえで、各ページ、スマートフォンでのレイアウト、訪問者がトップページから問い合わせフォームにたどり着くまでの流れを見せましょう。

収入は、はっきり言うのが難しいところです。Webデザイナーの給与は、住んでいる場所、経験の長さ、雇い主によって変わります。フリーランスの収入は、会社員の給与とはまた違います。信頼できる数字をお伝えできないので、最新の求人サイトの掲載情報や、お住まいの地域に関する政府の労働統計をご確認ください。これらの情報は更新されますが、ここに載せた数字は更新されないからです。

次のステップは?

appdesign360.comで、無料の20分間ディスカバリーコールから始めましょう。目標、すでにお持ちのもの、そして現実的な次の一歩を一緒に確認します。技術仕様は必須ではありません。大まかなアイデアと、お客様についてのわかりやすい答えがあれば大丈夫です。

進めることになった場合は、作業を始める前に、範囲・料金・公開日を書面で取り決めます。コード、ホスティング、アカウントは引き続きお客様のものです。通話は無料なので、このスタジオとプロジェクトが合うかどうかを、リスクを抑えて確かめられます。