【Webデザインスクール体験談#24】チーム制作中間発表！クリエイターズファクトリー（CF）

■配色

ベースカラーが白。
メインカラーはグリーン、レッド、オレンジ、ブルー、イエローの5色を使用しました。

留学では様々な方と交流するので多様性のイメージがあり、多様性をいろんな色で表現してみました。
また、留学する人は明るい人が多いイメージなので配色は明るい感じにしました。

次にグラデーションにしている理由は、多種多様の価値観を取り入れることで留学に行く前と行ったあとで
考え方などの変化が起こるとおもったので、価値観の変化＝色が変化するということを表現しています。

■フォント

フォントは日本語をnoto sans jp。
英語をjostにしました。

日本語は読みやすさを考慮してnoto sans jpを使用しました。
英語は主に見出しで使用するため、フォントサイズを大きくすると勢いやポップさがでるjostを使用しました。

■与えたい印象

与えたい印象としては、向上心やアクティブといった留学って楽しそうと感じてもらえたらと考えています。

■TOPデザイン

◯メインビジュアル
・メインビジュアルの枠を右上がりにしているのは右肩上がりのような向上心をイメージしています。
・ボタンを配置することで、口コミなどでサイトをすでに知っている方向けにすぐに資料請求や予約ができるようにしています。
・写真は観光地の写真をメインにして留学にいきたくなるようなメインビジュアルにしました。

◯安心して留学へ行くために
導入部分で離脱されないために、Oltana様の留学支援サービスは安心してまかせられると思ってもらえるよう
留学前に不安に思うことをピックアップして紹介して、不安を取り除くようなアピールをしています。

◯cvボタン
常に表示右下に固定させて、いつでもお問い合わせなどに飛べるようにしています。

◯Oltanaが選ばれる理由
選ばれる理由を写真で紹介することでイメージをしやすくしています。

◯スペインの魅力

こちらもメインビジュアル同様に右肩上がりのような向上心をイメージしました。
写真は綺麗な街並みや美味しい料理を見せることで行ってみたいと思わせるような写真を選びました。

◯留学までの流れ
初めての方は留学までの流れがわからないのでTOPで概要を説明するようにしました。

◯お客様の声
こちらは文字に目がいくように配色は白にしてシンプルにしました。
タイトルには留学に行くことで得たことを記載して、留学へ行った未来の自分をイメージしてもらえるようにしました。

◯写真
お客様の声で興味がでてきたところで楽しそうな留学の写真を並べて、より留学のイメージを楽しいものにしようとしています。

◯サービス
カスタム留学プランが人気とのことなので、一番左にもってきて目立たせました。

◯アクセス
最寄り駅の情報や営業時間、定休日など必要な情報を記載しています。

◯お知らせ
こちらもお客様の声と同様に文字や画像に目が行くよう配色をシンプルにしています。

◯CV
ブルーとレッドのグラデーションにして補色の効果で目立たせるようにしました。

◯フッター
Oltana様や各国の魅力といった未来の内容と初めての方やサービスといった現実的な内容とで分けてみました。