HEART BREAD ANTIQUE

HEART BREAD ANTIQUE

*ポイント*

・アンティークという名前からサイト自体もアンティークをイメージさせるようなデザインになっている

・ファーストビューの画像がスクリーンのような劇場の舞台をイメージさせる中に表示されるようになっており一定の秒数を過ぎると切り替わるようになっている

・スクロールすると色々なイラストが現れるようになっている

・商品紹介のページでは商品の画像にhoverすると商品の説明が表示されるようになっている、スマートフォンサイズになるとクリックしないと説明文が表示されずレスポンシブでも見やすい

THE RYOKAN TOKYO YUGAWARA

THE RYOKAN TOKYO YUGAWARA

*ポイント*

・旅館のサイトだがオシャレでパステルカラーを使用するなど今風なデザインではあるがレトロさも表現されている

・スクロールすると各コンテンツの見出しの下に波線が表示される

・画面の右に立て並びでSNSとグーグルマップのリンクのアイコンが固定されている

・いろんなフォントを使用している

訪問介護ステーション

訪問介護ステーション

*ポイント*

・イラストをたくさん使用しており、イラストで描かれているサイト全体の曲線の中にテキストやイラストがうまくはめ込まれている

・ナビゲーションメニューの上から看板が垂れ下がっているかのように被せて電話番号とメール先が表示されている

・青とピンクでサイト全体が統一されている

・スマートフォンサイズになると文字サイズ等も大きく表示されていて見やすい

carborocco

carborocco

*ポイント*

・斜線で写真に影を表現している

・ボタンのところに影ではなくborderを入れて立体に見せている

・サイト自体は背景が白でテキストが黒でシンプルな作りになっているが、画像が台形になっていたりborderをうまく使用することによってオシャレに見える

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

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

*ポイント*

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

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

PLAY/UP

PLAY/UP

*ポイント*

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

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

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

江古田まさ動物病院

江古田まさ動物病院

*ポイント*

・ヘッダー画像が長方形ではなく多角形になっており、bottomの逆三角形のようになっている頂点にロゴ画像が表示されている

・ボタンがhoverすると中央から上下に色が変わるようになっている

・各ページに飛ぶと見出しの背景が水色のドットの背景画像になっていて見出しと本文がより区別されており、スマートフォンサイズになると背景画像ではなく水色の背景色になっており見やすい

東京国際フォーラム

東京国際フォーラム

*ポイント*

・画像の幅が画面の幅いっぱいになっているので迫力があり、国際フォーラムの高級感が伝わってくる

・青系の色で統一されており、強調したいボタンだけピンクにしている

・レスポンシブになっても見やすい

・ボタンがグラデーション色になっており、hoverするとグラデーションの向きが反対になっている

YOKA NAVI

YOKA NAVI

*ポイント*

・トップページに朝、昼、夜というボタンがありそれぞれのボタンをクリックするとトップページのオススメ情報と画像が変わる

・サイト全体にゴールドの縁があるが、画面の上下左右から少し内側に縁があるのでオシャレ

・トップページをスクロールすると各コンテンツが下から表示されるアニメーションになっている