ワイヤーフレーム制作

画面構造の設計

前の工程で制作したサイトマップをもとに、各ページのどこにどんな情報が並ぶかという構成を下書きする工程です。ヒアリング内容や参考となるサイト・資料などから得られる情報を大まかに配置していきます。

制作開始時の設計段階で決めたターゲットや目的に沿って、わかりやすいWEBサイトになるよう情報を整理します。情報が整理されると、掲載したい情報が十分揃っている箇所と不足している箇所が出てくるはずです。必要な情報をインタビューなどで漏れなく集めるため、追加で必要な内容をこの段階で明確にしておきます。

インタビュー準備

魅力的なサイトを制作するために詳しくお話を伺いたいポイントを洗い出し、質問事項を準備します。事前に、質問事項の共有や日程調整のためのご連絡を行います。

インタビュー

事前に共有した質問事項を中心にインタビューさせていただき、クライアントの思いを伺います。リラックスした雰囲気の中で様々なお話を伺い、ご自身でも気づいていないような魅力やクライアントの思いを引き出せるよう、突っ込んだお話もさせていただきます。

原稿のコンセプト設計

インタビューで伺ったお話をもとに、WEBサイトに掲載する原稿を作成します。実際に文字におこす前に、文章のコンセプトを設計しておきます。またSEO対策の一環としてキーワードの設定も行います。

この工程でもWEBサイトのターゲットと目的を意識して、「文章を読んだユーザーにどんな印象を与えたいか」「どんな文章なら魅力が伝わるのか」という視点でコンセプトを決定します。

原稿作成

事前にいただいた情報やインタビュー内容をもとに、設計したコンセプトに沿って原稿を作成する工程です。読みやすさを第一に考え、そのうえでユーザーに魅力や個性が伝わるような文章にしていきます。

ここでは本文とあわせて、WEBサイトのキャッチコピーや段落の見出しなども決定します。目的やターゲットに合わせて、ユーザーがWEBサイトの中身をもっと詳しく見たくなるような、心を掴む魅力的な言葉選びを心がけています。

ワイヤーフレーム案の作成

作成した原稿をはじめとするテキスト情報、掲載したい写真や図なども作成して配置します。ここで配置される内容はWEBサイトにそのまま掲載されるため、内容に漏れや誤りがないようにします。

また全体を通して情報設計や文章の伝わりやすさを改めて確認し、ユーザーに優しいWEBサイトになるようワイヤーフレームを仕上げます。

社内ミーティング・改善

担当のディレクター・ライター・デザイナーが制作したワイヤーフレーム案を社内で共有する工程です。

「ユーザーにとってやさしい（伝わりやすい）サイトか？」
「載っている情報から魅力が伝わるか？」
という視点で複数人でチェックをして出し合った意見をもとに改善を行います。クライアントの魅力をきちんとユーザーにお届けできるようチェックと改善を何度も繰り返します。

ご提案・お打ち合わせ

出来上がったワイヤーフレーム案をクライアントにご提案します。お打ち合わせの場を設けて、レクサのスタッフからワイヤーフレーム案についてご説明させていただく流れが一般的です。

参考までに、提案資料の構成は下記のようになっています。

• 全体の流れと成果物イメージ（全体のおさらい）
• スケジュール目安（最新のスケジュール進捗表）
• ワイヤーフレームとは（ワイヤーフレームの説明）
• コンテンツ企画案｜ユーザーに伝えたいポイント
• ライティングコンセプトシート
• SEO戦略シート
• 実際のワイヤーフレーム案の添付

さらなる改善点を見つけるため、クライアントが感じたご意見やご感想をしっかりとヒアリングしていきます。

またお打ち合わせでの協議事項をまとめた議事録と制作したワイヤーフレーム案を、お打ち合わせ後にクラウド（Dropbox）上で共有します。