■クリエイティブ部メンバー

• 長津：カドベヤCOO／弊社WEBディレクターの長(おさ)的存在
• 須田：UIデザイナー／ゲーム・ドラムに日々没頭
• 古川：PdM／クリエイティブ部マネージャー
• 飯野：PdM／カドベヤのお兄ちゃん、ゲーム・アニメ・SEOがすき
• 山口：Webディレクター／カドベヤ新メンバー、Apexにハマり中

🔳　今週のピックアップ【Muturelism Conference】

UIデザイナーの須田によるデザインコーナーvol.33。

今週の須田的ベストデザインは「インパクトあるキービジュアルと緩急あるデザインが光るカンファレンスPRサイト｜Muturelism Conference」。

引用元：https://muturelism-conf.jp/

須田(UID)：

今回紹介するのは、「集、交、問、わくらば」をテーマに掲げるカンファレンスサイトです。

主催は、株式会社Mutureという丸井グループとGoodpatchが共同設立したジョイントベンチャー企業です。

様々なバックグラウンドを持つ参加者同士の交流を通じて、新たなアイデアや視点を生み出すことが目的のようです。

引用元：https://muture.jp/

長津(COO)：

カンファレンスのPRサイトって、ターゲットが結構明確そうだよね。

須田(UID)：

そうですね。エリート企業向けの印象で、DXや経営に関わる人たちがターゲットになっている感じです。

長津さんとかがまさにカバー範囲ですね。

長津(COO)：

俺がターゲットか（笑）

サイトのデザインはどんな感じ？

須田(UID)：

やっぱりキービジュアルのムービーが一番インパクト強いですね。

ここに一番力を入れてますね。

引用元：https://muturelism-conf.jp/

須田(UID)：

それ以外は比較的シンプルで、スピーカー紹介の部分なんかはほぼテーブル組みですね。

長津(COO)：

情報を整理して、動きで魅せるタイプのデザインか。

須田(UID)：

アニメーションやインタラクションをしっかり作り込んで、緩急をつけてデザインの完成度を高めているって感じですね。

須田(UID)：

スマホ版では結構ダイナミックな動きがよかったです！

特に、スピーカーセッションのタイムラインがぐいぐい動く感じがグッドでした。

長津(COO)：

何で実装されてるんだろう？

須田(UID)：

キービジュアルのムービーは、おそらくGIFか連番画像を使ったアニメーションですね。

静止画を横にスクロールさせる形で表現しているようです。

長津(COO)：

GIFでやってるならデータサイズが気になるな。

須田(UID)：

実際に計測したら13.4MBありました。

かなり重いですけど色数を制限してうまく最適化してますね。

長津(COO)：

そこまで大掛かりな技術を使わなくても見せ方の工夫次第でかなりリッチな印象になるんだな。

須田(UID)：

デザイン的には、すべてを作りこまずに要所要所で演出を入れて「情報整理とインパクトのバランスを取っている」のが特徴ですね。

長津(COO)：

全部盛りにせずに引くところは引くってことか。

須田(UID)：

「デザインの引き算」ってやつですね。

あと、カンファレンスのコンセプトが「企業や組織の成長には手を取り合うことが必須」となっていて、それが「場」を作るデザインにも反映されているのがさすがですね。

古川(PdM)：

いまの時代って単なる技術や戦略じゃなくて、場の作り方そのものが競争力になるよね。

須田(UID)：

特に社内ナレッジ共有や色々なコラボレーションが生まれる環境づくりが今後大事になりそうですね。

長津(COO)：

今日はここまで！次回も新しいトピックでお会いしましょう！アディオス！

〆