- Accueil — Vooban
- メニュー内にある+アイコンから−になるアニメーションが良いです。
-
https://vooban.com/
2020-11-30 - detail
- 世田谷クロニクル 1936-83
- 動画などのタイトル表記に使われているシールの飾りが、時代を感じさせる面白いアクセントになっています。
-
https://ana-chro.setagaya-ldc.net/
2020-05-11 - detail
- Mcube
- グリッチ効果の使い方が面白いです。
-
https://www.mcube.fr/
2020-06-01 - detail
- SDU – Future Education
- アニメーションがと操作感が面白く見てしまいます。
-
https://fremtidensuddannelser.dk/en
2020-09-04 - detail
- SND
- サイトも音も素敵です。
-
https://snd.dev/
2022-03-15 - detail
- NIPPON DESIGN CENTER ON SCREEN CREATIVE DIVISION
- noteと合わせて見ると学ぶべき箇所が多いです。
-
https://ndcosd.jp/
2020-07-29 - detail
- オトナミューズ ウェブ
- カラーリングと写真のレイアウトが素敵です。
-
https://otonamuse.jp/
2021-11-18 - detail
- Arrival | Integrated Transport Ecosystem | Discover Bus and Van
- プロダクトの表現と非常にマッチしているシンプルなデザインです。
-
https://arrival.com/
2020-08-11 - detail
- A Green|Greenery Scent Architecture & Design
- レイアウトとコーディングの関係が美しいです。
-
https://agreen.tokyo/
2020-05-09 - detail
- Industry City
- 自分では選ばない色のセレクトだったので参考にします。
-
https://industrycity.com/
2020-10-12 - detail
- SISI
- メニューのフォントサイズやアイコンなどの大きさの変化に慣れてきた気がします。
-
https://sisi.tokyo/
2021-01-21 - detail
- BAUM(バウム)
- レイアウトが美しいです。またメンバーシップのアニメーションなど細かい部分が繊細です。
-
https://www.baumjapan.com/baum/index.html
2020-05-15 - detail
マウスオーバー時に出てくる画像にグリッチ効果が使用されています。
グリッチをかける際は、背景画像全体をざらつかせると馴染むと言うことがわかります。
またボタンはランダムに文字が切り替わるのですが、こちらもグリッチとよくあっています。