ファッションブランドが持つ個性をあまりにも見事にウェブ上へ投影した Moblinks のウェブサイト
ポップでかわいい
今回ご紹介するのは、フランスのファッションブランド Moblinks のウェブサイトです。
おそらくですが、公式の Instagram には「kids with adult money」とあるので、大人にもどこか子供向けのような元気で可愛らしいスタイルを、というかんじのコンセプトなんですかね…… なにかヒップホップカルチャーみたいなものも同時に含まれている気がします。
フランスのファッションシーンというとなにか大人びた洗練されたものを想像してしまいますが、こんなブランドもあるんですね。
リンク：
手触り感とアニメーション
今回のサイトはいい意味でいろんなものが動きます。
日本で言えば教育系のテレビ番組や幼児向けのアニメなんかにあるような、ポップでかわいらしい色使いとアニメーションが随所に用いられています。
特に、トップページの部分はかなり慣性が強く掛かる大胆なアニメーションが仕込まれていて、すごいインパクトがあります。
アルファベットの M をかたどったロゴマークがカーソルの動きに合わせて画面内を縦横無尽に動き回る様子は、スピード感から余韻まで、本当に元気いっぱいという感じ。
色使いもすごくいいですよね。
3D の表現を使っている部分はトップページの冒頭意外にもありますが、どちらかというと結構限定的かもしれません。
WebGL で演出されているところは箇所としては少ないですが、それでもウェブサイト全体という意味では演出が施されていない場所はほとんどないと言ってもいいくらいです。
文字が画面上に現れるときはなにかしらアニメーションを伴っていることが多いですし、位置が動くという単純な動きだけでなく、色が変化するなど多様な見せ方を駆使して演出が作り込まれています。
サイト内に掲載されている写真も、どれもいい味だしてます。
WebGL を使ってなにかを作る時、シェーダなどを使ってポストエフェクトで空気感を作り込むような手法もあれば、今回のケースのように動きを使って独特な空気感を作っている場合もあります。
サイトの冒頭、黄色い輪郭が動きながらロゴマークがスイスイと動き回る様子は本当になにか不思議な質感があって、懐かしさのようなものを感じる気がします。
個人的に気になってオフィシャルの YouTube チャンネルで公開されている動画とかも見てみたのですが、ほんと個性的なファッションブランドでおもしろいなと思いました。
ぜひチェックしてみてください。
