- 株式会社 JR西日本コミュニケーションズ
- 人物画像にマウスオーバーすると、写真の後ろに文字が入る工夫が面白いです。
-
https://www.jcomm.co.jp/recruit/newgrads/
2020-05-11 - detail
- Mcube
- グリッチ効果の使い方が面白いです。
-
https://www.mcube.fr/
2020-06-01 - detail
- FIL – SUMI LIMITED
- 細かいところまでアニメーションが計算されているように感じます。
-
https://sumi.fillinglife.co/
2020-07-29 - detail
- 株式会社ナナメ – CREATIVE MOVIE MAKER
- WORKSの見せ方が参考になります。
-
https://nanameinc.jp/
2020-08-24 - detail
- Agnes Lloyd-Platt
- ファビコンにアニgifを設定できるなんて知りませんでした。
-
https://agneslloydplatt.com/
2020-07-01 - detail
- BRANCHÉ CHOCOLAT | ブランシェ・ショコラ
- #至福の正⽅形 というコピー、プロダクトや雰囲気が素敵です。
-
https://branche-chocolat.jp/
2020-09-11 - detail
- isai Inc.
- NEW WORKSを90度回転させて並べているところに新しさを感じました。
-
https://isai-inc.co.jp/
2020-05-13 - detail
- CreativeCrew
- スプレーの表現とボタンホバー時の音が良いです。テキスト量の多い横スクロール時の参考にも良いかも。
-
https://partners.cpeople.ru/en/
2020-07-08 - detail
- 広告だからこそ、できることがきっとある。|2020 60th ACC TOKYO CREATIVITY AWARDS ブランデッド・コミュニケーション部門
- 表示の際のアニメーションが面白いです。
-
http://www.acc-awards.com/2020fes/bc/thoughts/
2020-07-20 - detail
- Boldare Boards — the online collaboration app
- あえて懐かしいデザインを取り入れているがギミックは新しいものばかりでギャップが面白いです。
-
https://boards.boldare.com/
2020-10-27 - detail
- Home Société | Contemporary Home & Outdoor Furniture
- トレンドのビッグタイポと横スクロールをうまく合わせています。
-
https://homesociete.ca/
2020-05-19 - detail
- NIPPON DESIGN CENTER ON SCREEN CREATIVE DIVISION
- noteと合わせて見ると学ぶべき箇所が多いです。
-
https://ndcosd.jp/
2020-07-29 - detail
全体的にシンプルで綺麗なデザインですが、参考になると感じたのはそれぞれの詳細ページです。
最近主流の1カラム構成でブログなどを運営する場合、大画面での間の抜けた感じを回避するため、通常ページよりもコンテンツ幅を狭めて設計することが多いです。
しかしこちらのサイトは2カラムに見えない2カラム構成で、自然に幅を狭めています。
また、ヘッダー下のBACKボタンはアーカイブページのカテゴリーの位置と連動しており、第二階層のメニューとして機能しています。
通常パンくずの位置とされそうな位置に配置されていることから、その役割も担っているのではないかと感じられる機能的なデザインです。