デジハリ佐賀 | 地域密着のWebデザイナースクール

1.クライアントの要望をヒアリング

Webデザイナーの仕事は、まずはクライアントの要望をヒアリングすることから始まります。ヒアリングの内容は様々ですが「どのようなターゲット向けに、どのようなコンセプトのホームページを作成したいのか」の確認や「ホームページを作成することで得たい成果・目的」などをヒアリングします。その他、細かな点も確認し、クライアントと共通認識を持っていきます。

2.Webサイトの構成とレイアウトをデザイン

ヒアリング後に作成した構成図を元に、ホームページの各ページのコンテンツの配置など「レイアウトを線や枠で示したワイヤーフレーム」を作成します。

• ページを構成する情報をどのくらいのボリュームで、どこに配置するのか
• 文章で表示するのか
• イラストや画像で表現するのか

などユーザーが必要な情報にたどりつくための導線にも配慮しながらレイアウトを決めていきます。クライアントや制作に関わるスタッフが、ホームページの全体像を把握し、方向性や機能の共通認識を持って制作を進める上で欠かせない重要なプロセスです。

3.ホームページ全体デザインを行う

設計した「構成図」「ワイヤーフレーム」を元に、実際のホームページと同じ見た目の「デザインカンプ」や「モックアップ」といわれる完成イメージを作成します。PhotoshopやFigma、Illustratorといったデザインソフトを使用し制作し、クライアントに確認、修正を行います 。また、Figmaのプロトタイピングツールを使用して、ページ遷移やアニメーションを再現した「プロトタイプ」を作成し、実際のデバイスで完成イメージや操作性などUI（ユーザーインターフェース）/UX（ユーザーエクスペリエンス）をテストすることも増えてきました。

4.ホームページのコーディングをする

完成したデザインをWeb上に再現するために、コーディングを行います（「HTML」「CSS」などのマークアップ言語を用いてソースコードを記述する作業）文章の見出しや段落といった文章構造や、リンクをHTMLで指定し、文字や装飾の色、サイズ、レイアウトなど見栄えをCSSでコンピューターに指示を出します。

ユーザーを惹きつけ、サイトへの滞在時間を延ばす「UI設計」や、ユーザーの満足度を高め、Web サイトの価値を高める「UX設計」を行います。また、トンマナ（トーン&マナー）を作り、デザインなどに一貫性を持たせるルールを決めます。

1.デザインソフトを使いこなすスキル

Webデザイナーとしてデザインを作る際に欠かせないのが、IllustratorやPhotoshop、Figmaといったソフトです。Webデザインを具体化するには、グラフィックソフトの習得が必須になります。

2.プログラミングスキル

Webデザイナーは、デザインだけではなくコーディングなどのプログラミングスキルが必要になります。※プログラマーレベルの専門性のあるスキルがないとWebデザイナーになれないという訳ではありませんが、プログラミングのスキルがあることで仕事の幅が広くなります。

3.デザインスキル

Webデザイナーにとって、デザインに関する知識やスキルは欠かせません。特にWebデザインに関する知識やスキルの取得は必須です。また、Webデザインは、紙媒体で用いるグラフィックデザインとは表現や手法が異なる点があることも知識として知っておく必要があります。

4.コミュニケーション能力

Webデザイナーは、1人で完成まで制作を進めるというよりも、クライアントだけではなく多くの人とコミュニケーションを取りながら制作を進めていくことがほとんどです。他の職業同様に、コミュニケーション能力が必要になります。