荒川内博【睡眠イノベーション】
講師紹介画像
製作期間
デザイン ※他の方が作成しました
ライターさんからの要望
▼コンセプト
・睡眠の問題を5タイプに分類し手技で“眠り”に変革を起こす。
・重大疾患・戻り・精神疾患…すべてを根本から改善に導く
・科学的なメソッド
▼メインターゲット
治療家(患者層ではない一般層を想定)
・ただの睡眠改善ではなく科学感、重厚感を見せたいです
・講師の人柄訴求をして体験会に連れてきたいです
▼見せ方・デザイン
・メインカラーは「青」と「白」
・「睡眠感」全振りにしないで、「科学感」も出す。
製作時のポイント
※他の方が作成しました
ランディングページ
製作期間
デザインカンプ 1日
コーディング 2日
使用ツール
Photoshop,VScode
ターゲット
治療家(患者層ではない一般層を想定)
ライターさんからの要望
・睡眠感を出しすぎると暗くなってしまうので、明るい色も使い
・権威性も出しつつ親しみやすさも出してほしい。
制作時のポイント
・「睡眠感」を出しつつ暗くなりすぎないように、目立たせたい部分で淡い黄色を使い、サイト全体のイメージが暗くなりすぎないようにしました。
・セクションごとの区切りを波線を使い「睡眠感」を出しつつ、お堅いイメージに寄りすぎないようにしました。
▼自分からライターさんに提案したこと
・当初の設計書ではファーストビューから文字量がとても多くお客様が読み疲れするのではないか、また伝えたいことが全く伝わっていない・・・ということを懸念して キャッチコピーやセクションのタイトルなど短く簡潔にしてもらいました。
・大事な部分を目立たせるために、彩度高めの黄色を使ってほしいとのことでしたが、あまり「睡眠感」が出ないため、 淡い黄色で対応しました。
(青を濃い色を使い、コントラストを強くして黄色を目立つようにしました。)
・当初の設計書ではファーストビューから文字量がとても多くお客様が読み疲れするのではないか、また伝えたいことが全く伝わっていない・・・ということを懸念して キャッチコピーやセクションのタイトルなど短く簡潔にしてもらいました。
・大事な部分を目立たせるために、彩度高めの黄色を使ってほしいとのことでしたが、あまり「睡眠感」が出ないため、 淡い黄色で対応しました。
(青を濃い色を使い、コントラストを強くして黄色を目立つようにしました。)