Facebook バーチャルマーケット2025特設サイトデザイン
Logo

バーチャルマーケット2025特設サイトデザイン

クレジット
Avatar
UIデザイナー
デザイナー
バーチャルマーケット2025特設サイトデザイン-1
シェア
制作ノート
制作メモ

https://vket.com/lp/2025Summer

バーチャルイベントの特設サイトデザインを作成。コンセプトの提案からワイヤーフレーム、デザイン作成までを担当。

※現在はver.1.0 アニメーションはさらにアップデート予定

メンバー:エンジニア1名、ディレクター1名(キービジュアルイラストレーターは外部)

目的:イベントのテーマ「鍵と扉」とイベントのワクワク感を伝える。出展申し込み、参加者へのPR。

デザイン意図:鍵や扉をモチーフにし、冒険や宝物といったイメージをキラキラした装飾やダイナミックなタイポグラフィとアニメーションでワクワク感を訴求、流線形の装飾で躍動感や統一感を表現した。

さらに、実際のイベントの楽しさが伝わるように写真やワールドのアートを大きく配置し、キャッチコピーのエリアでは要素を斜めに変形させて奥行き感や3D感を表現。

機能面では、コンバージョンとなる申し込みボタンを常に右下に配置した。

行動:

①トレンドや競合サイトをみながらメンバーでブレスト

ブレスト資料

ブレスト資料

②ムードボードを提案して方向性の確認

テーマの確認とムードボード3案を提案

テーマの確認とムードボード3案を提案

③ワイヤーフレームの作成。過去のサイトでヒートマップツールを参考に構成の改善提案。

ワイヤーフレーム資料

ワイヤーフレーム資料

④デザイン作成。アニメーションの指示やデザイン意図をコメントに記載してエンジニアに共有。

テーマカラーを夏らしく青をベースに、流線形やアニメーションでわくわく感を演出。

テーマカラーを夏らしく青をベースに、流線形やアニメーションでわくわく感を演出。

⑤リリース後、ヒートマップツールで改善点の洗い出しなどを行った

Microsoft Clarityでヒートマップを確認

Microsoft Clarityでヒートマップを確認

構成要素の改修案の検討を行う

構成要素の改修案の検討を行う

シェア