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