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 setouchi-architourism.com
SETOUCHI ARCHI-TOURISM
2カラム構成を詳細ページのレイアウトが参考になります。
https://setouchi-architourism.com/
2020-08-03
detail
Screenshot of storywriter.tokyo
StoryWriter | ストリートを愛するカルチャー・マガジン
SPでのKVがPCでは、左カラムの位置にあります。両デバイスのアスペクト比を考えると理にかなっているかもしれないです。
https://storywriter.tokyo/
2020-06-24
detail
Screenshot of gooone.help
gooone(ゴーン) | 三浦・三崎の観光情報マガジン
地元のメディアサイトにしては、盛り沢山なギミックで完成度が高く感じました。
https://gooone.help/
2020-09-24
detail
Screenshot of frenchbutnice.design
Olivier Gillaizeau — SF Based Creative Director
マウスオーバーで現れる動画が目をひきます。また非表示でも背景のグラデーションが単なる余白に感じさせないデザインになっているのもセンスが良いです。
https://frenchbutnice.design/
2020-05-13
detail
Screenshot of studio-has.jp
STUDIO HAS – スタジオ・ハス
余白やレイアウトがとても綺麗です。
https://studio-has.jp/
2020-07-03
detail
Screenshot of voiceofracism.co.nz
Voice of Racism
参考にするタイミングは不明ですが、とにかく初めての経験です。メッセージ性は高く感じました。
https://voiceofracism.co.nz/
2020-08-25
detail
Screenshot of overcovid.pointapp.org
Over Covid | POINT
最近はこういったしっかり区切って、しっかり文字を詰め込んだサイトに興味があります。
https://overcovid.pointapp.org/
2020-08-07
detail
Screenshot of www.niklasrosen.se
Niklas Rosén
テキストだけの構成が今の気分です。
https://www.niklasrosen.se/
2022-06-06
detail
Screenshot of www.oniguili.jp
oniguili
レイアウトが素敵です。
https://www.oniguili.jp/
2021-05-07
detail
Screenshot of nanameinc.jp
株式会社ナナメ – CREATIVE MOVIE MAKER
WORKSの見せ方が参考になります。
https://nanameinc.jp/
2020-08-24
detail
Screenshot of sretks.com
SRETKS.com
背景が立体に見えるのでしょうか?今、あのメガネが欲しいです。
https://sretks.com/
2020-09-16
detail
Screenshot of yourra.fr
Yourra! – Happy agency
ページの最下層にある、次ページへ誘導するリンクのマウスオーバー時の表現が面白いです。
https://yourra.fr/
2020-08-11
detail

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