
【デザインニュース】vol.8 MOONSTARの新しいプロダクトライン×アニメーション
==========================================
長津:カドベヤCOO/弊社WEBディレクターの長(おさ)的存在
須田:UIデザイナー/ゲーム・ドラムに日々没頭
竹田:WEBディレクター/サウナのためなら全国に出没
森山:WEBディレクター/無類のガジェット好き
古川:WEBディレクター/クリエイティブ部マネージャー
越智:ディレクター兼デザイナー/SEO周りを担当==========================================
🔳 今週のピックアップ 「インユース MOONSTAR」
UIデザイナー須田によるデザインコーナーvol.8。
今週の須田的ベストデザインは「インユース MOONSTAR」。

須田(UID):シューズメーカー”MOONSTAR”の新しいプロダクトライン「インユース(In Use)」のブランドサイトです。
長津(COO):MOONSTARといえば、上履きとか調理場の靴のイメージが強かった。
竹田(Dir):日常使いしている人多いですよ。コスパいいし可愛いし頑丈なので僕も愛用しています!
須田(UID):今回このサイトをピックアップした理由としては、メインビジュアルだけでなく下のセクション部分も全てアニメーションが使われているからです。
長津(COO):めずらしいね。
須田(UID):そうなんです。アニメーションは、サイト全体のバランスを加味して導入することが多いので、このサイトのようにふんだんにアニメーションを使っている事例はめずらしいですね。
長津(COO):アニメーションは、少し動かしただけでごちゃっとした印象を与えちゃう事もあるしね。
須田(UID):でもこのサイトは雑多な感じがしないし、アニメーション自体の書き込みもシンプルで程よい密度になっていて、テキストもシンプルなので、全体のバランスが抜群ですね。
あと、イラストの数が多いので、イラストレーターの方が相当がんばったんだろうなぁ。。

須田(UID):アニメーションもVectorじゃなくて、全て手書きでつくっている感じがします(笑)
長津(COO):すごい!「日常に溶け込む、黒子(くろご)のような靴(サイト引用)」って書いてあるように、日常生活の中で使う靴だってことを動的なアニメーションで表現している、コンセプチュアルな作品だね。

須田(UID):こちらがスマホ版です。GIFじゃなくてMP4のビデオタグです。
長津(COO):MP4が最適なのか分からないんだけど、どう思う?
須田(UID):GIFよりMP4の方がファイル容量が断然軽いと思います。
長津(COO):アニメーションの繋ぎ目をスムーズにしたいと思ったけど、そこは容量との戦いか~。

須田(UID):こちらは靴の紹介ページです。
長津(COO):靴もイラストでめちゃくちゃいいね、思い切ったよね。
須田(UID):世界観が統一されていていいですね。
須田(UID):アニメーションの音楽も流すとさらにおもしろいですよ。
長津(COO):日常っぽさが溢れていて良いBGMだね~。暮らしの中で聞こえる靴の音っていいね。
須田(UID):最初にアニメーションをつくって、そのあとサイトが派生してつくられた感じですね。
長津(COO):デザイン起点でつくられていて素敵だね。
じゃあ今日はここまで。アディオス!
〆