カテゴリー: >黒

投稿日:

株式会社マイナビ｜2020年新卒採用サイト

株式会社マイナビ｜2020年新卒採用サイト

＊ポイント＊

・ヘッダーにサイズの異なる画像が左から右に流れるように表示されており、右に流れきったら上からまた登場するようになっている

・テキストがあるところの背景に半透明のテキストが右から流れるように表示されているがテキスト同士でも邪魔になっていない

投稿日:

PLAY/UP

PLAY/UP

＊ポイント＊

・サイトを開くと音楽ありか無しかを選んでからサイト内に入ることができサイトに入ると動画が流れるようになっている

・コンタクトの色によってそのコンタクトの色の丸が沢山重なって動いているアニメーションが所々にある

・マウスの動きに合わせて背景の丸も動くようになっている

投稿日:

覚王寺

覚王寺

＊ポイント＊

・ヒーローヘッダーになっていて迫力があり、画像がアニメーションで切り替わる時音が響いているように切り替わっている

・スクロールするとコンテンツのテキストがアニメーションで表示されるようになっており、文字を書いているような表示をさせている

・スクロールすると右側に固定されている漢数字が今いるコンテンツの数字になる

投稿日:

鯛茶STAND

鯛茶STAND

＊ポイント＊

・背景が黒なので写真が目立ち高級感がある

・スクロールすると一つ一つのコンテンツの画像とテキストが上下に揺れるアニメーションになっている

・ギャラリーの画像のサイズがすべて同じではなくサイズが少し違うものも並べている

投稿日:

ミツバチ博多

ミツバチ博多

＊ポイント＊

・ファーストビューでオシャレな雰囲気が分かり、行ってみたくなる

・ナビゲーションボタンをhoverすると文字の間隔が広くなるようになっている

・夜しか営業していないのでサイト全体が夜景をイメージして作られている

投稿日:

多田屋

多田屋

＊ポイント＊

・ヘッダー画像がアニメーションで次々と変わっていくがどれも絶景写真で魅了される

・サイトを開くとAIコンシェルジュが右下に固定されている

投稿日:

リリーフプレミアム羽田

リリーフプレミアム羽田

＊ポイント＊

・サイトを開くとAIコンシェルジュが左下に固定されていてAIが質問に答えてくてるようになっている

・羽田空港の近くということもありヘッダーの動画が飛行機が飛んでいるところから始まるようになっている

・スクロールすると画像や文字が左右から現れるようになっている（スマートフォンサイズになるとアニメーションはないので見やすい）

投稿日:

CIMANETIC

CIMANETIC

＊ポイント＊

・シネマ（映画）と島根をかけたタイトルになっているが、サイト自体も映画を見ているかのように表現されていてタイトルとサイトがマッチしている

・95個もの短い動画を使用し、様々な島根県の様子を動画だけで紹介している

・動画以外は黒と白だけの色を使用し、映画のスクリーンを表現している