【Webデザインスクール体験談#23】ワイヤーフレーム(TOP)完成!クリエイターズファクトリー(CF)

Webデザインスクール体験談_クリエイターズファクトリー_CF_23

当サイトの記事には広告として、アフィリエイトプログラムが使用されています。
アフィリエイトによって得られた収益は、読者の皆様に還元するために当サイトの運営費に充てています。

当サイトの円滑な運営のため、読者の皆様にはご理解とご協力をよろしくお願いします。

要件定義、TOPのワイヤーフレームの作成も終わりいよいよデザインの工程に入りました。
次回の授業で開催される中間発表に間に合うのか!?

今週の授業内容
  • チーム制作(ミーティング)

無料説明会参加で1万円割引

23回目の授業までにやったこと

チーム制作の要件定義とワイヤーフレーム作成に取り組んでいました。

要件定義

要件定義では下記を考えました。

・コンセプト
・カスタマージャーニー
・ページ構成

コンセプト

5W1Hを使ってコンセプトを考えてみます。

サイトのゴール・利用者の拡大
・サービスの認知
誰に向けてのサービスや
サイトコンテンツ?
・24〜50代の女性
・留学に興味がある人
・新しいことにチャレンジしたい人
・スペイン・中南米に興味がある人
・海外の友達がほしい人
・語学スキルを身に着けたい人
・海外ドラマ好きな人
・旅行好きな人
ターゲットにどのように
行動してほしい?
・資料請求
どのタイミングで
検討する?
・留学の詳細が知りたい
選ばれるために、どうやって
ターゲットに訴求する?
・安心を提供
・失敗したくない
ターゲットはなぜ?
何のためにサービスを
必要としているの?
・1人で準備は不安・何すればいいかわからない
・現地の情報を知りたい

カスタマージャーニー

カスタマージャーニーを考えてみました。

ユーザーの
行動ステップ
サービスを
探している時
(認知)
ちょっと気になる
(興味・関心)
色々知りたい
調べてみよう
(情報収集・
比較・検討)
〇〇してみよう
(行動)
タッチポイント
(必要なコンテンツ)
Youtube・Youtube
・yahoo
・Youtube
・yahoo
・資料請求
・セミナー
・カウンセリング
ユーザーが考えていること
したいこと
・留学どんな感じだろう
・おもしろそう
・外国人と関わってみたい
・自分は留学できるのか
・留学で必要なものってなに
・留学支援のサービスを比較
・料金の相場を知りたい
・留学先で何をするか・何ができるか
・留学後何ができるか(転職など)
ユーザーが
抱えている課題
・留学って何からすればいいの?
・語学力大丈夫かな?
・海外で生活できるのかな?
・1人だと情報収集も限界(調べる時間がない)・どの留学支援がいいか
・お金どのくらい
・仕事どうするか
・語学力が通用するか
・どの留学支援がいいか
・お金どのくらい
・仕事どうするか
・語学力が通用するか
ユーザーの
具体的な行動・決定
特になし・留学支援サービスに関する情報を調べる
・知り合いに留学のことを聞く
・ネットで体験談をみる
・留学支援サービスの比較・セミナー
・カウンセリング

ページ構成

これまで考えた内容を踏まえてページ構成を考えてみます。

第一階層第二階層コンテンツ
TOP・Oltanaの魅力
・スペインの魅力
・中南米の魅力
・留学までの流れ
・お客様の声
・サービス紹介
・アクセス
・お知らせ(キャンペーン・広告)
・お問い合わせ
・カウンセリング予約
・資料請求
Oltanaの魅力・Oltanaの魅力
・代表について
・スタッフ紹介
・会社概要
スペイン・中南米の魅力スペイン・中南米に分けて下記を作成
・観光地(世界遺産とか)
・食事
・アクティビティ
初めての方へ・留学までの流れ
・留学で必要なもの
・留学先の生活(1日のスケジュール)
・留学先でのトラブル
・留学に対する悩み・不安
・語学スクール
・お客様の声
・よくある質問
サービス紹介・プラン紹介
・留学期間
・料金表
・こんな方におすすめ(あれば)
よくある質問よくある質問
お問い合わせなど・お問い合わせ
・カウンセリング予約
・資料請求

下記については各ページに載せます。

・お知らせ(キャンペーン・広告)
・お問い合わせ
・カウンセリング予約
・資料請求

ワイヤーフレーム(TOP)

中間発表までにTOPページが必要なので、TOPページを最優先で完成させます。
まずはワイヤーフレーム。

ワイヤーフレーム_TOP

選ばれる理由がいきなり来ると違和感があったので直前にリード文的なものを付けました。

上記をレビューにだし一発OKがでたのでデザインに入っていきます。

TOPデザイン着手

今回の授業もチーム内のミーティングがメイン。
毎週のチーム定例があるので報連相はある程度終わっていたので余った時間はデザインを進めていました。

まだ途中ですが、現時点で作成したデザインがこちら。

デザイン_TOP

お客様よりサイトデザインのテーマは前向き、アクティブとあったのと、留学する人は明るい人が多いイメージなので配色は明るい感じにしました。

配色の種類について、留学ではいろんな人と関わるので多様性のイメージがあり、多様性を色々な色で表現してみました。
また、グラデーションにしているのは、海外の価値観を取り入れることで留学に行く前と行ったあとで考えた方など変化が起こると思ったので、価値観の変化=色が変化するということを表現しています。

スペイン・中南米の魅力を右上がりにしているのは前向きをイメージしています。

今回の授業はここまで。

次回の授業までに

いよいよ次回は中間発表!
本番同様のスタイルみたいなので発表資料もほぼほぼ完成した状態で発表しないといけないみたい。

文字だけまとまってればいいかと思ったのに装飾もしないといけないとは・・・

間に合うように頑張らねば。

無料説明会参加で1万円割引