webサイトのデザインプロセスをまとめてみた - アドグローブブログ | 渋谷のIT会社

こんにちは！ プロダクトデザイン部のYです。 普段は、Webやアプリなどのデザイン作成 / リニューアルなどを担当しております。 今回はとあるサイトのデザインリニューアルを行った際の デザインの作業工程についてお話させていただきます。 目次 00. はじめに 01. 画面の洗い出し 02. デザインのパターン出し 03. 残りの画面作成 04. スタイルガイドの作成 05. エンジニアへお渡し 最後に 00. はじめに いきなりデザイン作成！ではなく その前に色々な準備が必要です✋ 社内メンバーでミーティングを行い案件の内容をすり合わせたり お客様とスケジュールの確認などを行います。 01. 画面の洗い出し 準備が完了したら、次に画面の洗い出しを行います。 既存サイトを見ながら作成が必要 / 不要な画面の選別を行い 一画面ずつスクショしてFigmaにて画面遷移図を作っていきます。 この時プ