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デザインとして認められました。

OKAJIMA TAKAHITO

OKAJIMA TAKAHITO

Back to List

環境芸術学会

-サイトリニューアル

# Overview

一般社団法人 環境芸術学会のWebサイトリニューアルプロジェクト。デザインコンセプト立案からアートディレクション、UX設計、モーション演出設計まで一気通貫で担当しました。

# Challenge

サイトの老朽化に加え、会員作品を掲載する新機能の追加が必要でした。最大の課題は、一般にはなじみの薄い「環境芸術」という概念を、Webサイトを通じてユーザーに理解してもらうことでした。

# Process

- デザインコンセプト立案

「環境芸術」と「学会」という2つの要素を分解し、それぞれに適した表現方法を設計しました。


環境芸術らしさ:演出(インタラクション)・UX(体験価値)で表現 鑑賞者の行動も作品に含まれる環境芸術の特性を、Webサイトでも追体験できる設計に。


学会らしさ(アカデミックさ):トンマナ、UIデザインで表現 「斜に構えたスタイリッシュ」ではなく「頭の良さそうなスタイリッシュ」を目指し、シンプルさ・整然さ・線のデザインを軸に構築しました。

- UXデザイン

ユーザーの行動に対してインタラクティブに反応し、ユーザー自身がWebサイトを作り上げていく体験を設計。


具体的なギミック:

- MVにランダム配置された作品写真が、スクロールで散り散りになる

- 「活動紹介」セクションで写真が再構成され、一覧表示される

- ユーザーが環境芸術の発信者としての追体験を行える演出

- アートディレクション

作品を主役にするため、トンマナは抑制的に。学会誌をスタイリッシュにアップデートしたイメージで、線のデザインを軸にビジュアルを構築しました。

- プロトタイピング

After Effectsでモーション演出を設計し、インタラクションの動きを検証。

この演出がUX設計の鍵になるので詳細に設計し、エンジニアへの再現性を担保した状態を作りました。

# Outcome

クライアントから非常に高い評価を獲得。S5 StyleでGood Web Designを受賞し、優れたWebデザインとして認められました。

## Motion Prototype

## Award Winning