「フェリシモ採用サイト」のホームページデザイン解説

カナダにあるモントリオール中央駅のサイトです。メインビジュアルは３枚並んだフラットなテイストのイラストで、それぞれが駅の周辺情報・ショップガイド・運行情報への入り口となっており、マウスオーバーするとキャプションが下からせりあがってくる仕組み...

ファーストビューでは画面のほとんどを覆うブラックのベタとその上にシンプルに書かれたキャッチコピーがまず目を引き、その下にわずかに見切れている動画に興味を引かれてスクロールをすると、視差効果で動画が現れる構成です。画面をスクロールするとブラッ...

ファーストビューでは画面全体をレッドのラインで囲んだ中央にサイトロゴが浮かび上がり、鮮やかな色がまず目に入ります。ベージュのテクスチャと柔らかい丸みを帯びたフォントが柔らかいイメージを与え、手書きのイラストや随所に盛り込まれたアニメーション...

画面中央に警視庁の仕事の様子がムービーで紹介されており、重ねられた「警視庁」の文字が厳格さを感じさせるファーストビューです。淡いブルーのグラデーションと濃いネイビーを交互に敷いてコントラストをつけた背景と、ベージュのアクセントカラーを敷いた...

ファーストビューで表示されるスライドショーは業務中の風景の写真に半透明のホワイトとグリーンでキャッチコピーを重ね、みずみずしさを感辞させます。鮮やかなエメラルドグリーンをアクセントに使い、淡いグレーとホワイトでコンテンツをエリア分けして、ホ...

ファーストビューでまず、鳥のキャラクターに扮した男性の写真がスライドショーで次々と現れ、鮮やかなスカイブルーのバックに大きく書かれたキャッチコピーと相まって特大のインパクトを与えています。下層ページでもブルーの背景では仮装した人物を、それ以...

サイトを開くと画面幅いっぱいの子供たちのムービーと、丸みを帯びたフォントのロゴにビタミンカラーのアイコンをあしらったロゴマーク、鮮やかなグリーンとオレンジのリンクボタンが目に入り、子供らしい明るく元気なイメージをまず与えてくれます。鮮やかな...

ファーストビューでは画面全体に表示された宇宙ステーションの写真のスライドショーと、その上に重ねられた太字のキャッチコピーが、力強いメッセージ性を感じさせます。各コンテンツの見出しは施設名は大きく写真に重ね、トピックスの見出しはやや小さくマー...

トップページに表示されたスライドショーは、引き出しを開ける両手のイラストが鉛筆書き風の素朴なタッチで描かれ、引き出しの中にスライドショーがはめ込まれています。引き出しの横にはクリップでつるされたカード風のサムネイルが表示され、サムネイルをク...

ファーストビューは温泉に入る女性とその地域の自然や伝統芸能の写真で構成されたスライドショーが表示され、温泉街の風情と自然の豊かさを感じさせます。写真をランダムに重ねた上に明朝体のキャッチコピーを重ねた訴求エリアと、画面右から左に流れるカルー...

パノラマ写真のような横長のスライドショーは尾道の風景が紹介され、中央に配置された縦書きのキャッチコピーとともに目を引きます。縦書きのタイトルと明朝体のフォントを組み合わせて日本らしさを出し、ホワイトの背景で余白を多めに取り、ベタを使わないボ...

画面中央に大きくブランドロゴが表示され、画面が切り替わると水彩風のイラストとお菓子の切り抜き画像で構成されたビジュアルが表示されるファーストビューです。溶けた雪のような淡いブルーのグラデーションで雪のひんやり感を、濃いブルーに樹木のシルエッ...