Screenshot of www.jcomm.co.jp
株式会社 JR西日本コミュニケーションズ
人物画像にマウスオーバーすると、写真の後ろに文字が入る工夫が面白いです。
https://www.jcomm.co.jp/recruit/newgrads/
2020-05-11

採用 未分類 のデザイン参考サイト
「 株式会社 JR西日本コミュニケーションズ 」

株式会社 JR西日本コミュニケーションズ
人物画像にマウスオーバーすると、写真の後ろに文字が入る工夫が面白いです。
https://www.jcomm.co.jp/recruit/newgrads/
2020-05-11

マウスオーバーでテキストが上に乗ってくるサイトは多いですが、このサイトのように人物の下に流れるサイトは珍しく感じます。
最近は一枚絵で写真を使用することが増えましたが、切り抜き画像として配置しているからこそできる技術です。

back
Screenshot of fleava.com
Fleava | Bali, Jakarta and Singapore Web Design, Mobile App, Branding, Digital Advertising Agency
ハンバーガーメニューのデザインがお洒落です。
https://fleava.com/
2020-09-04
detail
Screenshot of kieranbaybutt.com
Kieran Baybutt
トップページのPROJECTの見せ方が凝っています。
https://kieranbaybutt.com/
2020-08-24
detail
Screenshot of www.jibaisekihoken-koho.jp
自賠責保険広報|今すぐカクニン!期限切れ。
一般社団法人日本損害保険協会らしくないイメージに攻めの姿勢を感じました。
https://www.jibaisekihoken-koho.jp/
2020-06-11
detail
Screenshot of www.ionic.co.jp
ionic (アイオニック)
画面左下のオブジェクトがスクロールしていることを理解させる役割を果たしており親切です。
https://www.ionic.co.jp/ionic/
2020-08-13
detail
Screenshot of grids.obys.agency
Grids
通常でも素敵ですが、GridとCrazy Modeがすごいです。
https://grids.obys.agency/
2021-08-31
detail
Screenshot of lessnoros.com
Les Snorôs
表の見せ方がパッケージのような印象が出ていて好みです
https://lessnoros.com/
2020-10-28
detail
Screenshot of ryutanishitani.jp
西谷デザイン
ついスクロールがとまります。
https://ryutanishitani.jp/
2020-07-29
detail
Screenshot of www.broom-studio.com
broom inc.
ProjectsやAboutのアニGIFが効いていて良いです。
https://www.broom-studio.com/
2020-08-04
detail
Screenshot of garden-eight.com
Garden Eight
すべてのページに参考にしたい要素が詰まっています。
https://garden-eight.com/ja
2022-02-10
detail
Screenshot of lumine.co.jp
LUMINE 会社情報
平体のかかったフォントが特徴的です。
https://lumine.co.jp/
2020-07-29
detail
Screenshot of www.theclimatepledge.com
The Climate Pledge
全体の質感が素敵です。
https://www.theclimatepledge.com/
2021-02-16
detail
Screenshot of www.niklasrosen.se
Niklas Rosén
テキストだけの構成が今の気分です。
https://www.niklasrosen.se/
2022-06-06
detail

サイトのキャプチャは、自動で撮影されているため、意図していないデザインが表示されている可能性があります。