Web Designの流れ
ヒアリング
お客様の希望を把握・理解するために詳しく話を聞き、サイトを作る目的と、サイトを作って達成したい目標とはなにかを明確にします。
市場調査・分析
お客様の目的を達成するためには、競合とどのように差別化する必要があるのか、何をアピールすべきなのかを検討するために、様々な角度から市場調査・分析を行います。
ツールを使った調査・分析も行いつつ、集めた情報を元に検討を重ねます。
提案
ヒアリングと市場調査・分析の情報を元に、サイトのコンセプトを決定します。
要件定義
ホームページにどんな機能を持たせ、どこまで作るかを決めることです。
以下の内容等を打ち合わせていきます。
- ページ数と内容
- 原稿をクライアント側から提供してもらう
- 制作メンバーが原稿を書く
- 現行サイトの内容を再編集する
- SNSとの連携
- シェアボタンをつける
- SNSのタイムラインを埋め込む
- SNSに投稿した画像をサイト上に表示する
- サイト内に使用する写真
- 素材サイトから買う
- デザイナーがカメラマンとして出向いて撮影する
- プロカメラマンにお願いして撮影する
- システムの組み込み
- システムを組み込むことでなにができるようになるか
- システムで動的に出力する情報はなにか
画面設計
デザイン前の設計図です。
画面内に配置するオブジェクトや動きを考えます。
デザイン制作
画面設計をもとに、デザイン制作を進めていきます。
コンセプトから、デザインを決定。トップページを制作して全体を形にします。
- ベースデザイン
- 下層デザイン
- ロゴ
- アイコン
フロントエンド
フロントエンド開発では、設計はもちろんマークアップ制作（HTML/CSS）やJavaScript実装など、ユーザーの目に見える機能を実装していきます。
検証
納品前に検証を行います。
仕様通りの動きしているかどうか、複数ブラウザ利用しても問題なくサイトを閲覧できるかどうかなどをチェックします。