目的やターゲット情報を整理してデザインに必要な要素を揃えます。
情報が足りない場合は必要に応じてリサーチ、補完します。

参考サイト選定

参考サイトで視覚的な方向性を共有して認識のズレを防ぎます。
視覚、情緒、機能のどこが良くて、どの部分が合わないか明確にします。

コンセプトの整理

デザインコンセプトを整理し、目指すべき方向性を明確にします。
機能性と見た目のバランスをサイトの目的に沿って設計します。

サイトの目的に合わせた自由なデザインと、実装を見据えた設計書としての
バランスを考えて制作します。
ツールはFigmaを中心に、必要に応じてAdobe製品を使って制作します。

制作過程を残すことで判断材料になるデータとして使えます。
修正の際に課題解決の手段が複数ある場合は別パターンや代替案を提示致します。

デザインを言語化し、なぜその見た目なのかを文章で解説します。
必要に応じてクライアントへの説明として最適化した資料を作成します。

最適なHTMLを意識したタグ割り当てや最適な階層構造、altの設定をします。
ディスクリプションやOGP画像などの基本的なものは特別に依頼がない場合もこちらで設定致します。

丁寧なレスポンシブ対応でデザインの意図を維持したままユーザーに届きます。
デザイナーがサイトの動きまで実装することで、統一感のズレを防ぎます。
また、コミュニケーションコストや制作コストの削減にも繋がります。

必要に応じてFigmaのオートレイアウトなどの機能で、コーディングのための要素を拾いやすい設計書として整理します。