Dual Track
Web UIUX Design
概要
Dual Trackは、オープンイノベーションプログラムとアトツギベンチャープログラムという２つのプログラムからなる、静岡のローカル企業のためのビジネスプロジェクト。もともと静岡オープンイノベーションプログラムと称されていたが、プロジェクト名の変更に伴いブランディングもリニューアルし、webサイトも刷新することとなった。
私はUXUIデザイナーとして、再構成を考えるところから、ビジュアルデザインに新しいブランディングを反映させ、ノーコードツールSTUDIOでの開発まで行った。プロジェクト運営チームと協力し、2ヶ月という短期間でプロジェクトのキックオフまでにサイトリリースまで完了させた。
クライアント
EXPACT株式会社
役割
Web UIUX designer
完了
2025.10
サイト構成の考案
ワイヤーフレーム
半年にわたって続く長期プロジェクトで、フェーズによって更新していける構成である必要があった。また、オープンイノベーションプログラムとアトツギベンチャープログラムの２つのプログラム間、およびDual Track自体のランディングページ（別に設置）と本サイトとのアクセスがシームレスである必要があった。この2点を考慮し、ワイヤーフレームを作成した。
01 更新性のある構成
CMSで更新するお知らせセクションを設置。また、スケジュールの進行に合わせて最新の状況がわかるスケシュールセクションを設置。
02 他ページとのシームレスなアクセス設計
２つのプログラム間は上部のタブバーで行き来が可能。Dual Trackのランディングページには常にアクセス可能な動線を設置。
UIデザイン
デザイン
01 革新性や勢いを感じる新しいブランディングを反映したビジュアル
各プログラムのテーマカラーをそれぞれのページのメインカラーに採用し、先進性を表現するためにグラデーションの配色やモダンなフォントを使用した。
02 複雑な情報をグラフィックで表現
スケジュール部分はやや複雑なため、ビジュアルでわかりやすく整理した。
ブランドのアイデンティを広げるその他デザイン
マーケティングアセット
サイトのローンチ後は、イベント実施に伴うフライヤー、バナー、会場装飾パネルなど、さまざまなプラットフォームにブランドのアイデンティティを一貫して広げるデザインを行なった。
インパクト
結果
新たなブランディングに即したビジュアル
新しいブランディングに合った、オープンイノベーションの勢いを感じられるデザインになった。
プロジェクトの成長を支えるプラットフォーム
サイトオープンから5ヶ月で4800PV数。ビジネスプロジェクトの公式サイトとして、情報を発信するプラットフォームとなった。
