アクセシビリティに対する異常なこだわりも見どころの１つ！ MadeByCat のウェブサイトがおもしろい

doxas : 2026-07-09 13:36:11

キービジュアルもかっこいい

今回ご紹介するのは MadeByCat というスタジオのウェブサイトです。

いわゆるクリエイティブスタジオみたいな形の業態だと思うのですが、かなりしっかりと自分たちの色みたいなものが意識されたウェブサイトになっているように感じます。

今回のサイトでは演出云々もおもしろい部分があるのですが、それよりもアクセシビリティに対する考え方が非常に興味深いです。

今回のサイトのトップページ部分には、独特な質感のエフェクトが掛かった動画が背景に置かれています。

この動画に対するエフェクトは、カーソルの位置に応じて黒っぽい部分と明るく動画が表示されている部分とが変化するようになっており、黒っぽくなる部分はたぶん輝度とかでしきい値を設定してマスクしているものだと思います。

不思議なビジュアルでどうも言葉で表現するのが難しいです。

こちらのスタジオはどうやらトルコを拠点としているスタジオみたいなのですが、ちょっと変わった雰囲気がありますね。

それがトルコという国に特有なものなのかまでは、お恥ずかしながらトルコに詳しくなくてわからないのですが……

トップページの動画に対するエフェクト・演出は、他のセクションでは使われていないようで、逆にトップページ以外のページなどではメタボールのような演出が統一して用いられているようです。

個人的に一番びっくりしたのが、サイト内に実装されているアクセシビリティ系の機能です。

アクセシビリティの機能を呼び出すと、本当に信じられないくらいの項目がカスタムできるようになっていてすごいですね。

これだけ豊富にカスタムできるようにしてしまうと、当たり前っちゃ当たり前なのですがデザイン的には全然正しくないのでは？と思うような見た目になってしまうこともあるんですよね。

もはやどちらかというとネタとまでは言わないまでも、意図的に過剰に、これだけ細かい部分にも配慮して制作ができるチームですよ、ということを表現しているのかもしれません。

ウェブってあらゆる人が目にするものだからこそ、そこには無数の考慮しなければならない項目・配慮が潜在していると思います。

しかし多くの場合は、それらの潜在的な項目までをデザイナーやディレクターが意識的に回収するものだと思うのですが、これだけ豊富な項目を閲覧者に対して開示するというのは…… たぶん、デザイン的には選択肢多すぎて選べないよ的な意味も含めて正しくはないんでしょうね。

ただ、自分たちのウェブサイトにこういう仕掛けをすること自体が彼らのアイデンティティなのかもしれませんし、いろんなことを想像してしまいます。