##ペルソナを決める
ペルソナとは、架空の人物である。Webサイトを利用する人を、年齢、性別、職業、家族構成、趣味などを具体的に設定します。
ターゲットとはユーザー層であり、クライアントが想定している人です。
ペルソナターゲットに比べて、ピンポイントな人です。
##ライティング、ブランディングをする
ライティングは、掲載する文章のことです。
できるだけリフレーミングして書くことが大切です。Webサイトにおける文章はタイトル、ヘディング、本文に分かれており、どのようにコーディングしていくかを文章を構成する段階で考えとかなければならない。
ブランディングは、商品コンセプトを決めることです。
商品イメージを構成段階で具体的にしていくことです。これにより素早くデザインを行うことができます。
##デザインをする
デザインは、グレースケールでのデザインから始まります。
メニュー、ロゴ、ヘッダー、フッター等をレイアウトします。新規サイト、ブランドサイト、コーポレートサイト、デザインサイトなど決めてから行います。
これによってレイアウトは、基本はZ型、LPであればF型など決まっていきます。
#要素をあらかじめ決める
素早くコーディングを行うにはデザインの段階で要素の大きさなどを決めておく事がたいせつである。
例
・フォントサイズ
50px 42px 36px 20px 16px 8px
・マージン
20px 30px
コンテンツに対してtop:20px bottom:30px
・ボックス
角丸 5px or 20px
・ヘディング
h1 h2 h3 h4 h5 h6
・レスポンシブ(コンテナ幅)
PC 1000px タブレット 600px スマホ 360px
・ブレークポイント
1920px 1440px 1366px 1280px 1000px 390px
※ブレークポイントは会社によって違います。