スマ留

ランディングページ
アートディレクション・構成・デザイン・コーディング

  • スマ留
  • スマ留
  • スマ留

海外留学サービス、スマ留様の「CM特設サイト」を作成しました。CMのイメージやメインビジュアルに合わせてデザインし、コーディングまで担当しています。
メインカラーである水色と黄色で統一されたポップな世界観に、さらにCMの賑やかさを表現するためパララックスの効果を用い、スクロールする毎に動きのあるサイトになっています。

「スマ留の親子留学」は、親子での海外留学を訴求するためのランディングページです。こちらもデザインとコーディングを担当しています。
様々な国別のプログラムや、お子様の年齢別スケジュール、よくある質問等ボリュームのある内容を、どのようにレイアウトすると見やすくできるかを熟考しながらデザインに取り組みました。なおかつ、お客様が留学を思い描き、わくわくしながらこのランディングページを見ていただけるよう、楽しさを感じられるデザインになるよう心がけています。
また、ページの長さも考慮し、コンパクトに収められる部分はアコーディオンやカルーセルを効果的に使用し、わかりやすく表現しています。それだけに、コーディングは色々な効果が重なり調整が少し難しいところもありましたが、その結果理想のランディングページに仕上がりました。