Facebook 【PC版】信頼感と使いやすさを両立させたスクールLP(レスポンシブデザイン)
Logo

【PC版】信頼感と使いやすさを両立させたスクールLP(レスポンシブデザイン)

クレジット
【PC版】信頼感と使いやすさを両立させたスクールLP(レスポンシブデザイン)-1
シェア

【PC版】信頼感と使いやすさを両立させたスクールLP(レスポンシブデザイン)

Webデザインスクール「4U Design Academy」のランディングページ(PC版)です。 「デジタル業界へ一歩踏み出すワクワク感」と「現役プロから学べる安心感」をテーマに、初めてサイトを訪れた人が「ここで学びたい!」と思えるような、清潔感のある整ったデザインを意識しました。 【工夫点】 ① 迷わせないデザイン 見た瞬間に、どこに何があるか分かるボタンを意識しました。 画面を開いてすぐの場所に、アイコン付きのメニューを並べました。「コース」や「料金」といった、一般的に誰もが一番知りたい情報の場所に、文字を読まなくても直感で見つけられるようにしています。 ②洗練されたイメージ作り 写真を重ねたり、大きさを変えることで、単調にならない「遊び」があるサイトを意識しました。 「スクールについて」の紹介部分では、写真と動画を少し重ねて並べる工夫をしました。ただ画像を並べるだけよりも画面に立体感が出て、プロのスクールらしい「新しさ」や「ワクワク感」が伝わるようにデザインしています。 ③ つい押したくなるボタン 「無料説明会」参加に繋げることがゴールであるため、迷っている人の背中を優しく押すような、強調しすぎず目立つボタンを意識しました。 ページの一番下にある「無料カウンセリング」のエリアは、パッと一番に目がいくように、スクールのテーマカラーである紫色をしっかりと使いました。さらに「10%お得になる」という情報を強調することで、「一度話を聞いてみようかな」と自然に思ってもらえるような仕掛けを作っています。
クレジット
シェア
井戸田 桃子(いとだ ももこ)の他の作品
foriio

あなたのforiioを無料で作成

fori.io/
【PC版】信頼感と使いやすさを両立させたスクールLP(レスポンシブデザイン)-1

【PC版】信頼感と使いやすさを両立させたスクールLP(レスポンシブデザイン)

Webデザインスクール「4U Design Academy」のランディングページ(PC版)です。 「デジタル業界へ一歩踏み出すワクワク感」と「現役プロから学べる安心感」をテーマに、初めてサイトを訪れた人が「ここで学びたい!」と思えるような、清潔感のある整ったデザインを意識しました。 【工夫点】 ① 迷わせないデザイン 見た瞬間に、どこに何があるか分かるボタンを意識しました。 画面を開いてすぐの場所に、アイコン付きのメニューを並べました。「コース」や「料金」といった、一般的に誰もが一番知りたい情報の場所に、文字を読まなくても直感で見つけられるようにしています。 ②洗練されたイメージ作り 写真を重ねたり、大きさを変えることで、単調にならない「遊び」があるサイトを意識しました。 「スクールについて」の紹介部分では、写真と動画を少し重ねて並べる工夫をしました。ただ画像を並べるだけよりも画面に立体感が出て、プロのスクールらしい「新しさ」や「ワクワク感」が伝わるようにデザインしています。 ③ つい押したくなるボタン 「無料説明会」参加に繋げることがゴールであるため、迷っている人の背中を優しく押すような、強調しすぎず目立つボタンを意識しました。 ページの一番下にある「無料カウンセリング」のエリアは、パッと一番に目がいくように、スクールのテーマカラーである紫色をしっかりと使いました。さらに「10%お得になる」という情報を強調することで、「一度話を聞いてみようかな」と自然に思ってもらえるような仕掛けを作っています。
クレジット
シェア
井戸田 桃子(いとだ ももこ)の他の作品
foriio

あなたのforiioを無料で作成

fori.io/