- Reflection – Une expérience de l’Opéra de Lyon
- 写真の切り替え方法とマウスいちに反応するアニメーションが独特です。
-
https://saison2020-21.opera-lyon.com/
2020-07-21 - detail
- Add Culture +
- 棒グラフがおしゃれです。
-
https://www.addculture.com/
2021-02-01 - detail
- BRAUN(ブラウン)公式サイト|腕時計・クロック
- BRAUNのDieter Ramsさんは、もっと調べてみたいデザイナーの1人です。
-
https://br-time.jp/
2020-08-07 - detail
- The Badass Project
- ダイナミックな配色とレイアウト、メニューがマウスを追いかける動作などが印象的です。
-
https://www.badass35.com/en/home
2020-05-28 - detail
- Fleava | Bali, Jakarta and Singapore Web Design, Mobile App, Branding, Digital Advertising Agency
- ハンバーガーメニューのデザインがお洒落です。
-
https://fleava.com/
2020-09-04 - detail
- Off Season Creative
- しっかり区切られているレイアウトが、最近の個人的な好みです。
-
https://offseasoncreative.com/
2020-08-11 - detail
- JOHNNIE WALKER x HOUYHNHNM | WALKER’S club H
- 流れる文字が直線ではないところが技術的に面白いです。
-
https://www.houyhnhnm.jp/walkers_club_h/
2020-06-08 - detail
- gooone(ゴーン) | 三浦・三崎の観光情報マガジン
- 地元のメディアサイトにしては、盛り沢山なギミックで完成度が高く感じました。
-
https://gooone.help/
2020-09-24 - detail
- SDU – Future Education
- アニメーションがと操作感が面白く見てしまいます。
-
https://fremtidensuddannelser.dk/en
2020-09-04 - detail
- The Queen and The Crown
- 奥行きが面白いサイトです。
-
https://www.thequeenandthecrown.com/
2020-12-04 - detail
- Hyper Tria
- 動かない動画が面白いです。
-
https://hypertria.com/
2021-11-04 - detail
- Studio Mærtens
- ローディングがお洒落です。マウスカーソルがそのままロードアニメーションになっているのも良いです。
-
https://studiomaertens.com/
2020-06-08 - detail
全体的にシンプルで綺麗なデザインですが、参考になると感じたのはそれぞれの詳細ページです。
最近主流の1カラム構成でブログなどを運営する場合、大画面での間の抜けた感じを回避するため、通常ページよりもコンテンツ幅を狭めて設計することが多いです。
しかしこちらのサイトは2カラムに見えない2カラム構成で、自然に幅を狭めています。
また、ヘッダー下のBACKボタンはアーカイブページのカテゴリーの位置と連動しており、第二階層のメニューとして機能しています。
通常パンくずの位置とされそうな位置に配置されていることから、その役割も担っているのではないかと感じられる機能的なデザインです。