竹上智哉【RevCell Method】
講師紹介画像
製作期間
デザイン 他の方が作成しました。
ライターさんからの要望
▼コンセプト
・「グアシャ」というオリジナルの器具を用いた施術。
・今回はこのグアシャの使い方を教える6ヶ月セミナー。
セミナー参加する方だけにグアシャもセットで買ってもらう。
・目の前で助けを求める患者さん/大切な人を、確実に、確実に……確実に救うための技術
▼メインターゲット
・40~50代の男性治療家
▼見せ方、デザイン
・目指したいデザイン:黒に近い緑×シルバー(ロゴ)
→グアシャがかなり洗練された感じの見た目なので、明朝体を中心に使いたい
・避けたいデザイン:ポップで軽やかな感じ
製作時のポイント
他の方が作成しました。
ランディングページ
製作期間
デザインカンプ 1.5日
コーディング 1.5日
使用ツール
Photoshop,VScode
ターゲット
40~50代の男性治療家
ライターさんからの要望
・黒と緑ベースの暗めのかっこいい洗練されたデザイン。
・煙で怪しくならないようにしつつ世界感出す。
制作時のポイント
・テンプレ化していた部分でも改善できそうな部分を改善しました。
●ボタンの色・形・文言・ボタン周りの文言が5年ほど前からテンプレ化してしまっていた為、
もっと押しやすく目立つボタンを意識してデザインしました。
↳
・ボタン周りは文言絞る
・色数も2色まで
・ボタンの文言も1言で簡潔に
・ボタンの矢印を横ではなく下に
・色は目立つ色
・最短1分の文言で、素早く終わることをアピール
(今回はボタンでABテストを行いました)
●before/Afterの部分をスクロールなしで1画面で見られるようにデザインを改善。
●各コースの日程と会場の部分はテンプレでは、開催場所の詳細の後、会場の詳細にしていたが、
各開催場所の下にその会場▶各開催場所の下にその会場という形にした。
(東京コースと大阪コースの日程▶東京コースと大阪コースの会場)
↳
(東京コースの日程と会場▶大阪コースの日程と会場)
●塗りつぶした四角や丸を使いすぎると、ボタンだと認識されやすくなるのでは・・・?と思い、
四角で囲むデザインをする際はを塗りつぶしなしの線付きの四角を使うようにした。
●アニメーションの使い過ぎは良くないので、適所に使う。
↳
・ボタン周りは文言絞る
・色数も2色まで
・ボタンの文言も1言で簡潔に
・ボタンの矢印を横ではなく下に
・色は目立つ色
・最短1分の文言で、素早く終わることをアピール
(今回はボタンでABテストを行いました)
●before/Afterの部分をスクロールなしで1画面で見られるようにデザインを改善。
●各コースの日程と会場の部分はテンプレでは、開催場所の詳細の後、会場の詳細にしていたが、
各開催場所の下にその会場▶各開催場所の下にその会場という形にした。
(東京コースと大阪コースの日程▶東京コースと大阪コースの会場)
↳
(東京コースの日程と会場▶大阪コースの日程と会場)
●塗りつぶした四角や丸を使いすぎると、ボタンだと認識されやすくなるのでは・・・?と思い、
四角で囲むデザインをする際はを塗りつぶしなしの線付きの四角を使うようにした。
●アニメーションの使い過ぎは良くないので、適所に使う。
ABテスト
・Aパターン:ボタンをテンプレ通りの青色四角ボタン
・Bパターン:ボタンをメインカラーの反対色のオレンジ/丸ボタン
※現在公開中のサイトなので結果はまだ分かりません。
・Aパターン:ボタンをテンプレ通りの青色四角ボタン
・Bパターン:ボタンをメインカラーの反対色のオレンジ/丸ボタン
※現在公開中のサイトなので結果はまだ分かりません。