ワイヤーフレームの作成

01.ワイヤーフレームとは

ワイヤーフレームとは、webページのレイアウトを定める設計図のことです。

本来であれば、ディレクターが作るものですが、

オーエスでは制作者が作成を行います。

ディレクター⇒デザイナーまたはクライアントに設計図を伝えるものなので、

本来はしっかり作っておかなければならないですが、

ワイヤーフレーム⇒デザイン⇒コーディング

上記流れをデザイナーが一貫して行っているので簡易的にスプレッドシートを使ってワイヤフレームを作成してます。

02.参考例

①創業融資

②QFPay

③SOL(フィットネスクラブ)

03.作るうえで意識をすること

①1枚で完結するストーリを作成すること

構成.01
ファーストビュー
  

構成.02
強み
  

構成.03
CTA(ユーザーがアクションを起こす部分)
  

構成.04
悩み(ユーザーに共感)
  

構成.05
解決策(強み)
  

構成.06
サービス内容・効果・効能
 

構成.07
レビュー(お客様の声)
 

構成.08
使い方・利用方法
 

構成.09
フォーム
 

構成.10
よくある質問・会社概要など
 

②実際に訪れるユーザーを想定して作ること

③デザインやコーディングをしやすい枠組み・構成

④クライアントにもイメージが伝わるように写真を使う

⑤よくある質問やコンテンツごとのテキストはできるだけ作っておく