Back to List
環境芸術学会
-サイトリニューアル
# Overview
一般社団法人 環境芸術学会のWebサイトリニューアルプロジェクト。デザインコンセプト立案からアートディレクション、UX設計、モーション演出設計まで一気通貫で担当しました。
# Challenge
サイトの老朽化に加え、会員作品を掲載する新機能の追加が必要でした。最大の課題は、一般にはなじみの薄い「環境芸術」という概念を、Webサイトを通じてユーザーに理解してもらうことでした。
roll
=
{
UI/UX Design
:
’UX/UIデザイン’
,
Art Direction
:
’アートディレクション’
,
Motion Design
:
’動画プロトタイプ作成’
,
Award Winning
:
’S5 Style GWD’
,
}
環境芸術学会
環境芸術学会は、環境芸術に関心を持ち、その研究・創作と業務に関わる個人、法人、団体により組織されています。
# Process
- デザインコンセプト立案
「環境芸術」と「学会」という2つの要素を分解し、それぞれに適した表現方法を設計しました。
環境芸術らしさ：演出（インタラクション）・UX（体験価値）で表現 鑑賞者の行動も作品に含まれる環境芸術の特性を、Webサイトでも追体験できる設計に。
学会らしさ（アカデミックさ）：トンマナ、UIデザインで表現 「斜に構えたスタイリッシュ」ではなく「頭の良さそうなスタイリッシュ」を目指し、シンプルさ・整然さ・線のデザインを軸に構築しました。
- UXデザイン
ユーザーの行動に対してインタラクティブに反応し、ユーザー自身がWebサイトを作り上げていく体験を設計。
具体的なギミック：
- MVにランダム配置された作品写真が、スクロールで散り散りになる
- 「活動紹介」セクションで写真が再構成され、一覧表示される
- ユーザーが環境芸術の発信者としての追体験を行える演出
- アートディレクション
作品を主役にするため、トンマナは抑制的に。学会誌をスタイリッシュにアップデートしたイメージで、線のデザインを軸にビジュアルを構築しました。
- プロトタイピング
After Effectsでモーション演出を設計し、インタラクションの動きを検証。
この演出がUX設計の鍵になるので詳細に設計し、エンジニアへの再現性を担保した状態を作りました。
# Outcome
クライアントから非常に高い評価を獲得。S5 StyleでGood Web Designを受賞し、優れたWebデザインとして認められました。
Back to List
環境芸術学会
-サイトリニューアル
# Overview
一般社団法人 環境芸術学会のWebサイトリニューアルプロジェクト。デザインコンセプト立案からアートディレクション、UX設計、モーション演出設計まで一気通貫で担当しました。
# Challenge
サイトの老朽化に加え、会員作品を掲載する新機能の追加が必要でした。最大の課題は、一般にはなじみの薄い「環境芸術」という概念を、Webサイトを通じてユーザーに理解してもらうことでした。
roll
=
{
UI/UX Design
:
’UX/UIデザイン’
,
Art Direction
:
’アートディレクション’
,
Motion Design
:
’動画プロトタイプ作成’
,
Award Winning
:
’S5 Style GWD’
,
}
# Process
- デザインコンセプト立案
「環境芸術」と「学会」という2つの要素を分解し、それぞれに適した表現方法を設計しました。
環境芸術らしさ：演出（インタラクション）・UX（体験価値）で表現 鑑賞者の行動も作品に含まれる環境芸術の特性を、Webサイトでも追体験できる設計に。
学会らしさ（アカデミックさ）：トンマナ、UIデザインで表現 「斜に構えたスタイリッシュ」ではなく「頭の良さそうなスタイリッシュ」を目指し、シンプルさ・整然さ・線のデザインを軸に構築しました。
- UXデザイン
ユーザーの行動に対してインタラクティブに反応し、ユーザー自身がWebサイトを作り上げていく体験を設計。
具体的なギミック：
- MVにランダム配置された作品写真が、スクロールで散り散りになる
- 「活動紹介」セクションで写真が再構成され、一覧表示される
- ユーザーが環境芸術の発信者としての追体験を行える演出
- アートディレクション
作品を主役にするため、トンマナは抑制的に。学会誌をスタイリッシュにアップデートしたイメージで、線のデザインを軸にビジュアルを構築しました。
- プロトタイピング
After Effectsでモーション演出を設計し、インタラクションの動きを検証。
この演出がUX設計の鍵になるので詳細に設計し、エンジニアへの再現性を担保した状態を作りました。
# Outcome
クライアントから非常に高い評価を獲得。S5 StyleでGood Web Designを受賞し、優れたWebデザインとして認められました。
## Motion Prototype
## Award Winning
