Logo

「【HerTech 架空案件】京都旅行プラン紹介LP」

クレジット
Avatar
WEBデザイナー
「【HerTech 架空案件】京都旅行プラン紹介LP」-1
シェア
制作ノート
制作について

制作の流れ

・・・クライアントへのヘアリング後、ペルソナを設計し、訴求ポイントを整理。次にワイヤーフレームを作成し、情報設計とテキスト量についてクライアントと合意形成。その後、デザインのトンマナを固め、デザインカンプ制作に着手。ファーストビューを先行して制作し、全体のイメージを確認いただきながら進めました。担当範囲はデザイン全般です。

●カラー

素材に合わせたカラーを使用。旅行に行くわくわく感を出すために明るめのビビットオレンジやオレンジを選びました。今回のペルソナでは20代後半から40代女性ということ、旅先が京都ということを含めて「落ち着いた」「大人な」漢字を出したかったため、くすみオレンジやレッドを選び上品に大人な感じを出しました。

●タイポグラフィ

フォントは線が細かく、上質にみえるNotoSansを選びました。

●情報設計

自由に観光したい、旅行先では定番の観光地は回りたいと思っていることがターゲットが考えていることなので落ち着いた雰囲気で一人旅行でも安心、友達同士で行って満足して楽しんでもらえるように制作しました。

[工夫したポイント]

素材に丸を選びその中に写真を入れて落ち着いた感じを表現し、手が出しやすいようにしました。

文章もなるべく読んでいただけるように少しサイズを大きめに設定し目が疲れにくい色味で調整し何を伝えたいのかすぐに理解できる内容にしました。

シェア
制作について

制作の流れ

・・・クライアントへのヘアリング後、ペルソナを設計し、訴求ポイントを整理。次にワイヤーフレームを作成し、情報設計とテキスト量についてクライアントと合意形成。その後、デザインのトンマナを固め、デザインカンプ制作に着手。ファーストビューを先行して制作し、全体のイメージを確認いただきながら進めました。担当範囲はデザイン全般です。

●カラー

素材に合わせたカラーを使用。旅行に行くわくわく感を出すために明るめのビビットオレンジやオレンジを選びました。今回のペルソナでは20代後半から40代女性ということ、旅先が京都ということを含めて「落ち着いた」「大人な」漢字を出したかったため、くすみオレンジやレッドを選び上品に大人な感じを出しました。

●タイポグラフィ

フォントは線が細かく、上質にみえるNotoSansを選びました。

●情報設計

自由に観光したい、旅行先では定番の観光地は回りたいと思っていることがターゲットが考えていることなので落ち着いた雰囲気で一人旅行でも安心、友達同士で行って満足して楽しんでもらえるように制作しました。

[工夫したポイント]

素材に丸を選びその中に写真を入れて落ち着いた感じを表現し、手が出しやすいようにしました。

文章もなるべく読んでいただけるように少しサイズを大きめに設定し目が疲れにくい色味で調整し何を伝えたいのかすぐに理解できる内容にしました。

シェア
foriio

あなたのforiioを無料で作成

fori.io/
Logo
「【HerTech 架空案件】京都旅行プラン紹介LP」-1
制作について

制作の流れ

・・・クライアントへのヘアリング後、ペルソナを設計し、訴求ポイントを整理。次にワイヤーフレームを作成し、情報設計とテキスト量についてクライアントと合意形成。その後、デザインのトンマナを固め、デザインカンプ制作に着手。ファーストビューを先行して制作し、全体のイメージを確認いただきながら進めました。担当範囲はデザイン全般です。

●カラー

素材に合わせたカラーを使用。旅行に行くわくわく感を出すために明るめのビビットオレンジやオレンジを選びました。今回のペルソナでは20代後半から40代女性ということ、旅先が京都ということを含めて「落ち着いた」「大人な」漢字を出したかったため、くすみオレンジやレッドを選び上品に大人な感じを出しました。

●タイポグラフィ

フォントは線が細かく、上質にみえるNotoSansを選びました。

●情報設計

自由に観光したい、旅行先では定番の観光地は回りたいと思っていることがターゲットが考えていることなので落ち着いた雰囲気で一人旅行でも安心、友達同士で行って満足して楽しんでもらえるように制作しました。

[工夫したポイント]

素材に丸を選びその中に写真を入れて落ち着いた感じを表現し、手が出しやすいようにしました。

文章もなるべく読んでいただけるように少しサイズを大きめに設定し目が疲れにくい色味で調整し何を伝えたいのかすぐに理解できる内容にしました。

シェア
foriio

あなたのforiioを無料で作成

fori.io/