『五感周波操術 自分革命プログラム』
講師紹介画像
製作期間
デザイン 5時間
ライターさんからの要望
▼コンセプト
・"生き方"が変わる、人生が変わる手技（自分革命）。
・キーワードは「周波」
・「サイバー」×「和」。
▼メインターゲット
・何かを変えたい(やり方など)けど何をすればいいか分からないため、現状維持している人。
・手技を身につけたいというよりかは、その前段階にある「痛みを改善したい」という悩みとしてはまだ浅いC層。
・様々な治療法を学んでいるけど、イマイチ効果が出なくて、重症を改善に導くことが出来ないB層。
▼見せ方、デザイン
・「サイバー」×「和」。
・「周波」、「波紋」を意識したデザイン。
・メインカラーは「黒」と「黄色」。
・ロゴはサイバー感のあるもので、頭から虹色の5感が飛び出しているものをつけてほしい。
・和柄の主張はしすぎないようにしてほしい。
製作時のポイント
・コンセプトが「和」×「サイバー」だったので、ロゴと色味でサイバー感を出しつつ
背景に薄い和柄を入れました。（和柄が馴染むように少し黄色に光らせました）
・周波というキーワードをデザインで形にするために、背景に周波の素材を入れ、黄色の光彩をつけサイバー感を出しました。
ランディングページ
製作期間
デザインカンプ 2日
コーディング 2日
使用ツール
Photoshop,VScode
ターゲット
何かを変えたい(やり方など)けど何をすればいいか分からないため、現状維持している人。（40代～60代）
ライターさんからの要望
・「黒」と「黄色」でシンプルなデザインにしてほしい。
・「サイバー」×「和」のデザイン。
制作時のポイント
・背景が黒が続くと少し退屈なサイトになってしまうのと暗いイメージになってしまうので、
背景を黒→グレー→黄色→黒と切り替えて、和柄を取り入れつつサイバー感を出しました。
・ライターさんからの設計書が文字ばかりだったため、先生の切り抜き画像などを加え、ユーザーが離脱しないよう工夫しました。
・「黒」と「黄色」でという要望でしたが、強調したい部分やマイナスイメージをつけたい部分で「赤」を使い単調にならないように工夫しました。
最下部のフォーム部分でボタンを従来通り表示させたままにするAパターンと、
最下部でボタンを非表示にさせるBパターンを作成し、検証しました。
（フォーム入力時にボタンがあるとユーザーが混乱してしまうため）
カートエリアでフロートボタン表示（従来）：CVR 3.81%
カートエリアでフロートボタン非表示 ：CVR 7.8%
Bが勝利！！！
URL
全 て の 作 品 A L L W O R K S
WEBSITE
WEBSITE(架空サイト)
BANNER(練習)
